/* Start:/local/templates/desktop/assets/css/style.css?179078246552328*/ /* ===== Reset ===== */ *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p { margin: 0; } a { color: inherit; text-decoration: none; } img { display: block; max-width: 100%; height: auto; } ul, ol { margin: 0; padding: 0; list-style: none; } /* ===== Design Tokens ===== */ :root { --container-width: 1280px; --space-side: 24px; --space-section: 50px; --color-primary: #00beb2; --color-primary-dark: #00a99e; --color-danger: #d70000; --color-text: #414141; --color-muted: #565656; --color-footer: #bfbfbf; --color-surface: #e4e4e4; --color-placeholder: #e5e5e5; --color-surface-light: #f7f7f7; --color-text-body: #26292c; --color-input-text: #51555c; --color-white: #fff; --color-chat-bg: #ebebeb; --color-avatar-bg: #c8c8c8; --color-quick-reply: #3c3c3c; --color-input-border: #9ad3cc; --color-input-placeholder: #aaa; --color-table-gold: #e8f9f8; --color-table-vip: #c8f0ed; --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08); --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.25); --font-family: "Golos Text", sans-serif; --font-size-base: 1rem; --font-size-lg: 1.05rem; --font-size-title: 1.5rem; --font-size-hero: 2.5rem; --line-height-base: 1.4; --letter-spacing: -0.01em; --gap-xs: 10px; --gap-sm: 16px; --gap-md: 24px; --gap-lg: 32px; --gap-xl: 48px; --radius-sm: 10px; --radius-lg: 20px; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; } /* ===== Base Layout ===== */ html { scroll-behavior: smooth; } section[id] { scroll-margin-top: 96px; } body { font-family: var(--font-family); font-size: var(--font-size-base); letter-spacing: var(--letter-spacing); line-height: var(--line-height-base); color: var(--color-text); background-color: var(--color-white); min-height: 100vh; display: flex; flex-direction: column; } .container { width: 100%; max-width: var(--container-width); margin: 0 auto; padding-left: var(--space-side); padding-right: var(--space-side); } .page-content { flex: 1; display: flex; flex-direction: column; gap: var(--space-section); padding-bottom: var(--space-section); } .section-title { margin-bottom: var(--gap-md); font-size: var(--font-size-title); font-weight: var(--font-weight-semibold); } .section-title--primary { color: var(--color-primary); } .section-title--secondary { color: var(--color-text); } .section-title--medium { font-weight: var(--font-weight-medium); } .section-title--muted { color: var(--color-muted); font-weight: var(--font-weight-medium); } .section--rounded, .section--rounded-light { border-radius: var(--radius-lg); } .section--rounded { background-color: var(--color-surface); } .section--rounded-light { background-color: var(--color-surface-light); } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ===== Buttons ===== */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: var(--radius-sm); font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); cursor: pointer; transition: background-color 0.2s, color 0.2s, border-color 0.2s; border: 2px solid transparent; line-height: 1.2; } .btn--primary { background-color: var(--color-danger); color: var(--color-white); border-color: var(--color-danger); } .btn--primary:hover { background-color: #b00000; border-color: #b00000; } .btn--outline { background-color: transparent; color: var(--color-danger); border-color: var(--color-danger); } .btn--outline:hover { background-color: var(--color-danger); color: var(--color-white); } .btn--gray { background-color: #757575; color: var(--color-white); border-color: #757575; } .btn--gray:hover { background-color: #616161; border-color: #616161; } /* ===== Focus States ===== */ .btn:focus-visible, .calc-submit:focus-visible, .eval-form__submit:focus-visible, .appeal-submit:focus-visible, .cookie-banner__btn:focus-visible, .callback-widget__toggle:focus-visible, .catalog-slider__btn:focus-visible, .modal__close:focus-visible, .chat-send:focus-visible, .chat-quick-reply:focus-visible, .hint-btn:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 2px; } .eval-form__field input:focus, .eval-form textarea:focus, .eval-form__phone-box input:focus, .rate-calc__form input:focus, .weight-calc__form input:focus, .location-finder__form select:focus, .form-control:focus, .chat-input-wrap:focus-within { outline: 2px solid var(--color-primary); outline-offset: 1px; border-color: transparent; } /* ===== Top Bar ===== */ .top-bar { background-color: var(--color-white); color: var(--color-text); font-size: 0.85rem; padding: 10px 0; border-bottom: 1px solid var(--color-surface); } .top-bar__inner { display: flex; justify-content: flex-end; align-items: center; gap: var(--gap-md); } .top-bar__contacts { display: flex; gap: var(--gap-lg); } .top-bar__contacts a { display: inline-flex; align-items: center; gap: 6px; color: var(--color-text); transition: color 0.2s; } .top-bar__contacts a:hover { color: var(--color-primary); } /* ===== Header ===== */ .site-header { background-color: var(--color-white); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); position: sticky; top: 0; z-index: 800; } .site-header__inner { display: flex; justify-content: space-between; align-items: center; gap: var(--gap-md); padding-top: 16px; padding-bottom: 16px; } .site-header__logo img { max-height: 42px; } .main-menu { display: flex; gap: var(--gap-md); } .main-menu a { font-weight: var(--font-weight-medium); color: var(--color-text); padding: 8px 0; position: relative; transition: color 0.2s; } .main-menu a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: var(--color-primary); transition: width 0.2s; } .main-menu a:hover, .main-menu a.is-active { color: var(--color-primary); } .main-menu a:hover::after, .main-menu a.is-active::after { width: 100%; } .site-header__actions { display: flex; gap: var(--gap-sm); } /* ===== Promo Banner ===== */ .promo-banner { background-color: #f5f5f5; padding: var(--gap-xl) 0; } .promo-banner__inner { background-size: cover; background-position: center; background-repeat: no-repeat; color: var(--color-white); border-radius: var(--radius-lg); aspect-ratio: 13102 / 2967; padding: 32px 48px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--gap-sm); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); } .promo-banner__title { font-size: 2.75rem; font-weight: var(--font-weight-bold); line-height: 1.2; max-width: 16ch; } .promo-banner__list { list-style: none; display: flex; flex-direction: column; gap: 6px; font-size: 1.2rem; } .promo-banner__list li::before { content: "•"; margin-right: 6px; } /* ===== Chat Widget ===== */ .chat-widget { background-color: var(--color-chat-bg); background-image: url('/local/templates/desktop/assets/css/../img/chat_bg.png'); background-size: cover; background-position: center; border-radius: var(--radius-lg); box-shadow: var(--shadow-card); display: flex; flex-direction: column; overflow: hidden; height: 520px; } .chat-messages { flex: 1; overflow-y: auto; padding: var(--gap-md); display: flex; flex-direction: column; gap: 14px; overscroll-behavior: contain; scroll-behavior: smooth; } .chat-message { display: flex; align-items: flex-start; gap: 10px; } .chat-message__avatar { width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0; overflow: hidden; background-color: var(--color-avatar-bg); } .chat-message__avatar img { width: 100%; height: 100%; object-fit: cover; } .chat-message--incoming .chat-message__bubble { background-color: var(--color-white); border-radius: var(--radius-lg); border-top-left-radius: 4px; padding: 12px 16px; font-size: 0.95rem; line-height: 1.45; max-width: 280px; color: var(--color-text); } .chat-message--outgoing { flex-direction: row-reverse; } .chat-message--outgoing .chat-message__bubble { background-color: var(--color-primary); color: var(--color-white); border-radius: var(--radius-lg); border-top-right-radius: 4px; padding: 12px 16px; font-size: 0.95rem; line-height: 1.45; max-width: 280px; } .chat-quick-replies { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 4px; } .chat-quick-reply { background-color: var(--color-quick-reply); color: var(--color-white); border: none; border-radius: 24px; padding: 10px 20px; font-family: var(--font-family); font-size: 0.95rem; cursor: pointer; letter-spacing: var(--letter-spacing); transition: opacity 0.2s; } .chat-quick-reply:hover { opacity: 0.9; } .chat-input-bar { display: flex; align-items: center; gap: 10px; padding: var(--gap-sm); background-color: rgba(255, 255, 255, 0.5); } .chat-input-wrap { flex: 1; display: flex; align-items: center; gap: 8px; background-color: var(--color-white); border: 1px solid var(--color-input-border); border-radius: 24px; padding: 10px 16px; } .chat-input { flex: 1; border: none; background: transparent; font-family: var(--font-family); font-size: 1rem; color: var(--color-text); outline: none; min-width: 0; } .chat-input::placeholder { color: var(--color-input-placeholder); } .chat-input-mic { background: none; border: none; padding: 0; cursor: pointer; line-height: 0; flex-shrink: 0; } .chat-input-mic img { height: 20px; } .chat-send { border-radius: 50%; background-color: var(--color-primary); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0; transition: background-color 0.2s; } .chat-send:hover { background-color: var(--color-primary-dark); } .chat-send img { height: 44px; } /* ===== Advantages Section ===== */ .advantages-section__items { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-md); } .advantage-card { background-color: var(--color-surface-light); border-radius: var(--radius-sm); padding: var(--gap-lg); display: flex; flex-direction: column; gap: var(--gap-sm); transition: transform 0.2s, box-shadow 0.2s; } .advantage-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); } .advantage-card__icon { width: 52px; height: 52px; border-radius: 50%; background: var(--color-white); color: var(--color-primary); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .advantage-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-text-body); line-height: 1.3; } .advantage-card__text { font-size: var(--font-size-base); color: var(--color-muted); line-height: 1.5; } /* ===== Catalog Section ===== */ .catalog-slider { position: relative; } .catalog-section__items { display: flex; gap: var(--gap-md); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 4px 2px 12px; scrollbar-width: none; -ms-overflow-style: none; } .catalog-section__items::-webkit-scrollbar { display: none; } .catalog-section__item { flex: 0 0 184px; scroll-snap-align: start; display: flex; flex-direction: column; gap: var(--gap-xs); padding: var(--gap-sm); background-color: var(--color-surface-light); border-radius: var(--radius-sm); transition: transform 0.2s, box-shadow 0.2s; } .catalog-section__item:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); } .catalog-slider__btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 44px; height: 44px; border-radius: 50%; background: var(--color-white); color: var(--color-text); border: none; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s; } .catalog-slider__btn:hover { color: var(--color-white); background-color: var(--color-primary); box-shadow: 0 6px 18px rgba(0, 190, 178, 0.35); } .catalog-slider__btn:disabled { opacity: 0; pointer-events: none; } .catalog-slider__btn--prev { left: -22px; } .catalog-slider__btn--next { right: -22px; } .catalog-section__item-img { height: 120px; display: flex; align-items: center; justify-content: center; } .catalog-section__item-img img { max-height: 100%; object-fit: contain; } .catalog-section__item-name { font-weight: var(--font-weight-medium); font-size: 0.95rem; text-align: center; } /* ===== Services Section ===== */ .services-section__items { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-md); } .services-section__item { display: flex; flex-direction: column; gap: var(--gap-xs); padding: var(--gap-md); border-radius: var(--radius-sm); transition: transform 0.2s, box-shadow 0.2s; } .services-section__item:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); } .services-section__item-img { background-color: var(--color-placeholder); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; height: 160px; overflow: hidden; } .services-section__item-img img { max-height: 90%; object-fit: contain; } .services-section__item-name { font-weight: var(--font-weight-medium); font-size: 1.05rem; text-align: center; } /* ===== Steps Section ===== */ .steps-section__items { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-md); } .step-card { background-color: var(--color-white); border: 2px solid var(--color-surface-light); border-radius: var(--radius-sm); padding: var(--gap-lg); position: relative; transition: border-color 0.2s, box-shadow 0.2s; } .step-card:hover { border-color: var(--color-primary); box-shadow: var(--shadow-card); } .step-card__num { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--color-primary); color: var(--color-white); font-weight: var(--font-weight-bold); font-size: var(--font-size-lg); margin-bottom: var(--gap-sm); } .step-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-text-body); margin-bottom: 6px; } .step-card__text { font-size: var(--font-size-base); color: var(--color-muted); line-height: 1.5; } /* ===== Locations Section ===== */ .locations-section { padding: var(--gap-xl) 0; } .locations-section__inner { display: grid; grid-template-columns: 1fr 1.5fr; gap: var(--gap-xl); align-items: center; } .location-finder { font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); margin-bottom: var(--gap-md); } .location-finder__label { color: var(--color-text-body); } .location-finder__count { color: var(--color-primary); font-size: 1.5rem; font-weight: var(--font-weight-bold); margin-right: 8px; } .location-finder__form { display: flex; flex-direction: column; gap: var(--gap-sm); max-width: 400px; } .location-finder__form select { font-size: var(--font-size-base); padding: var(--gap-sm); border: none; border-radius: var(--radius-sm); background: var(--color-white); color: var(--color-input-text); cursor: pointer; } .locations-section__map { min-height: 360px; background-color: var(--color-white); border-radius: var(--radius-sm); overflow: hidden; } .map-placeholder { width: 100%; height: 100%; min-height: 360px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--gap-sm); color: var(--color-muted); background-color: #f0f0f0; } .map-placeholder svg { opacity: 0.5; } /* ===== Guarantees Section ===== */ .guarantees-section { padding: var(--gap-xl) 0; } .guarantees-section__items { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-md); } .guarantee-card { background-color: var(--color-white); border-radius: var(--radius-sm); padding: var(--gap-lg); display: flex; flex-direction: column; gap: var(--gap-sm); transition: transform 0.2s, box-shadow 0.2s; } .guarantee-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); } .guarantee-card__icon { width: 52px; height: 52px; border-radius: 50%; background: var(--color-surface-light); color: var(--color-primary); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .guarantee-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-text-body); line-height: 1.3; } .guarantee-card__text { font-size: var(--font-size-base); color: var(--color-muted); line-height: 1.5; } /* ===== Calculators Section ===== */ .calculators-section__inner { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-xl); } .calculator-card { background-color: var(--color-surface-light); border-radius: var(--radius-lg); padding: var(--gap-xl); } .interest-calculator-section .section-title--primary + .section-title { margin-top: -19px; } .interest-items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-sm); margin-bottom: var(--gap-lg); } .interest-item { min-width: 0; background-color: var(--color-placeholder); background-image: url("/local/templates/desktop/assets/css/../img/interest_bg.png"); background-size: 125px; background-position: center right; background-repeat: no-repeat; padding: var(--gap-md) var(--gap-sm); border-radius: var(--radius-sm); display: flex; flex-direction: column; text-align: center; cursor: pointer; transition: background-color 0.2s, box-shadow 0.2s; } .interest-item:has(input:checked) { background-color: var(--color-white); box-shadow: var(--shadow-card); } .interest-item__before, .interest-item__after { font-weight: var(--font-weight-medium); font-size: 1rem; } .interest-item__name { font-weight: var(--font-weight-bold); font-size: clamp(1rem, 1.1vw, 1.375rem); text-transform: uppercase; white-space: nowrap; } .interest-item__percent { font-weight: var(--font-weight-bold); font-size: 1.25rem; text-transform: uppercase; } .interest-item__percent::after { content: "%"; font-size: var(--font-size-base); } .rate-calc__form { display: flex; flex-direction: column; gap: var(--gap-md); } .rate-calc__inputs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-sm); } .rate-calc__form input, .weight-calc__form input { background-color: var(--color-white); border: 2px solid var(--color-surface); border-radius: var(--radius-sm); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); width: 100%; text-align: center; padding: 16px; color: var(--color-input-text); font-family: var(--font-family); } .calc-submit { background-color: transparent; padding: 16px 32px; border-radius: var(--radius-sm); font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-danger); border: 2px solid var(--color-danger); cursor: pointer; font-family: var(--font-family); letter-spacing: var(--letter-spacing); transition: background-color 0.2s, color 0.2s; } .calc-submit:hover { background-color: var(--color-danger); color: var(--color-white); } .weight-calc__form { display: flex; flex-direction: column; gap: var(--gap-md); } .metal-tabs { display: grid; grid-template-columns: 1fr; gap: var(--gap-md); margin-bottom: var(--gap-lg); margin-top: -10px; } .metal-tab { padding: 32px 0 0 10px; font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); border-radius: 1px; background-color: var(--color-surface); background-size: contain; background-position: bottom center; background-repeat: no-repeat; height: 60px; cursor: pointer; transition: background-color 0.2s, box-shadow 0.2s; } .metal-tab--active { background-color: var(--color-white); } .metal-tab--gold { color: var(--color-surface-light); background-color: transparent; background-image: url("/local/templates/desktop/assets/css/../img/gold_btn_pic.png"), url("/local/templates/desktop/assets/css/../img/gold_btn_bg.png"); background-repeat: no-repeat, repeat-x; background-position: 100px bottom, 0 bottom; background-size: contain, 266px; } .probe-options { display: flex; gap: var(--gap-xs); margin-bottom: var(--gap-lg); } .probe-option { flex: 1; cursor: pointer; } .probe-option input { position: absolute; opacity: 0; pointer-events: none; } .probe-option span { display: block; padding: 14px 0; text-align: center; font-size: var(--font-size-base); font-weight: var(--font-weight-medium); border-radius: var(--radius-sm); background-color: var(--color-surface); color: var(--color-text); transition: background-color 0.2s, color 0.2s; } .probe-option input:checked + span { background-color: var(--color-text); color: var(--color-white); } #probeSection[hidden] { display: none; } /* ===== Eval Section ===== */ .eval-section { padding: var(--gap-xl) 0; } .eval-section__header { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: var(--gap-sm); margin-bottom: var(--gap-lg); } .eval-section__title { margin-bottom: 0; display: flex; align-items: center; gap: 6px; } .eval-section .section-title--secondary { margin-bottom: var(--gap-md); } .eval-section__subtitle { display: flex; align-items: center; gap: 6px; font-weight: var(--font-weight-medium); font-size: var(--font-size-lg); } .hint-btn { background: none; border: none; padding: 0; cursor: pointer; color: var(--color-danger); line-height: 0; display: inline-flex; align-items: center; flex-shrink: 0; } .icon-question::after { content: '?'; color: #d70000; border: 2px solid #d70000; border-radius: 50%; width: 20px; height: 20px; font-size: 14px; text-align: center; margin: auto; display: flex; align-items: center; justify-content: center; font-weight: 600; } .eval-section__body { display: grid; grid-template-columns: 1fr; gap: var(--gap-xl); align-items: start; } .eval-categories { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-md); margin-bottom: var(--gap-lg); } .eval-category { background-color: var(--color-white); background-repeat: no-repeat, no-repeat; background-size: cover, cover; background-position: center, center; border-radius: var(--radius-sm); overflow: hidden; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; min-height: 100px; padding: 16px; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; } .eval-category--tech { background-image: url('/local/templates/desktop/assets/css/../img/eval_tech.png'), url('/local/templates/desktop/assets/css/../img/eval_bg.jpg'); background-size: contain, cover; background-position: right bottom, center; } .eval-category--gold { background-image: url('/local/templates/desktop/assets/css/../img/eval_gold.png'), url('/local/templates/desktop/assets/css/../img/eval_bg.jpg'); background-size: contain, cover; background-position: right bottom, center; } .eval-category--auto { background-image: url('/local/templates/desktop/assets/css/../img/eval_auto.png'), url('/local/templates/desktop/assets/css/../img/eval_bg.jpg'); background-size: contain, cover; background-position: right bottom, center; } .eval-category:hover { transform: translateY(-2px); box-shadow: var(--shadow-card); } .eval-category__name { align-self: flex-start; font-size: 1rem; font-weight: var(--font-weight-medium); line-height: 1.3; } .modal .eval-categories { display: flex; flex-direction: row; gap: var(--gap-sm); margin-bottom: 0; } .modal .eval-category { flex: 1 1 0; min-width: 0; } .eval-form { display: flex; flex-direction: column; gap: var(--gap-md); } .eval-form__row { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-md); align-items: stretch; } .eval-form__field input, .eval-form__field select, .eval-form textarea { display: block; width: 100%; padding: 14px 16px; border: 0; border-radius: var(--radius-sm); background: var(--color-white); font-family: var(--font-family); font-size: var(--font-size-base); color: var(--color-text); } .eval-form__field select { height: 100%; appearance: none; cursor: pointer; } .eval-form textarea { resize: vertical; min-height: 120px; color: var(--color-input-text); } .eval-form__label { display: block; font-weight: var(--font-weight-semibold); font-size: var(--font-size-title); margin-bottom: var(--gap-sm); } .eval-form__file-label { display: flex; align-items: center; gap: var(--gap-xs); padding: 14px 16px; border: 0; border-radius: var(--radius-sm); background: var(--color-white); cursor: pointer; color: var(--color-input-text); } .eval-form__file-label input[type="file"] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } .eval-form__phone-box { border: 0; border-radius: var(--radius-sm); background: var(--color-white); padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; } .eval-form__hint { font-size: 0.9rem; color: var(--color-input-text); margin: 0; } .eval-form__phone-box input[type="tel"] { border: none; padding: 0; background: transparent; font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); color: var(--color-text); width: 100%; outline: none; } .eval-form__phone-box input[type="tel"]::placeholder { color: var(--color-text); } .eval-form__footer { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--gap-md); flex-wrap: wrap; } .eval-form__submit { padding: 16px 48px; background: var(--color-danger); color: var(--color-white); border: none; border-radius: var(--radius-sm); font-family: var(--font-family); font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); cursor: pointer; letter-spacing: var(--letter-spacing); transition: background-color 0.2s; margin-top: var(--gap-sm); } .eval-form__submit:hover { background-color: #b00000; } .eval-form__consent { display: flex; align-items: center; gap: var(--gap-xs); cursor: pointer; font-size: 0.95rem; } .eval-form__consent input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } .eval-form__consent-icon { flex-shrink: 0; width: 22px; height: 22px; border-radius: 4px; background: var(--color-surface); display: inline-flex; align-items: center; justify-content: center; color: transparent; transition: background-color 0.2s, color 0.2s; } .eval-form__consent input:checked ~ .eval-form__consent-icon { background: var(--color-danger); color: var(--color-white); } .about-section { padding: var(--gap-xl); } .about-section__text { display: flex; flex-direction: column; gap: var(--gap-md); font-size: var(--font-size-lg); text-align: left; line-height: 1.5; } /* ===== Tech Loan Page ===== */ .tech-sections__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-lg); } .tech-card { padding: var(--gap-lg); background-color: var(--color-surface-light); } .tech-card .section-title { margin-bottom: var(--gap-sm); } .tech-card .section-title ~ .section-title, .tech-card .modal-text + .section-title { margin-top: var(--gap-lg); } .tech-card .modal__footnote { margin-top: var(--gap-md); line-height: 1.5; } /* ===== Gallery Section ===== */ .gallery-section__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-md); } .gallery-section__items a { border-radius: var(--radius-sm); overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; } .gallery-section__items a:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); } .gallery-section__items img { width: 100%; height: 260px; object-fit: cover; } /* ===== Reviews Section ===== */ .reviews-section__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-md); } .review-card { background-color: var(--color-surface-light); border-radius: var(--radius-sm); padding: var(--gap-lg); display: flex; flex-direction: column; gap: var(--gap-sm); margin: 0; } .review-card__rating { display: flex; gap: 2px; color: #ffb800; font-size: 1.1rem; } .review-card__text { font-size: var(--font-size-base); color: var(--color-text); line-height: 1.55; flex: 1; } .review-card__author { font-size: 0.9rem; color: var(--color-muted); font-weight: var(--font-weight-medium); } /* ===== Footer ===== */ .site-footer { background-color: var(--color-text-body); padding: var(--space-section) 0; } .site-footer__logo img { max-height: 50px; } .site-footer__inner { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: var(--gap-xl); padding-bottom: var(--gap-xl); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .site-footer__desc { color: var(--color-footer); font-size: 0.95rem; line-height: 1.55; margin-top: var(--gap-sm); max-width: 340px; } .site-footer__title { color: var(--color-white); font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); margin-bottom: var(--gap-sm); } .site-footer__list { display: flex; flex-direction: column; gap: 8px; } .site-footer__list a, .site-footer__list li { color: var(--color-footer); font-size: 0.95rem; } .site-footer__list a { transition: color 0.2s; } .site-footer__list-icon { display: inline-flex; align-items: center; gap: 8px; } .site-footer__list a:hover { color: var(--color-white); } .site-footer__bottom { display: flex; justify-content: space-between; align-items: center; gap: var(--gap-md); padding-top: var(--gap-lg); flex-wrap: wrap; } .site-footer__copyright { color: var(--color-footer); font-size: 0.9rem; } .site-footer__legal { color: rgba(191, 191, 191, 0.7); font-size: 0.85rem; text-align: right; line-height: 1.4; } /* ===== Cookie Banner ===== */ .cookie-banner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1200; background: var(--color-text-body); color: var(--color-white); padding: 16px var(--space-side); box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15); } .cookie-banner__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-md); } .cookie-banner__text { font-size: 0.9rem; line-height: 1.5; margin: 0; } .cookie-banner__text a { color: var(--color-primary); text-decoration: underline; } .cookie-banner__btn { flex-shrink: 0; padding: 10px 24px; background: var(--color-primary); color: var(--color-white); border: none; border-radius: var(--radius-sm); font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); cursor: pointer; transition: background-color 0.2s; } .cookie-banner__btn:hover { background-color: var(--color-primary-dark); } .cookie-banner:not([hidden]) ~ .callback-widget { bottom: 104px; } /* ===== Callback Widget ===== */ .callback-widget { position: fixed; right: 24px; bottom: 24px; z-index: 1000; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; pointer-events: none; } .callback-widget__toggle { pointer-events: auto; width: 60px; height: 60px; border-radius: 50%; background: var(--color-danger); color: var(--color-white); border: none; box-shadow: 0 4px 16px rgba(215, 0, 0, 0.35); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s, transform 0.2s; } .callback-widget__toggle:hover { background-color: #b00000; transform: scale(1.05); } .callback-widget__icon { position: absolute; transition: opacity 0.2s, transform 0.2s; } .callback-widget__icon--close { opacity: 0; transform: rotate(-45deg); } .callback-widget.is-open .callback-widget__icon--open { opacity: 0; transform: rotate(45deg); } .callback-widget.is-open .callback-widget__icon--close { opacity: 1; transform: rotate(0); } .callback-widget__chat { width: 360px; max-width: calc(100vw - 32px); height: 460px; opacity: 0; visibility: hidden; transform: translateY(10px); pointer-events: none; transition: opacity 0.2s, transform 0.2s, visibility 0.2s; } .callback-widget.is-open .callback-widget__chat { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } /* ===== External Link Modal ===== */ .external-link-modal__body { align-items: center; text-align: center; } .external-link-modal__logo { width: 150px; height: auto; } .external-link-modal__text { font-size: var(--font-size-base); color: var(--color-text); line-height: 1.5; } .external-link-modal__btn { width: 100%; } /* ===== Form Messages ===== */ .form-message { padding: 12px 16px; border-radius: var(--radius-sm); font-size: 0.95rem; line-height: 1.5; } .form-message--success { background-color: #e8f9f8; color: #006b63; } .form-message--error { background-color: #fde8e8; color: #b00000; } .form-control.is-invalid { border-color: var(--color-danger); } /* ===== Modal ===== */ .modal { position: fixed; inset: 0; z-index: 1100; display: flex; align-items: center; justify-content: center; padding: var(--gap-md); pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } .modal.is-open { pointer-events: auto; opacity: 1; } .modal__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); } .modal__dialog { position: relative; z-index: 1; width: 100%; max-width: 760px; max-height: 85vh; background: var(--color-white); border-radius: var(--radius-lg); overflow: hidden; display: flex; flex-direction: column; box-shadow: var(--shadow-modal); transform: translateY(20px); transition: transform 0.3s ease; } .modal__dialog--sm { max-width: 480px; } .modal.is-open .modal__dialog { transform: translateY(0); } .modal__header { display: flex; justify-content: space-between; align-items: flex-start; padding: var(--gap-md) var(--gap-lg); border-bottom: 1px solid var(--color-surface); flex-shrink: 0; } .modal__title { font-size: var(--font-size-title); font-weight: var(--font-weight-bold); color: var(--color-text); line-height: 1.3; } .modal__title span { color: var(--color-primary); } .modal__close { background: none; border: none; padding: 4px; cursor: pointer; color: var(--color-text); line-height: 0; flex-shrink: 0; margin-left: 12px; transition: color 0.2s; } .modal__close:hover { color: var(--color-danger); } .modal__body { overflow-y: auto; overscroll-behavior: contain; padding: var(--gap-lg); display: flex; flex-direction: column; gap: var(--gap-md); } #evalModal .modal__body { background-color: var(--color-surface-light); border-radius: 0 0 var(--radius-lg) var(--radius-lg); } .modal-text { font-size: var(--font-size-base); color: var(--color-text); line-height: 1.6; } .modal__list { list-style: none; display: flex; flex-direction: column; gap: 8px; } .modal__list li { position: relative; padding-left: 18px; font-size: var(--font-size-base); color: var(--color-text); line-height: 1.5; } .modal__list li::before { content: '•'; position: absolute; left: 0; color: var(--color-primary); font-weight: bold; } .modal__footnote { font-size: 0.8rem; color: var(--color-muted); line-height: 1.5; } .modal__steps { list-style: none; display: flex; flex-direction: column; gap: 8px; counter-reset: steps; font-size: var(--font-size-base); } .modal__steps li { counter-increment: steps; display: flex; gap: 8px; font-weight: var(--font-weight-medium); color: var(--color-primary); line-height: 1.5; } .modal__steps li::before { content: counter(steps) '.'; flex-shrink: 0; } .modal__table-intro { font-size: var(--font-size-base); color: var(--color-text); line-height: 1.4; background: var(--color-surface-light); padding: 12px 14px; border-radius: var(--radius-sm) var(--radius-sm) 0 0; } .modal__table-wrap { border-radius: 0 0 var(--radius-sm) var(--radius-sm); overflow: hidden; } .modal__table { width: 100%; border-collapse: collapse; font-size: var(--font-size-base); font-weight: 500; } .modal__table th { background: #ececec; color: var(--color-text); font-weight: var(--font-weight-medium); padding: 12px; text-align: center; border-bottom: 2px solid var(--color-white); vertical-align: top; line-height: 1.3; } .modal__table td { padding: 12px; border: 2px solid var(--color-white); color: var(--color-text); vertical-align: middle; text-align: center; } .modal__table tbody tr:last-child td { border-bottom: none; } .modal__table-row--gold td { background: var(--color-table-gold); } .modal__table-row--vip td { background: var(--color-table-vip); } .modal-faq { list-style: none; display: flex; flex-direction: column; gap: 12px; } .modal-faq__question { font-size: var(--font-size-base); font-weight: var(--font-weight-medium); color: var(--color-text); line-height: 1.4; } .modal-faq__answer { font-size: var(--font-size-base); color: var(--color-text); line-height: 1.6; } .bottom-sheet { position: fixed; inset: 0; z-index: 1100; display: flex; align-items: center; justify-content: center; padding: var(--gap-md); pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } .bottom-sheet.is-open { pointer-events: auto; opacity: 1; } .bottom-sheet__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); } .bottom-sheet__sheet { position: relative; z-index: 1; max-width: 760px; max-height: 85vh; display: flex; flex-direction: column; background: var(--color-white); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-modal); transform: translateY(20px); transition: transform 0.3s ease; } .bottom-sheet.is-open .bottom-sheet__sheet { transform: translateY(0); } .bottom-sheet__header { display: flex; justify-content: space-between; align-items: flex-start; padding: var(--gap-md) var(--gap-lg); border-bottom: 1px solid var(--color-surface); flex-shrink: 0; } .bottom-sheet__title { font-size: var(--font-size-title); font-weight: var(--font-weight-bold); color: var(--color-text); line-height: 1.3; } .bottom-sheet__close { background: none; border: none; padding: 4px; cursor: pointer; color: var(--color-text); line-height: 0; flex-shrink: 0; margin-left: 12px; transition: color 0.2s; } .bottom-sheet__close:hover { color: var(--color-danger); } .bottom-sheet__body { overflow-y: auto; overscroll-behavior: contain; padding: var(--gap-lg); font-size: var(--font-size-base); color: var(--color-text); line-height: 1.6; } .bottom-sheet__body.align-items-center { text-align: center; } .check-list { text-align: left; display: flex; flex-direction: column; gap: 8px; } .check-list li { list-style: none; display: flex; align-items: flex-start; gap: 8px; } .check-list li::before { content: url("data:image/svg+xml;utf8,"); width: 26px; height: 26px; flex-shrink: 0; line-height: 1; } .calc-result { display: flex; flex-direction: column; } .calc-result__row { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-sm); padding: 18px 0; } .calc-result__divider { margin: 0; border: none; border-top: 1px solid var(--color-placeholder); } .calc-result__label { font-size: var(--font-size-base); color: var(--color-text-body); } .calc-result__value { font-size: var(--font-size-base); font-weight: var(--font-weight-bold); white-space: nowrap; } .calc-result__value--accent { color: var(--color-danger); } .calc-result__row--total .calc-result__label, .calc-result__row--total .calc-result__value { font-size: var(--font-size-title); font-weight: var(--font-weight-bold); color: var(--color-text); } .calc-result__note { font-size: 0.8rem; color: var(--color-muted); line-height: 1.5; } /* ===== Appeals Page ===== */ .appeals-hero { background-color: var(--color-surface-light); padding: var(--gap-xl) 0; } .appeals-hero__inner { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-xl); align-items: center; } .appeals-hero__content { max-width: 560px; } .appeals-hero__title { font-size: var(--font-size-hero); font-weight: var(--font-weight-bold); color: var(--color-danger); line-height: 1.2; margin-bottom: var(--gap-md); } .appeals-hero__subtitle { font-size: var(--font-size-lg); color: var(--color-muted); margin-bottom: var(--gap-lg); } .appeals-hero__links { display: flex; gap: var(--gap-md); } .appeals-hero__image { border-radius: var(--radius-lg); overflow: hidden; } .appeals-hero__image img { width: 100%; height: 100%; max-height: 320px; object-fit: cover; } .appeals-topics { padding-top: 0; } .appeals-topics__heading { font-size: var(--font-size-title); font-weight: 500; text-align: center; color: var(--color-text-body); margin-bottom: var(--gap-lg); } .appeals-topics__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-md); } .topic-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--color-surface-light); padding: var(--gap-lg); border-radius: var(--radius-sm); text-decoration: none; color: inherit; transition: transform 0.2s, box-shadow 0.2s; } .topic-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); } .topic-card__body { display: flex; flex-direction: column; gap: 4px; flex: 1; } .topic-card__title { font-size: 1.25rem; font-weight: var(--font-weight-medium); color: var(--color-primary); line-height: 1.2; } .topic-card__desc { font-size: var(--font-size-base); color: var(--color-muted); line-height: 1.4; } .topic-card__arrow { font-size: 1.5rem; color: var(--color-primary); font-weight: 400; flex-shrink: 0; } .faq-section__heading { font-size: var(--font-size-title); font-weight: 500; text-align: center; color: var(--color-text-body); margin-bottom: var(--gap-lg); } .faq-section__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-lg); } .faq-category { background-color: var(--color-surface-light); border-radius: var(--radius-sm); padding: var(--gap-md); } .faq-category__title { font-size: var(--font-size-lg); font-weight: 500; color: var(--color-text-body); margin-bottom: var(--gap-sm); line-height: 1.3; } .faq-list { list-style: none; } .faq-item { border-bottom: 1px solid var(--color-surface); } .faq-item:first-child { border-top: 1px solid var(--color-surface); } .faq-item details { width: 100%; } .faq-item summary { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; font-size: var(--font-size-base); color: var(--color-text-body); cursor: pointer; list-style: none; gap: 8px; } .faq-item summary::-webkit-details-marker { display: none; } .faq-item__arrow { color: var(--color-muted); font-size: 1.2rem; flex-shrink: 0; transition: transform 0.2s ease; } .faq-item details[open] .faq-item__arrow { transform: rotate(90deg); } .faq-item__answer { padding-bottom: 14px; font-size: var(--font-size-base); color: var(--color-muted); line-height: 1.6; } .faq-item__answer a { color: var(--color-primary); text-decoration: underline; } /* ===== Appeal Form ===== */ .appeal-form { display: flex; flex-direction: column; gap: var(--gap-md); } .appeal-form__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-md); } .form-field { display: flex; flex-direction: column; gap: 6px; } .form-field--wide { grid-column: 1 / -1; } .form-field__label { font-size: 0.9rem; font-weight: var(--font-weight-bold); color: var(--color-text); } .form-field__required { color: var(--color-danger); margin-left: 2px; } .form-control-wrap { position: relative; } .form-control-wrap--select::after { content: ''; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23414141' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; pointer-events: none; } .form-control { display: block; width: 100%; padding: 12px 14px; border: 1px solid var(--color-surface); border-radius: var(--radius-sm); background: var(--color-white); font-family: var(--font-family); font-size: var(--font-size-base); color: var(--color-text); appearance: none; -webkit-appearance: none; outline: none; transition: border-color 0.2s; box-sizing: border-box; } .form-control:focus { border-color: var(--color-primary); } .form-control--select { padding-right: 36px; cursor: pointer; } .form-control--select option[value=""][disabled] { color: #aaa; } .form-control--textarea { resize: vertical; min-height: 120px; line-height: 1.5; } .form-control::placeholder { color: #aaa; } .file-drop { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 32px 16px; border: 2px dashed var(--color-surface); border-radius: var(--radius-sm); background: var(--color-surface-light); text-align: center; cursor: pointer; transition: border-color 0.2s, background-color 0.2s; } .file-drop:hover { border-color: var(--color-primary); background-color: var(--color-white); } .file-drop__icon { flex-shrink: 0; } .file-drop__text { font-size: var(--font-size-base); font-weight: var(--font-weight-bold); color: var(--color-text); margin: 0; } .file-drop__hint { font-size: 0.85rem; color: #777; line-height: 1.4; margin: 0; } .file-drop__input { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } .file-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; } .file-list__item { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: var(--color-surface-light); border: 1px solid var(--color-surface); border-radius: var(--radius-sm); } .file-list__name { flex: 1; font-size: 0.85rem; color: var(--color-text); word-break: break-all; line-height: 1.3; } .file-list__size { font-size: 0.75rem; color: #888; flex-shrink: 0; } .file-list__remove { flex-shrink: 0; background: none; border: none; padding: 4px; cursor: pointer; color: var(--color-danger); line-height: 0; } .appeal-submit { width: 100%; padding: 16px; background: var(--color-danger); color: var(--color-white); border: none; border-radius: var(--radius-sm); font-family: var(--font-family); font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); cursor: pointer; letter-spacing: var(--letter-spacing); transition: background-color 0.2s; } .appeal-submit:hover { background-color: #b00000; } .consent-row__link { color: var(--color-primary); text-decoration: underline; } .consult-links { display: flex; flex-direction: column; } .consult-link { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--color-surface); color: var(--color-text); text-decoration: none; transition: color 0.2s; } .consult-link:first-child { border-top: 1px solid var(--color-surface); } .consult-link:hover { color: var(--color-primary); } .consult-link__icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 30px; color: var(--color-text); } .consult-link__text { font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); text-decoration: underline; text-underline-offset: 3px; line-height: 1.3; } body.is-scroll-locked { overflow: hidden; } /* ===== Responsive ===== */ @media (max-width: 1100px) { .locations-section__inner, .calculators-section__inner, .appeals-hero__inner { grid-template-columns: 1fr; } .locations-section__map { min-height: 280px; } .eval-section__body { grid-template-columns: 1fr; } .eval-categories { flex-direction: row; } .eval-category { flex: 1; } .appeals-hero__image { max-width: 560px; margin: 0 auto; } .advantages-section__items, .guarantees-section__items, .steps-section__items, .reviews-section__items { grid-template-columns: repeat(2, 1fr); } .site-footer__inner { grid-template-columns: repeat(2, 1fr); } .site-footer__legal { text-align: left; } } @media (max-width: 768px) { :root { --space-side: 16px; --space-section: 40px; --font-size-hero: 1.75rem; } .tech-sections__grid { grid-template-columns: 1fr; } .eval-categories { grid-template-columns: 1fr; } section[id] { scroll-margin-top: 80px; } .top-bar__inner { flex-direction: column; gap: var(--gap-xs); text-align: center; } .site-header__inner { flex-wrap: wrap; } .site-header__nav { order: 3; width: 100%; } .main-menu { justify-content: center; flex-wrap: wrap; gap: var(--gap-sm); } .catalog-section__item { flex-basis: 160px; } .catalog-slider__btn { display: none; } .services-section__items, .faq-section__grid, .appeals-topics__grid, .gallery-section__items { grid-template-columns: 1fr; } .interest-items { grid-template-columns: 1fr; } .metal-tabs, .eval-form__row, .rate-calc__inputs { grid-template-columns: 1fr; } .appeals-hero__links { flex-direction: column; gap: var(--gap-sm); } .promo-banner__inner { flex-direction: column; gap: var(--gap-sm); } .advantages-section__items, .guarantees-section__items, .steps-section__items, .reviews-section__items { grid-template-columns: 1fr; } .site-footer__inner { grid-template-columns: 1fr; gap: var(--gap-lg); } .site-footer__bottom { flex-direction: column; align-items: flex-start; text-align: left; } .site-footer__legal { text-align: left; } .cookie-banner__inner { flex-direction: column; align-items: flex-start; } .cookie-banner:not([hidden]) ~ .callback-widget { bottom: 168px; } .callback-widget { right: 16px; bottom: 16px; } .callback-widget__toggle { width: 54px; height: 54px; } .modal__dialog { max-height: 90vh; } } /* End */ /* Start:/local/templates/.default/assets/css/toast.min.css?17746345204450*/ .jq-toast-wrap,.jq-toast-wrap *{margin:0;padding:0}.jq-toast-wrap{display:block;position:fixed;width:300px;pointer-events:none!important;letter-spacing:normal;z-index:9000!important}.jq-toast-wrap.bottom-left{bottom:20px;left:20px}.jq-toast-wrap.bottom-right{bottom:20px;right:40px}.jq-toast-wrap.top-left{top:20px;left:20px}.jq-toast-wrap.top-right{top:20px;right:40px}.jq-toast-single{display:block;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:13px;line-height:15px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}.jq-toast-single h2{font-size:14px;margin:0 0 4px;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal}.jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0}.jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:0 0;margin:0;padding:0;letter-spacing:normal}.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer}.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0;left:0;border-radius:5px;background:red}.jq-toast-loaded{width:100%}.jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px}.jq-icon-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);background-color:#31708f;color:#d9edf7;border-color:#bce8f1}.jq-icon-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc}.jq-icon-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6} /* End */ /* Start:/local/templates/.default/assets/css/noty.min.css?17764264205749*/ .noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight { position: fixed; margin: 0; padding: 0; z-index: 9999999; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; filter: blur(0); -webkit-filter: blur(0); max-width: 90%; } #noty_layout__top { top: 0; left: 5%; width: 90%; } #noty_layout__topLeft { top: 20px; left: 20px; width: 325px; } #noty_layout__topCenter { top: 5%; left: 50%; width: 325px; -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__topRight { top: 20px; right: 20px; width: 325px; } #noty_layout__bottom { bottom: 0; left: 5%; width: 90%; } #noty_layout__bottomLeft { bottom: 20px; left: 20px; width: 325px; } #noty_layout__bottomCenter { bottom: 5%; left: 50%; width: 325px; -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__bottomRight { bottom: 20px; right: 20px; width: 325px; } #noty_layout__center { top: 50%; left: 50%; width: 325px; -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__centerLeft { top: 50%; left: 20px; width: 325px; -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__centerRight { top: 50%; right: 20px; width: 325px; -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); } .noty_progressbar { display: none; } .noty_has_timeout.noty_has_progressbar .noty_progressbar { display: block; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background-color: #646464; opacity: 0.2; filter: alpha(opacity=10); } .noty_bar { -webkit-backface-visibility: hidden; -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); -webkit-font-smoothing: subpixel-antialiased; overflow: hidden; } .noty_effects_open { opacity: 0; -webkit-transform: translate(50%); -ms-transform: translate(50%); transform: translate(50%); -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .noty_effects_close { -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .noty_fix_effects_height { -webkit-animation: noty_anim_height 75ms ease-out; animation: noty_anim_height 75ms ease-out; } .noty_close_with_click { cursor: pointer; } .noty_close_button { position: absolute; top: 2px; right: 2px; font-weight: bold; width: 20px; height: 20px; text-align: center; line-height: 20px; background-color: rgba(0, 0, 0, 0.05); border-radius: 2px; cursor: pointer; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .noty_close_button:hover { background-color: rgba(0, 0, 0, 0.1); } .noty_modal { position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 10000; opacity: .3; left: 0; top: 0; } .noty_modal.noty_modal_open { opacity: 0; -webkit-animation: noty_modal_in .3s ease-out; animation: noty_modal_in .3s ease-out; } .noty_modal.noty_modal_close { -webkit-animation: noty_modal_out .3s ease-out; animation: noty_modal_out .3s ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes noty_modal_in { 100% { opacity: .3; } } @keyframes noty_modal_in { 100% { opacity: .3; } } @-webkit-keyframes noty_modal_out { 100% { opacity: 0; } } @keyframes noty_modal_out { 100% { opacity: 0; } } @keyframes noty_modal_out { 100% { opacity: 0; } } @-webkit-keyframes noty_anim_in { 100% { -webkit-transform: translate(0); transform: translate(0); opacity: 1; } } @keyframes noty_anim_in { 100% { -webkit-transform: translate(0); transform: translate(0); opacity: 1; } } @-webkit-keyframes noty_anim_out { 100% { -webkit-transform: translate(50%); transform: translate(50%); opacity: 0; } } @keyframes noty_anim_out { 100% { -webkit-transform: translate(50%); transform: translate(50%); opacity: 0; } } @-webkit-keyframes noty_anim_height { 100% { height: 0; } } @keyframes noty_anim_height { 100% { height: 0; } } /*# sourceMappingURL=noty.css.map*/ /* End */ /* Start:/local/templates/.default/assets/css/noty.bootstrap-v4.min.css?17764263001459*/ .noty_theme__bootstrap-v4.noty_bar { margin: 4px 0; overflow: hidden; position: relative; border: 1px solid transparent; border-radius: .25rem; } .noty_theme__bootstrap-v4.noty_bar .noty_body { padding: .75rem 1.25rem; } .noty_theme__bootstrap-v4.noty_bar .noty_buttons { padding: 10px; } .noty_theme__bootstrap-v4.noty_bar .noty_close_button { font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .5; background: transparent; } .noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover { background: transparent; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .75; } .noty_theme__bootstrap-v4.noty_type__alert, .noty_theme__bootstrap-v4.noty_type__notification { background-color: #fff; color: inherit; } .noty_theme__bootstrap-v4.noty_type__warning { background-color: #fcf8e3; color: #8a6d3b; border-color: #faebcc; } .noty_theme__bootstrap-v4.noty_type__error { background-color: #f2dede; color: #a94442; border-color: #ebccd1; } .noty_theme__bootstrap-v4.noty_type__info, .noty_theme__bootstrap-v4.noty_type__information { background-color: #d9edf7; color: #31708f; border-color: #bce8f1; } .noty_theme__bootstrap-v4.noty_type__success { background-color: #dff0d8; color: #3c763d; border-color: #d6e9c6; } /* End */ /* Start:/local/templates/.default/assets/css/lombard.css?179431547411206*/ /* Глобальные переменные и шрифты */ :root { --color-nautical: #00ABA8; --color-gray: #BFBFBF; --color-light-gray: #E0E0E0; --font-main: "Golos Text VF", "Inter", sans-serif; } /* Изолированные стили Личного Кабинета */ #lombard_block { font-family: var(--font-main); color: #212529; } /* Приведение старых алертов SOAP к новому виду */ #lombard_block .alert { padding: 12px 15px; border-radius: 8px; margin-bottom: 15px; font-size: 14px; border: 1px solid transparent; } #lombard_block .alert-success { background: #e8f5e9; color: #2e7d32; } #lombard_block .alert-danger { background: #ffebee; color: var(--color-danger); border-color: #f5c6cb; } #lombard_block .alert-warning { background: #fff3cd; color: #856404; border-color: #ffeeba; } /* Навигация (Вкладки) - превращаем Bootstrap в "Аврору" */ #lombard_block .nav-tabs { display: flex; overflow-x: auto; border-bottom: 1px solid #dee2e6; margin-bottom: 20px; gap: 5px; padding: 0; list-style: none; scrollbar-width: none; /* Убираем скролл в Firefox */ } #lombard_block .nav-tabs::-webkit-scrollbar { display: none; } /* Убираем скролл в Chrome */ #lombard_block .nav-item { margin-bottom: -1px; } #lombard_block .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; display: block; padding: .5rem 1rem; cursor: pointer; color: var(--color-text); } #lombard_block .nav-link.active { color: var(--color-danger); background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; font-weight: 600; } /* Карточки договоров (старый bg-light) */ #lombard_block .bg-light { background: #fff !important; border: 1px solid #E6E5E0; border-radius: 12px; padding: 16px !important; margin-bottom: 12px; } /* Система ЧАТОВ */ .app-list { border-radius: 12px; list-style: none; margin: 0; padding: 0; border: 1px solid #E6E5E0; } .app-list li { padding: 16px; display: flex; flex-direction: column; gap: 8px; border-top: 1px solid #E6E5E0; } .app-list li:first-child { border-top: none; } .app-list h6 { font-size: 15px; line-height: 1.4; margin: 0; display: flex; align-items: center; } /* Иконки статусов чата */ .app-list h6.ok::before { content: url('data:image/svg+xml;utf8,'); margin-right: 8px; } .app-list h6.no::before { content: url('data:image/svg+xml;utf8,'); margin-right: 8px; } .app-list h6.wait::before { content: url('data:image/svg+xml;utf8,'); margin-right: 8px; } /* Сообщения в чате */ .msg-list { margin-bottom: 15px; margin-top: 20px; li { list-style: none; } li + li { margin-top: 24px; } h6 { font-size: 12px; margin-bottom: 6px; } div { background-color: white; border-radius: 6px; padding: 12px; max-width: 100%; } .client { text-align: right; div { display: inline-block; } } } /* Поле ввода сообщения */ .msg-box { display: flex; align-items: stretch; background: #fff; border: 1px solid #E6E5E0; border-radius: 8px; overflow: hidden; margin-top: 15px; } .msg-box .msg { flex: 1; border: none; padding: 12px; font-size: 15px; outline: none; } .msg-box .msg-button { width: 48px; background: var(--color-danger) url('data:image/svg+xml;utf8,') no-repeat center; border: none; cursor: pointer; } /* Кнопки и Сортировка */ .sort { display: flex; gap: 20px; margin-bottom: 20px; } .sort a { text-decoration: none; font-size: 14px; display: flex; align-items: center; } .sort a.active { color: var(--color-danger); font-weight: 600; } /* Статус оценщика */ .lk-back-status-box { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .lk-back-status-box .mint::before { background-color: #00BFB2; } .lk-back-status-box .red::before { background-color: var(--color-danger); } .lk-back-status-box p::before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; } /* Кнопка назад */ .go-dog { text-decoration: none; color: #000; display: flex; align-items: center; gap: 10px; font-weight: 600; } .go-dog::before { content: url('data:image/svg+xml;utf8,'); } .lk-sort a::after { margin-left: 6px; } .lk-sort a::after { content: url('data:image/svg+xml;utf8,'); } .lk-sort a.active[data-sort="asc"]::after { content: url('data:image/svg+xml;utf8,'); } #personalModal .uk-link, #personalModal a { color: var(--color-danger); text-decoration: none; cursor: pointer; } #personalModal .border { border: 1px solid #dee2e6 !important; } .rounded-sm { border-radius: .2rem !important; } .app-header { display: flex; align-items: center; justify-content: space-between; margin-block: 24px; border-radius: 12px; padding: .5rem !important; list-style: none; margin: 0; border: 1px solid #E6E5E0; } #personalModal ol, #personalModal ul { padding-left: 25px; } #personalModal .btn-group-sm > .btn, #personalModal .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; } #personalModal .btn-warning { color: #212529 !important; background-color: #ffc107 !important; border-color: #ffc107 !important; } #personalModal .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15 sease-in-out, background-color .15 sease-in-out, border-color .15 sease-in-out, box-shadow .15 sease-in-out; } .chat-form { margin-top: 24px; input[type="file"] { position: relative; display: inline-block; width: auto; cursor: pointer; opacity: 0; height: 0; } .file-label { display: inline-block; background-color: #D20A11; color: #fff; padding: 5px 10px; border-radius: 4px; font-size: 13px; cursor: pointer; } .file-text { margin-left: 10px; font-size: 12px; color: #757575; } .file-container { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; } } .chat-file { max-width: 100% !important; padding: 10px 0 !important; display: block !important; } #personalModal .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn.disabled, .btn:disabled, button.disabled, button:disabled { opacity: .65; pointer-events: none; } .btn-primary { color: #fff; background-color: #4285f4 !important; } .bd-highlight .fa-plus, .bd-highlight .fa-minus { min-width: 12px; } .svg-inline--fa.fa-w-14 { width: .875em; } #personalModal .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em; } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .text-dark { color: var(--color-text); } .text-nowrap { white-space: nowrap !important; } .font-weight-bold { font-weight: 700 !important; } .bd-highlight { flex-direction: column; } .mt-2, .my-2 { margin-top: .5rem !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .p-2 { padding: .5rem !important; } .p-3 { padding: 1rem !important; } #personalModal .h5, #personalModal h5 { font-size: 1.25rem; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; } .ml-1, .mx-1 { margin-left: .25rem !important; } .mr-1, .mx-1 { margin-right: .25rem !important; } #personalModal .table { width: 100%; margin-bottom: 1rem; color: #212529; border-collapse: collapse; } #personalModal .table td, #personalModal .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; } #personalModal .border-top-0 { border-top: 0 !important; } #personalModal .lead { font-size: 1.25rem; font-weight: 300; } #personalModal .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15 sease-in-out, background-color .15 sease-in-out, border-color .15 sease-in-out, box-shadow .15 sease-in-out; } .badge-secondary { color: #fff !important; background-color: #a6c !important; } #personalModal .btn-link { font-weight: 400; color: var(--color-danger); text-decoration: none; } /* End */ /* Start:/local/templates/.default/assets/css/custom.css?179369962014157*/ /* Общие стили */ .text-center { text-align: center; } .align-items-center { align-items: center; } small, .small { font-size: 0.75rem; color: var(--color-muted); line-height: 1.4; } .bg-primary { background: var(--color-primary); color: var(--color-white); } .d-flex { display: flex; } .gap-10 { gap: 10px; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .p-4 { padding: 1.5rem !important; } .rounded-sm { border-radius: .2rem !important; } .ml-1, .mx-1 { margin-left: .25rem !important; } .mr-1, .mx-1 { margin-right: .25rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } /* Спиннер */ @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } #js-chat-messages { overflow-anchor: none; scroll-behavior: auto !important; } #js-location-map, .text-danger, .chat-message__bubble a { color: var(--color-danger); } #personalModal { z-index: 8900; } #stopListModal { z-index: 8800; } #externalModal, #externalLombardModal { z-index: 9900; } #smsModal .eval-form { padding-top: 25px; } #thanksModal { z-index: 9901; } #smsModal { z-index: 9910; } .location-info-block { padding: 20px 0; display: flex; flex-direction: column; gap: var(--gap-sm); color: var(--color-text); } /* Анимация лоадера в чате */ .chat-loader { display: flex; align-items: center; gap: 4px; padding: 4px 0; } .chat-loader span { width: 8px; height: 8px; background-color: #999; border-radius: 50%; display: inline-block; animation: chat-loader-dots 1.4s infinite ease-in-out both; } .chat-loader span:nth-child(1) { animation-delay: -0.32s; } .chat-loader span:nth-child(2) { animation-delay: -0.16s; } @keyframes chat-loader-dots { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } } .bottom-sheet__body { overflow-y: auto; overscroll-behavior: contain; background-color: var(--color-surface-light); padding: 20px var(--space-side) 32px; display: flex; flex-direction: column; gap: 16px; } /* ========================================================================== 1. Полоса "Все акции" во всю ширину экрана (100vw) ========================================================================== */ .actions-fullwidth-strip { background-color: #00baa8; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding: 7px 0; margin-bottom: 28px; } .actions-fullwidth-strip__title { color: #fff; font-size: var(--font-size-hero); font-weight: 700; margin: 0; } /* ========================================================================== 2. Акции: Раздельные блоки (Картинка отдельно, текст отдельно) ========================================================================== */ .actions-container { margin-bottom: 35px; } .actions-list { display: flex; flex-direction: column; gap: 16px !important;; } .action-row { display: flex; gap: 16px !important; align-items: stretch; } .action-row__image-card { width: 250px; background: #f7f8f9; border-radius: 16px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; } .action-row__image-card img { width: 100%; height: 100%; object-fit: contain; } .action-row__placeholder { color: #888; font-size: 15px; } .action-row__content-card { flex-grow: 1; background: #f7f8f9; border-radius: 16px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; } .action-row__title { font-size: 20px; font-weight: 700; color: var(--color-text); margin: 0 0 10px 0; } .action-row__text { font-size: 14px; color: #666; line-height: 1.5; margin-bottom: 16px; } .action-row__btn-wrap { display: flex; justify-content: flex-end; } .action-row__btn-wrap .btn--outline { border: 1.5px solid #d20a11; color: #d20a11; background: transparent; border-radius: 8px; padding: 8px 24px; font-size: 14px; font-weight: 600; text-decoration: none; transition: 0.2s; } .action-row__btn-wrap .btn--outline:hover { background: #d20a11; color: #fff; } /* ========================================================================== 3. Курсы золота со слитками и бейджами ========================================================================== */ .gold-rates-container { margin-bottom: 35px; } .gold-rates-section .section-title--primary { color: #00baa8; font-size: 22px; font-weight: 700; margin: 0 0 20px 0; } .gold-rates-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; } .gold-rate-tile { background: #f7f8f9; border-radius: 16px; padding: 30px 25px; display: flex; flex-direction: column; justify-content: space-between; min-height: 145px; } .gold-rate-tile__top { display: flex; justify-content: space-evenly; align-items: flex-end; margin-bottom: 22px; } .gold-rate-tile__icon { display: flex; align-items: center; } .gold-rate-tile__badge-col { display: flex; flex-direction: column; align-items: center; gap: 4px; } .gold-rate-tile__metal { font-size: 17px; color: #7b838a; font-weight: 500; line-height: 1; } .gold-rate-tile__probe { background: #00baa8; color: #fff; font-size: 20px; font-weight: 700; padding: 10px 15px; border-radius: 6px; line-height: 1.2; } .gold-rate-tile__bottom { display: flex; flex-direction: column; } .gold-rate-tile__label { font-size: 17px; color: #7b838a; margin-bottom: 6px; line-height: 1; text-align: center; } .gold-rate-tile__price { font-size: 25px; font-weight: 800; color: var(--color-text); line-height: 1.1; letter-spacing: 5%; text-align: center; } /* ========================================================================== 4. Сетка карточек в 2 колонки ========================================================================== */ .tech-sections__grid-wrapper { margin-bottom: 30px; } .tech-sections__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .tech-card { background: #f7f8f9; border-radius: 20px; padding: 24px; } .tech-card .section-title--primary { color: #00baa8; font-size: 20px; font-weight: 700; margin: 0 0 16px 0; } .bg-light { background-color: var(--color-white) !important; } .mb-0 { margin-bottom: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .p-0 { padding: 0 !important; } /* Общий контейнер страницы */ .news-page-container { padding: 20px 16px; } /* Навигация тегов-разделов над списком */ .news-tags-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; } .news-tag-btn { display: inline-block; padding: 8px 18px; background: #f7f8f9; border-radius: 20px; color: var(--color-text); font-size: 0.9rem; font-weight: 500; text-decoration: none; transition: 0.2s; border: 1px solid transparent; } .news-tag-btn:hover { background: #edf0f2; color: var(--color-text); } .news-tag-btn.is-active { background: #d20a11; color: #fff; font-weight: 600; } /* Сетка карточек списка новостей */ .news-cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 40px; } .news-card { background: #f7f8f9; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; } .news-card__img-wrap { width: 100%; aspect-ratio: 16 / 10; background: #edf0f2; overflow: hidden; display: flex; align-items: center; justify-content: center; } .news-card__img-wrap img { width: 100%; height: 100%; object-fit: cover; min-height: 250px; } .news-card__placeholder { color: #999; font-size: 13px; } .news-card__content { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; } .news-card__date { font-size: 12px; color: #8c939a; margin-bottom: 8px; } .news-card__title { font-weight: var(--font-weight-bold); margin-bottom: 10px; line-height: 1.4; font-size: 1.1rem; color: var(--color-text); } /* Ограничение текста анонса на 3 строки с многоточием */ .news-card__preview { font-size: 0.9rem; color: var(--color-text); line-height: 1.5; margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .news-card__action { margin-top: auto; } .news-card__btn { display: inline-block; color: #d20a11; font-weight: 600; font-size: 14px; text-decoration: none; transition: 0.2s; } .news-card__btn:hover { color: #d20a11; } /* Детальная страница */ .news-detail-page { background: #fff; /*padding: 30px;*/ } .news-detail__date { font-size: 13px; color: #8c939a; margin-bottom: 8px; } .news-detail__title { font-size: var(--font-size-title); font-weight: var(--font-weight-bold); color: var(--color-text); line-height: 1.3; margin: 0 0 20px 0; } .news-detail__image { width: 100%; max-height: 450px; border-radius: 16px; overflow: hidden; margin-bottom: 24px; } .news-detail__image img { width: 100%; height: 100%; object-fit: cover; } .news-detail__content { font-size: 0.9rem; color: var(--color-text); line-height: 1.5; margin-bottom: 30px; } .news-detail__footer { border-top: 1px solid #eee; padding-top: 20px; } .bx-breadcrumb { margin: 20px 0 40px; } .bx-breadcrumb a > span { color: #d20a11; } .bx-breadcrumb .bx-breadcrumb-item span { font-size: 0.9rem; font-weight: 600; } /* Обертка пагинации */ .pagination-wrapper { display: flex; justify-content: center; margin: 40px 0 20px 0; } .custom-pagination { display: flex; align-items: center; gap: 8px; } .pagination-numbers { display: flex; align-items: center; gap: 6px; } /* Кнопка с номером страницы */ .pagination-item { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #f7f8f9; border-radius: 10px; color: #333; font-size: 14px; font-weight: 600; text-decoration: none; transition: 0.2s ease; } .pagination-item:hover { background: #edf0f2; color: var(--color-text); } /* Активная страница */ .pagination-item.is-active { background: #d20a11; color: #fff; pointer-events: none; } /* Точки */ .pagination-dots { display: flex; align-items: center; justify-content: center; width: 24px; color: #9aa0a6; font-weight: 600; } /* Стрелки "Назад" и "Вперед" */ .pagination-nav-btn { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #f7f8f9; border-radius: 10px; color: #333; text-decoration: none; transition: 0.2s ease; } .pagination-nav-btn:hover { background: #edf0f2; color: #d20a11; } .d-grid { display: grid !important; } .modal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } /* Адаптив для мобильных устройств */ @media (max-width: 991px) { .gold-rates-grid { grid-template-columns: repeat(3, 1fr); } .news-cards-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .action-row { flex-direction: column; } .action-row__image-card { width: 100%; height: 180px; } .tech-sections__grid { grid-template-columns: 1fr; } .gold-rates-grid { grid-template-columns: repeat(2, 1fr); } .color-primary-sm { color: var(--color-primary) !important; } } @media (max-width: 576px) { .news-cards-grid { grid-template-columns: 1fr; } .action-row__content-card { padding: 14px 16px; gap: 16px !important; } .gold-rate-tile { padding: 20px 15px; } .gold-rate-tile__probe { padding: 5px 10px; } .gold-rate-tile__price { font-size: 20px; letter-spacing: normal; } .gold-rates-grid { margin-bottom: 20px; } } /* End */ /* Start:/local/templates/desktop/assets/css/custom.css?17933547751723*/ .is-invalid { border: 1px solid var(--color-danger) !important; } .chat-widget { max-width: calc(100vw - 32px); height: 460px; } .site-map-section { width: 100%; max-width: var(--container-width); margin: 0 auto; padding: var(--space-side); } .link-list { list-style: none; display: flex; flex-direction: column; } .link-list--legal { list-style: disc; margin-left: var(--gap-md); gap: var(--gap-md); color: var(--color-muted); font-size: var(--font-size-lg); } .callback-widget { flex-direction: column-reverse; } .appeals-hero__image img { object-fit: contain; } .location-finder__count { margin-right: 0px; } .services_img_bottom .services-section__item-img{ align-items: flex-end; } /* Кнопка скролла наверх */ .btn-scroll-top { position: fixed; bottom: 30px; left: 30px; width: 44px; height: 44px; background-color: rgba(30, 30, 30, 0.65); border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 999; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); outline: none; } .btn-scroll-top:hover { background-color: #D70000; } .btn-scroll-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); } .news-detail-page { padding: 30px 0; } @media (max-width: 768px) { .btn-scroll-top { bottom: 20px; left: 15px; width: 38px; height: 38px; } .btn-scroll-top svg { width: 18px; height: 18px; } } /* End */ /* /local/templates/desktop/assets/css/style.css?179078246552328 */ /* /local/templates/.default/assets/css/toast.min.css?17746345204450 */ /* /local/templates/.default/assets/css/noty.min.css?17764264205749 */ /* /local/templates/.default/assets/css/noty.bootstrap-v4.min.css?17764263001459 */ /* /local/templates/.default/assets/css/lombard.css?179431547411206 */ /* /local/templates/.default/assets/css/custom.css?179369962014157 */ /* /local/templates/desktop/assets/css/custom.css?17933547751723 */