/* Start:/bitrix/templates/2025/template_styles.css?17652719238519*/
/* ====== VASHA TEMPLATE: base + header + off-canvas ====== */
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial;line-height:1.45;color:#111827;background:#fff}
img{max-width:100%;display:block;height:auto}
a{text-decoration:none;color:inherit}
button{font:inherit}

:root{
    --brand:#ff2c7a;
    --ink:#111827;
    --ink-2:#374151;
    --bg:#ffffff;
    --bg-2:#f3f4f6;
    --stroke:#e5e7eb;
    --shadow:0 10px 30px rgba(0,0,0,.08);
    --radius:14px;
    --container:1180px;
    --brand-500: #de266a; /* контраст з #fff ≈ 4.57:1 */
    --brand-600: #c41f5f; /* hover, ≈ 5.66:1 */
    --brand-700: #a61a52; /* active, ≈ 7.26:1 */
}

.container{max-width:var(--container);margin-inline:auto;padding-inline:16px}
.sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.hidden{display:none!important}
.sep{width:1px;height:24px;background:var(--stroke)}

/* ====== HEADER ====== */
.site-header{
    position:sticky;top:0;z-index:10;
    background:color-mix(in srgb,var(--bg) 92%,transparent);
    backdrop-filter:saturate(180%) blur(10px);
    border-bottom:1px solid var(--stroke)
}
.header-inner{
    display:grid;
    grid-template-columns:auto 1fr auto; /* logo | space | ctas */
    align-items:center;gap:12px;padding:10px 0
}

/* logo */
.logo{display:flex;align-items:center;gap:10px}
.logo img{width:138px;height:auto}

/* прибираємо підзаголовок всюди (за заявкою) */
.tagline{display:none}

/* nav */
nav.primary{display:none}
nav.primary ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}
nav.primary a{padding:10px 8px;border-radius:10px}
nav.primary a:focus-visible,nav.primary a:hover{background:var(--bg-2)}

/* CTA / phones / burger */
.cta-wrap{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--stroke);background:#fff;border-radius:999px;padding:10px 14px;font-weight:600;transition:transform .08s ease, background .2s}
.btn:hover{background:var(--bg-2)}
.btn:active{transform:translateY(1px)}
.btn--brand{
    background: var(--brand-500);
    border-color: var(--brand-500);
    color:#fff;
    transition: background-color .2s ease, border-color .2s ease, transform .08s;
}
.btn--brand:hover,
.btn--brand:focus-visible{ background: var(--brand-600); border-color: var(--brand-600); }
.btn--brand:active{ background: var(--brand-700); border-color: var(--brand-700); transform: translateY(1px); }

/* Помітний, але доступний фокус */
.btn:focus-visible{ outline: 3px solid color-mix(in srgb, var(--brand-600), white 35%); outline-offset: 2px; }

.phones{display:none;white-space:nowrap;font-weight:700;letter-spacing:.2px}
.phones a{padding:0 6px}

.burger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--stroke);background:#fff}
.burger svg{width:22px;height:22px}

/* ====== OFF-CANVAS (винесено за header) ====== */
.panel{
    position:fixed;inset:0 0 0 auto;
    width:min(92vw,380px);background:#fff;box-shadow:var(--shadow);
    translate:100% 0;transition:translate .25s ease;
    z-index:1000;display:flex;flex-direction:column
}
.panel.open{translate:0 0}
.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--stroke)}
.panel-body{padding:10px 16px 20px;overflow:auto;-webkit-overflow-scrolling:touch}

.overlay{
    position:fixed;inset:0;background:rgba(17,24,39,.35);
    opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:999
}
.overlay.show{opacity:1;pointer-events:auto}

.mnav{list-style:none;margin:0;padding:8px 0;display:grid;gap:4px}
.mnav a{display:flex;gap:10px;align-items:center;padding:12px 10px;border-radius:12px}
.mnav a:hover{background:var(--bg-2)}

.panel-phones{margin-top:8px;border-top:1px solid var(--stroke);padding-top:8px;display:grid;gap:6px}

.badge{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;background:#fff;border:1px dashed var(--brand);color:var(--ink);border-radius:12px;padding:8px 10px;border-color: var(--brand-500);}
.badge b{color: var(--brand-600);}

/* ====== DESKTOP: меню окремим рядком нижче ====== */
@media (min-width:992px){
    .phones{display:block}
    .burger{display:none}
    .cta-wrap{gap:12px}

    /* 2 рядки: верхній — logo|cta, нижній — навігація на всю ширину */
    .header-inner{
        grid-template-columns:auto 1fr auto;
        grid-auto-rows:auto;
        row-gap:8px;
    }
    nav.primary{
        display:block;
        grid-column:1 / -1;   /* повна ширина другого рядка */
        margin-top:2px;
    }
    nav.primary ul{
        gap:18px;
        flex-wrap:wrap;       /* на всяк випадок, щоб не ламалось при довгих пунктах */
        justify-content:center; /* можна center за бажанням */
    }
}

/* accessibility */
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}



/* ====== FOOTER ====== */
.site-footer{
    padding: clamp(32px,4vw,56px) 0;
    color:#ecf3fb;
    background: linear-gradient(135deg, #0e7490 0%, #16a3b5 70%, #36c2b4 100%);
    position: relative;
}
.site-footer .container{ position:relative; z-index:1 }

.footer__grid{
    display:grid; gap: clamp(18px,3vw,28px);
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    align-items: start;
}
@media (max-width: 1199px){
    .footer__grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px){
    .footer__grid{ grid-template-columns: 1fr; }
}

.footer__about{}
.footer__tagline{ font-size:16px; line-height:1.45; margin:0 0 14px; opacity:.95 }

.footer__cta{ margin-top:10px }
.footer__phone{
    display:inline-block; font-weight:900; font-size: clamp(20px,2.6vw,28px);
    color:#fff; text-decoration:none; margin-bottom:10px;
}
.footer__phone:hover{ text-decoration:underline }

.footer__buttons{ display:grid; gap:10px; grid-template-columns: 1fr; max-width: 340px }
.footer__btn{ justify-content:center; }
.footer__btn svg{ width:18px; height:18px; margin-right:8px; fill:currentColor; }

.footer__menu ul{ list-style:none; padding:0; margin:10px 0 0 }
.footer__menu li + li{ margin-top:8px }
.footer__menu a{ color:#ecf3fb; text-decoration:none }
.footer__menu a:hover{ text-decoration:underline }
.footer__title{
    font-weight:800; font-size: clamp(16px,2vw,18px); margin:0; color:#fff
}

.footer__bottom{
    display:flex; gap:16px; align-items:center; justify-content:space-between;
    margin-top: clamp(22px,3vw,36px); padding-top:16px;
    border-top:1px dashed rgba(255,255,255,.25);
    flex-wrap:wrap;
}
.footer__copy{ display:flex; gap:16px; align-items:center; flex-wrap:wrap }
.footer__partner img{ margin-left:8px; vertical-align:middle }

.footer__social{ display:flex; gap:10px; align-items:center }
.sbtn{
    width:40px; height:40px; display:grid; place-items:center;
    border-radius:50%; background:rgba(255,255,255,.15); color:#0b1320;
    transition: transform .15s ease, background .2s ease;
}
.sbtn:hover{ transform: translateY(-1px); background:#fff }
.sbtn svg{ width:20px; height:20px; fill:currentColor }

/* утиліта */
.visually-hidden{
    position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
    width:1px;height:1px;overflow:hidden;white-space:nowrap;border:0;padding:0;margin:-1px;
}

/* Кнопки (узгоджено зі стилем сайту) */
.btn{ display:inline-flex; align-items:center; gap:8px; font-weight:800; border-radius:14px; padding:10px 14px; text-decoration:none; }
.btn--brand{ background:var(--brand,#ff2e80); color:#fff; border:1px solid transparent }
.btn--brand:hover{ filter: saturate(105%) }
.btn--ghost{ background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.25) }
.btn--ghost:hover{ background:rgba(255,255,255,.18) }
@media (max-width: 395px){
    .cta-wrap .btn{
        padding: 7px 7px!important;
        font-size: 12px!important;;
    }
}
/* End */


/* Start:/bitrix/templates/2025/styles.css?176526892121156*/
/* ====== VASHA TEMPLATE: page-level styles ====== */

.text-center-h{
    text-align: center;
}

/* HERO (підготовка; HTML додамо наступним кроком) */
.hero{
    position:relative; isolation:isolate;
    background:linear-gradient(180deg,#fff, #f9fafb);
}
.hero .container{
    display:grid; gap:18px;
    align-items:center;
    padding:48px 16px;
}
.hero-title{font-size:clamp(28px,4.2vw,44px);line-height:1.1;margin:0;color:#ccdada;font-weight:800}
.hero-sub{font-size:clamp(15px,2.2vw,18px);color:#374151;max-width:62ch}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.hero-media{border-radius:18px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.12)}
.hero-media img{width:100%;height:auto;display:block}

@media (min-width:992px){
    .hero .container{
        grid-template-columns: 1.05fr .95fr; /* текст | зображення */
        padding:64px 16px 56px;
    }
    .hero-cta{margin-top:10px}
}

/* Утиліти для кнопок, якщо треба всередині hero */
.btn-lg{padding:13px 18px;border-radius:999px;font-weight:700}
.btn-ghost{background:#fff;border:1px solid var(--stroke)}




/* ---------- HERO (головний блок на головній) ---------- */
.hero{position:relative;isolation:isolate;color:#fff;background:#0b0f19}
.hero--cover{min-height:clamp(420px,64vh,720px);display:flex;align-items:flex-end}
.hero .container{position:relative;z-index:2;padding:clamp(28px,5vw,72px) 16px;width:100%}
.hero-copy{max-width:min(62ch,640px)}
.hero-title{font-size:clamp(26px,4.4vw,46px);line-height:1.1;margin:0 0 8px;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.hero-sub{font-size:clamp(15px,2.1vw,18px);color:#eef2ff;opacity:.92;margin:0 0 10px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.hero-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.hero-list li{display:flex;gap:10px;align-items:flex-start;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.hero-list li::before{content:"✓";display:inline-block;min-width:1em}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

/* Фон як зображення (краще для LCP/SEO) */
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(104%) contrast(102%)}

/* Оверлей для читабельності тексту */
.hero-overlay{position:absolute;inset:0;z-index:1;
    background:
            linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.45) 35%, rgba(0,0,0,.2) 62%, rgba(0,0,0,0) 100%),
            linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 50%)
}


/* -------- MODAL (popup) -------- */
.modal{position:fixed;inset:0;z-index:1000;display:none}
.modal.show{display:block}
.modal__overlay{position:absolute;inset:0;background:rgba(17,24,39,.55);backdrop-filter:saturate(160%) blur(1px)}
.modal__dialog{position:relative;max-width:520px;width:min(92vw,520px);margin:8vh auto;background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:18px}
.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.modal__title{margin:0;font-weight:800;font-size:1.35rem;color:#111827}
.modal__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--stroke);background:#fff}
.modal__close svg{width:18px;height:18px}

/* форма */
.form_new{display:grid;gap:10px}
.form_new .form-control{width:100%;border:1px solid var(--stroke);border-radius:12px;padding:12px 14px;font-size:1rem}
.form_new .button_send{display:inline-flex;justify-content:center;align-items:center;border:none;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;padding:12px 16px}
.form_new .button_send:active{transform:translateY(1px)}
.right-block-title{text-align:center;font-weight:800;font-size:1.2rem;margin:6px 0 4px}
.right-block-info{min-height:1px}

/* ====== FORM: state styles, errors, success ====== */
.form_new .form-control{transition: border-color .2s, box-shadow .2s}
.form_new .form-control.is-invalid{border-color:#ef4444; box-shadow:0 0 0 3px rgba(239,68,68,.12)}
.form_new .form-control.is-valid{border-color:#10b981; box-shadow:0 0 0 3px rgba(16,185,129,.12)}
.form_new .field-error{font-size:.875rem; color:#ef4444; margin-top:4px}
.form_new .field-hint{font-size:.8125rem; color:#6b7280}

/* success-box */
/* Toast на базі .form-success */
.form-success{display:none; border:1px solid var(--stroke); border-radius:14px; padding:14px; background:#f0fdf4; color:#065f46}
.form-success .ok{font-weight:700}

/* Фіксоване повідомлення зверху екрана */
.form-success.toast{
    position:fixed; top:16px; left:50%; transform:translateX(-50%) translateY(-8px);
    z-index:2000; display:block; opacity:0;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:opacity .2s ease, transform .2s ease;
    max-width:min(92vw,560px);
}
.form-success.toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }




/* faq */
 .faq{--bg:#f7f9fc;--card:#ffffff;--muted:#5b6672;--text:#1f2d3d;--accent:#2563eb;--accent-2:#22c55e;--br:16px;--gap:14px;--ring:0 0 0 3px rgba(37,99,235,.18);background:var(--bg);padding:clamp(24px,4vw,48px);border-radius:var(--br);box-shadow:0 1px 0 rgba(16,24,40,.04) inset}
.faq__header{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;justify-content:space-between;margin-bottom:20px}
#faq-title{font-size:clamp(22px,2.4vw,32px);line-height:1.2;margin:0;color:var(--text);letter-spacing:.2px}
.faq__sub{margin:4px 0 0;color:var(--muted);font-size:clamp(13px,1.3vw,14px)}
.faq__list{display:grid;gap:12px}
.faq__item{border-radius:14px;background:var(--card);border:1px solid #e6eaf0;overflow:hidden;box-shadow:0 2px 12px rgba(16,24,40,.06)}
.faq details{background:transparent}
.faq summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:flex-start;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq__q{margin:0;font-weight:700;color:var(--text);font-size:clamp(15px,1.5vw,16px);line-height:1.35}
/* База */
.faq__icon{
    flex:0 0 34px; height:34px; border-radius:10px;
    display:grid; place-items:center;
    color:#fff;
    background-image: var(--icon-gradient, linear-gradient(135deg, var(--accent), var(--accent-2)));
    box-shadow:0 2px 10px rgba(16,24,40,.12);
    background-size:200% 200%;
    transition:background-position .35s ease, transform .12s ease, box-shadow .2s ease;
}
.faq__icon:hover{ background-position:100% 0; transform:translateY(-1px); box-shadow:0 6px 16px rgba(16,24,40,.18); }
@media (prefers-color-scheme: dark){
    .faq__icon{ box-shadow:0 2px 12px rgba(0,0,0,.35); outline:1px solid rgba(255,255,255,.08); }
}

.faq__icon--brand { --accent:#de266a; --accent-2:#a61a52; }      /* рожево-малиновий (під ваш бренд) */
.faq__icon--cyan  { --accent:#06b6d4; --accent-2:#3b82f6; }      /* бірюзовий → синій */
.faq__icon--emerald{--accent:#10b981; --accent-2:#059669; }      /* смарагд → темно-зелений */
.faq__icon--amber { --accent:#f59e0b; --accent-2:#ef4444; }      /* бурштин → корал */
.faq__icon--slate { --accent:#64748b; --accent-2:#0f172a; }      /* графіт → темно-синій (стримано) */

.faq__icon[data-glow="1"]{
    box-shadow:0 8px 24px color-mix(in srgb, var(--accent), transparent 70%);
}



.faq__icon svg{width:20px;height:20px;display:block}
.faq__answer{padding:0 20px 18px 66px;color:var(--text);font-size:15px;line-height:1.65}
.faq__answer p{margin:10px 0}
.faq details[open]{border-color:#cde3ff;box-shadow:var(--ring)}
.faq summary:focus-visible{outline:none;box-shadow:var(--ring);border-radius:12px}
.faq__note{margin-top:16px;color:var(--muted);font-size:13px}
.price{white-space:nowrap;font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
@media (max-width:480px){.faq__answer{padding-left:60px}}



/* ===== Benefits: фон ===== */
.benefits{ padding:clamp(28px,5vw,56px) 0; color:#0b1320; }

.benefits--bg{ position:relative; isolation:isolate; }
.benefits--bg::before{
    content:""; position:absolute; inset:0; z-index:-2;
    background: var(--bg, url('/images/landfon2.jpg')) center center / cover no-repeat;
    filter:saturate(.95);
}
.benefits--bg::after{
    content:""; position:absolute; inset:0; z-index:-1;
    background: linear-gradient(90deg, rgba(14,23,38,.72), rgba(14,23,38,.55));
}

/* варіант без фото */
.benefits--tint{
    background: linear-gradient(180deg, #0e1726 0%, #1b2a41 100%);
}

.benefits__title{
    color:#fff; text-align:center; font-weight:800;
    font-size:clamp(22px,2.8vw,34px);
    margin:0 0 clamp(18px,3vw,28px);
}

/* ===== ширина колонок (щоб текст не був вузьким) ===== */
.benefits__grid{
    display:grid; gap:clamp(18px,3vw,26px);
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); /* мінімум 280px */
    list-style:none; margin:0; padding:0;
}
.benefit{
    display:grid;
    grid-template-columns:64px 1fr;
    gap:14px; align-items:flex-start;
}

/*
.benefit{ display:grid; grid-template-columns:64px 1fr; gap:14px; align-items:flex-start; }
*/
.benefit__title{ color:#fff; margin:2px 0 4px; font-weight:800; font-size:clamp(15px,1.4vw,19px); }
.benefit__text{ color:#e6eef8; margin:0; font-size:clamp(14px,1.2vw,16px); line-height:1.5; grid-column: 2 / -1; }

/* іконка */
.b-icon{ width:64px; height:64px; border-radius:999px; display:grid; place-items:center; color:#fff;
    background-image: var(--icon-grad, linear-gradient(135deg,#de266a,#a61a52));
    box-shadow:0 6px 18px rgba(16,24,40,.18); transition:transform .15s, box-shadow .2s;
}
.b-icon{ grid-column:1; }
.benefit__body{ grid-column:2; }   /* h3 + p ідуть одним потоком */
.b-icon svg{ width:28px; height:28px }
.benefit:hover .b-icon{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(16,24,40,.26); }

/* модифікатори кольорів (як домовлялись) */
.b-icon--brand  { --icon-grad: linear-gradient(135deg,#de266a,#a61a52); }
.b-icon--cyan   { --icon-grad: linear-gradient(135deg,#06b6d4,#3b82f6); }
.b-icon--emerald{ --icon-grad: linear-gradient(135deg,#10b981,#059669); }
.b-icon--amber  { --icon-grad: linear-gradient(135deg,#f59e0b,#ef4444); }
.b-icon--slate  { --icon-grad: linear-gradient(135deg,#64748b,#0f172a); }




/* Кнопки в герої */
.btn-lg{padding:13px 18px;border-radius:999px;font-weight:700}
.btn-ghost{background:#fff;border:1px solid var(--stroke);color:#111827}

@media (min-width:992px){
    .hero .container{padding:clamp(48px,6vw,88px) 16px}
}
@media (max-width:768px){
    .hero-overlay{
        background:
                linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.2) 45%, rgba(0,0,0,0) 100%),
                linear-gradient(90deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 100%)
    }
    .hero-cta{gap:8px}
}


/* ===== How we work ===== */
.howwe{ padding: clamp(28px,5vw,56px) 0; background:#f6f8fb }
.howwe__title{
    text-align:center; font-weight:800;
    font-size:clamp(22px,2.6vw,32px); margin:0 0 18px; color:#0b1320;
}
.howwe__steps{ list-style:none; margin:0; padding:0; display:grid; gap:22px }

/* Крок: велике число + картка */
.howwe__step{ position:relative; display:grid; grid-template-columns: 74px 1fr; gap:14px; align-items:stretch }
@media (min-width:768px){ .howwe__step{ grid-template-columns: 92px 1fr } }

.howwe__badge{
    grid-column:1;
    width:74px; height:74px; border-radius:999px; display:grid; place-items:center;
    font-weight:900; font-size:28px; color:#fff;
    background:linear-gradient(135deg,#de266a,#a61a52);
    box-shadow:0 12px 26px rgba(16,24,40,.16);
}
@media(min-width:768px){ .howwe__badge{ width:92px; height:92px; font-size:34px } }

.howwe__card{
    grid-column:2; border-radius:14px;
    background:linear-gradient(90deg,#e6f7fb,#eef2ff);
    box-shadow:0 8px 24px rgba(16,24,40,.08);
    padding:clamp(14px,2.2vw,20px);
    border:1px solid #e6ecf5;
}

/* Заголовок всередині картки */
.howwe__h{
    margin:0 0 10px; color:#0b1320; font-size:clamp(16px,1.6vw,20px); font-weight:800;
}

/* Список у дві колонки на великих екранах */
.howwe__list{
    display:grid; gap:10px 18px;
    grid-template-columns: 1fr; margin:0; padding:0; list-style:none; color:#1f2a3a;
}
@media(min-width:992px){ .howwe__list{ grid-template-columns: repeat(2, 1fr) } }
.howwe__list li{ display:flex; gap:10px; line-height:1.45 }

/* Мала іконка-позначка */
.i{ flex:0 0 22px; width:22px; height:22px; border-radius:6px; display:grid; place-items:center }
.i--ok{
    background:linear-gradient(135deg,#10b981,#059669); color:#fff;
    box-shadow:0 3px 12px rgba(16,24,40,.12);
}
.i--ok::before{
    content:""; width:10px; height:6px; border:2px solid currentColor;
    border-top:none; border-right:none; transform:rotate(-45deg);
}




/* ===== Why Us ===== */
.whyus{ padding:clamp(28px,5vw,56px) 0; background:#fff }
.whyus__title{
    text-align:center; font-weight:900; letter-spacing:.2px;
    font-size:clamp(22px,2.8vw,34px); margin:0 0 clamp(18px,3vw,28px);
    color:#111827;
}
.whyus__grid{
    display:grid; gap:clamp(18px,2.5vw,26px);
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    list-style:none; margin:0; padding:0;
}
.whyus__item{ display:grid; grid-template-columns:82px 1fr; gap:14px; align-items:center }
@media (min-width:1024px){ .whyus__item{ grid-template-columns:92px 1fr } }

.whyus__body{ grid-column:2 }
.whyus__h{
    margin:0 0 6px; font-weight:800; color:#111827;
    font-size:clamp(16px,1.5vw,20px);
}
.whyus__p{
    margin:0; color:#475569; line-height:1.5;
    font-size:clamp(14px,1.2vw,16px);
}

/* Градієнтне кільце з іконкою */
.ring-icon{
    grid-column:1;
    width:82px; height:82px; border-radius:999px; position:relative; display:grid; place-items:center;
    background: radial-gradient(closest-side, #fff 68%, transparent 69%) padding-box,
    conic-gradient(from 30deg, var(--c1,#de266a), var(--c2,#a61a52)) border-box;
    border: 8px solid transparent;
    box-shadow: 0 8px 24px rgba(2,6,23,.08);
}
.ring-icon svg{ width:34px; height:34px; color:#0f172a }
@media (min-width:1024px){ .ring-icon{ width:92px; height:92px; border-width:10px } }

.ring-icon--cyan{ --c1:#de266a; --c2:#a61a52; }





/* ===== Consult ===== */
.consult{ padding:clamp(28px,5vw,60px) 0; background:#f8fafc }
.consult__title{
    text-align:center; font-weight:900; color:#0b1320;
    font-size:clamp(22px,2.8vw,36px); letter-spacing:.2px; margin:0 0 clamp(18px,3vw,28px);
}
.consult__grid{
    display:grid; gap:clamp(18px,3vw,28px);
    grid-template-columns: 1.1fr 1fr;
}
@media (max-width: 992px){ .consult__grid{ grid-template-columns:1fr } }

/* Ліва колонка */
.consult__h{ margin:0 0 12px; font-size:clamp(18px,2.2vw,28px); font-weight:800; color:#0b1320 }
.consult__points{ list-style:none; margin:16px 0 0; padding:0; display:grid; gap:18px }
.consult__points li{ display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:flex-start }
.consult__points strong{ display:block; margin:0 0 4px; color:#0b1320 }
.consult__points p{ margin:0; color:#475569; line-height:1.5 }
.consult__icon{
    width:42px; height:42px; border-radius:12px; display:grid; place-items:center;
    background:linear-gradient(135deg,#2563eb,#06b6d4); color:#fff; box-shadow:0 4px 14px rgba(2,6,23,.12)
}
.consult__icon svg{ width:22px; height:22px }

/* Карта з градієнтною рамкою */
.consult__card{
    border-radius:18px; padding:10px;
    background:linear-gradient(135deg,#ffb000,#ff5e00);
    box-shadow:0 18px 38px rgba(16,24,40,.12);
}
.consult__card-inner{
    background:#fff; border-radius:14px; padding:clamp(18px,2.4vw,28px);
}
.consult__card-head{ text-align:center; margin-bottom:14px }
.consult__card-head .h3{ font-weight:900; margin-bottom:6px }
.consult__card-head p{ margin:0; color:#475569 }

/* Форми */
.consult__label{ display:block; font-size:13px; color:#6b7280; margin:8px 0 6px }
.normalForm textarea,
.normalForm input[type="text"]{
    width:100%; border:1px solid #e5e7eb; border-radius:12px; background:#fff;
    padding:12px 14px; font-size:16px; color:#0b1320; outline:none;
    transition:border-color .15s ease, box-shadow .15s ease;
}
.normalForm textarea{ min-height:120px; resize:vertical }
.normalForm textarea:focus,
.normalForm input[type="text"]:focus{
    border-color:#aad7ff; box-shadow:0 0 0 3px rgba(37,99,235,.12)
}

/* Кнопки */
.btn{ appearance:none; border:0; border-radius:12px; padding:12px 18px; font-weight:800; cursor:pointer }
.btn--brand-form{
    color:#fff; background:linear-gradient(135deg,#ff7a18,#ff3d00);
    box-shadow:0 10px 22px rgba(255,99,64,.24);
}
.btn--brand-form:hover{ filter:saturate(105%) }

/* Кроки */
.flstep-1 .btn{ margin-top:12px; width:100% }
.flstep-2 .btn{ margin-top:12px; width:100% }
/* помилка під полем і підсвітка */
.field-error{
    margin-top:6px; font-size:13px; color:#b91c1c;
}
.is-invalid{
    border-color:#ef4444 !important;
    box-shadow:0 0 0 3px rgba(239,68,68,.15);
}
.is-valid{
    border-color:#10b981 !important;
    box-shadow:0 0 0 3px rgba(16,185,129,.12);
}




/* ===== Bonus certificate ===== */
.bonus{
    padding: clamp(36px,5vw,64px) 0;
    background: radial-gradient(1400px 700px at 90% -200px, rgba(255,255,255,.12), transparent) ,
    linear-gradient(135deg, #0ea5e9 0%, #14b8a6 100%);
    color:#fff;
}
.bonus__wrap{
    display:grid; gap:clamp(16px,3vw,28px);
    grid-template-columns: 1fr;
    align-items:center;
}
@media (min-width: 992px){
    .bonus__wrap{ grid-template-columns: 1.1fr 1fr; }
}
.bonus__media{ text-align:center }
.bonus__img{ max-width: 520px; width: 100%; height:auto; display:inline-block; filter: drop-shadow(0 18px 30px rgba(0,0,0,.25)); }

.bonus__title{
    font-weight: 900; margin:0 0 10px; line-height:1.1;
    font-size: clamp(22px,2.8vw,40px);
}
.bonus__lead{ margin: 0 0 8px; font-size: clamp(16px,2vw,18px); opacity:.95 }
.bonus__tag{
    display:inline-block; margin: 6px 0 18px;
    padding: 10px 18px; border-radius: 12px;
    background:#0b1320; color:#ffd051; font-weight: 800;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}
.bonus__tag strong{ font-size: 1.25em }

.bonus__hint{ display:block; margin-bottom:10px; opacity:.9 }

.bonus__controls{
    display:flex; gap:12px; align-items:stretch;
    flex-wrap:wrap;
}
.bonus__inputWrap{ flex:1 1 260px; position:relative }
.bonus__input{
    width:100%; height:54px; border-radius:12px; border:none;
    padding:0 14px 0 44px; font-size:16px; color:#0b1320;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.8 12.8 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.8 12.8 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat 14px 50%/20px 20px;
}
.bonus__btn{
    height:54px; padding:0 18px; border-radius:12px; border:none; cursor:pointer;
    background:#22c55e; color:#0b1320; font-weight:800; letter-spacing:.2px;
    box-shadow: 0 10px 30px rgba(34,197,94,.35);
}
.bonus__btn:hover{ filter:brightness(1.05) }

.field-error{ margin-top:6px; font-size:13px; color:#ffe1e1 } /* уже є у тебе — дублюємо на темному фоні */
.is-invalid{ box-shadow:0 0 0 3px rgba(239,68,68,.28) !important; }
.is-valid{   box-shadow:0 0 0 3px rgba(16,185,129,.22) !important; }
.is-sent{
    display: none;
}
/* Після успіху */
.bonus__cert{
    margin-top: 26px; text-align:center;
    background: rgba(255,255,255,.1); border-radius:16px; padding:18px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
}
.bonus__cert img{ max-width: 720px; width: 100%; height:auto; border-radius:10px; }
.bonus__certActions{ margin: 12px 0 0; }
.bonus__download{
    display:inline-block; padding:10px 16px; border-radius:12px; background:#fff; color:#0b1320; font-weight:800;
    text-decoration:none;
}
.bonus__download:hover{ filter:brightness(1.03) }
/* ===== /Bonus certificate ===== */

/* End */


/* Start:/bitrix/templates/2025/fancybox/fancybox.css?176492841829571*/
:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);border-radius:var(--f-spinner-border-radius);border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{transform:rotate(360deg)}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-z-index: 1;--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-fit: cover;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-transfors: none;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff}.f-thumbs{flex-shrink:0;margin:var(--f-thumbs-margin);padding:0;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:max-height .3s ease,max-width .3s ease;position:relative;overflow:hidden;z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs__viewport{margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible;display:grid}.f-thumbs.is-vertical .f-thumbs__viewport{height:calc(100% - var(--f-thumbs-padding-y) * 2)}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:none;border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs__slide img{display:block;width:100%;height:100%;object-fit:var(--f-thumb-fit);border-radius:inherit;pointer-events:none}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-classic{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap)}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2);margin-inline:calc(var(--f-carousel-slide-width) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}div.fancybox__dialog{position:fixed;inset:0;z-index:1050}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 34px;--f-close-button-height: 34px;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-close-button-svg-width: 22px;--f-close-button-svg-height: 22px;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40}

/* End */


/* Start:/bitrix/templates/2025/fancybox/carousel.arrows.css?17649284391881*/
.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}

/* End */


/* Start:/bitrix/templates/2025/fancybox/carousel.dots.css?17649284501708*/
:root{--f-carousel-dots-top: 100%;--f-carousel-dots-bottom: auto;--f-carousel-dots-width: 24px;--f-carousel-dots-height: 30px;--f-carousel-dot-width: 8px;--f-carousel-dot-height: 8px;--f-carousel-dot-border-radius: 100%;--f-carousel-dot-bg: currentColor;--f-carousel-dot-hover-bg: currentColor;--f-carousel-dot-selected-bg: currentColor;--f-carousel-dot-opacity: .4;--f-carousel-dot-hover-opacity: .8;--f-carousel-dot-selected-opacity: 1;--f-carousel-dot-transition: all .15s ease}.f-carousel.has-dots{margin-bottom:var(--f-carousel-dots-height)}.f-carousel__dots{position:absolute;top:var(--f-carousel-dots-top);bottom:var(--f-carousel-dots-bottom);left:0;right:0;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--f-carousel-dots-gap, 0)}.in-fullscreen-mode>.f-carousel__dots,.in-expanded-mode>.f-carousel__dots{top:auto;bottom:0}.f-carousel__dot{display:block;position:relative;width:var(--f-carousel-dots-width);height:var(--f-carousel-dots-height);opacity:var(--f-carousel-dot-opacity);border:0;color:currentColor;background-color:transparent;transition:var(--f-carousel-dot-transition)}.f-carousel__dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--f-carousel-dot-width);height:var(--f-carousel-dot-height);background-color:var(--f-carousel-dot-bg);border-radius:var(--f-carousel-dot-border-radius);transition:inherit}.f-carousel__dot:hover{cursor:pointer;opacity:var(--f-carousel-dot-hover-opacity)}.f-carousel__dot:hover:after{background-color:var(--f-carousel-dot-hover-bg)}.f-carousel__dot.is-selected{opacity:var(--f-carousel-dot-selected-opacity, 1)}.f-carousel__dot.is-selected:after{background-color:var(--f-carousel-dot-selected-bg)}

/* End */


/* Start:/bitrix/templates/2025/statti.css?17652919604228*/
/* Загальний контейнер карток */
.menu-block-steli {
    margin-bottom: 30px;
}

/* Щоб вся картка була клікабельною й без підкреслення */
.menu-block-steli a {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
}

/* Обгортка з картинкою */
.menu-block-steli .item-img {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

/* Картинка */
.menu-block-steli .fit-2 {
    width: 100%;
    height: 260px;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* Легка тінь і "підняття" картки при наведенні */
.menu-block-steli a {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    background: #ffffff;
}

.menu-block-steli a:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0,0,0,0.18);
}

.menu-block-steli a:hover .fit-2 {
    transform: scale(1.05);
}

/* Темний градієнт знизу картинки, щоб текст читався */
.menu-block-steli .item-img::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    pointer-events: none;
}

/* Блок з текстом поверх картинки */
.menu-block-steli .item-body {
    position: absolute;
    left: 0;
    bottom: 18px;
    width: 100%;
    text-align: center;
    padding: 0 15px;
    pointer-events: none; /* щоб клік завжди ловився на <a> */
}

/* Оформлення тексту */
.menu-block-steli .text-images {
    display: inline-block;
    margin: 0;
    padding: 8px 16px;
    background: rgba(0,0,0,0.7);
    border-radius: 999px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: uppercase;
}

/* Трохи відступу між рядами на малих екранах */
@media (max-width: 767.98px) {
    .menu-block-steli {
        margin-bottom: 20px;
    }

    .menu-block-steli .fit-2 {
        height: 200px;
    }

    .menu-block-steli .text-images {
        font-size: 13px;
        padding: 6px 12px;
        letter-spacing: 0.8px;
    }

    .menu-block-steli .item-body {
        bottom: 12px;
        padding: 0 10px;
    }
}

/* Широкі екрани – можна зробити трохи більшу висоту */
@media (min-width: 1200px) {
    .menu-block-steli .fit-2 {
        height: 300px;
    }
}


/* Обтікання картинки в статті */
.col .item-img {
    float: right;                 /* картинка справа */
    width: 40%;                   /* ширина картинки — змінюй за бажанням */
    margin-left: 20px;            /* відступ від тексту */
    margin-bottom: 15px;          /* відступ знизу */
}

.col .item-img img.fit {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
}

/* Текстова частина */
.col .item-body {
    overflow: hidden;  /* щоб текст не наповзав */
}

.col .text-images {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0;
}

/* 📱 Адаптація для мобільних */
@media (max-width: 768px) {
    .col .item-img {
        float: none;               /* прибираємо обтікання */
        width: 100%;               /* картинка повна ширина */
        margin: 0 0 15px 0;        /* стандартний відступ */
        text-align: center;
    }

    .col .item-img img.fit {
        width: 100%;
        max-width: 350px;          /* щоб не розтягувало величезно */
        margin: 0 auto;
    }

    .col .text-images {
        text-align: center;
        font-size: 16px;
    }
}

/* End */


/* Start:/bitrix/templates/2025/css/new_steli.css?1790617437171921*/
.floating-hero {
    position: relative;
    padding: 72px 0 56px;
    background:
            radial-gradient(circle at top left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 40%),
            linear-gradient(135deg, #f7f9fc 0%, #eef3f8 100%);
    overflow: hidden;
}

.floating-hero::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(111, 147, 255, 0.16) 0%, rgba(111, 147, 255, 0) 70%);
    pointer-events: none;
}

.floating-hero__wrap {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 40px;
    align-items: center;
}

.floating-hero__content {
    position: relative;
    z-index: 2;
}

.floating-hero__eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(21, 101, 192, 0.08);
    color: #174ea6;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.floating-hero__title {
    margin: 0 0 20px;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.08;
    font-weight: 800;
    color: #111827;
}

.floating-hero__text {
    margin: 0 0 24px;
    font-size: 18px;
    line-height: 1.7;
    color: #374151;
    max-width: 650px;
}

.floating-hero__list {
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 14px;
}

.floating-hero__list li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.55;
    color: #1f2937;
}

.floating-hero__list li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, #5ea0ff 0%, #7c4dff 100%);
    box-shadow: 0 0 0 6px rgba(94, 160, 255, 0.12);
}

.floating-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 22px;
}

.floating-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 24px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    transition: all 0.25s ease;
}

.floating-btn--primary {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    color: #fff;
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.22);
}

.floating-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(37, 99, 235, 0.28);
}

.floating-btn--ghost {
    border: 1px solid rgba(17, 24, 39, 0.12);
    background: rgba(255, 255, 255, 0.75);
    color: #111827;
    backdrop-filter: blur(6px);
}

.floating-btn--ghost:hover {
    transform: translateY(-2px);
    background: #fff;
}

.floating-hero__note {
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
    color: #6b7280;
    max-width: 640px;
}

.floating-hero__media {
    position: relative;
    z-index: 1;
}

.floating-hero__main-image {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
    background: #fff;
}

.floating-hero__main-image img {
    display: block;
    width: 100%;
    height: 560px;
    object-fit: cover;
}

.floating-hero__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 16px;
}

.floating-hero__card {
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);
}

.floating-hero__card img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
}

@media (max-width: 1199px) {
    .floating-hero {
        padding: 60px 0 48px;
    }

    .floating-hero__wrap {
        gap: 28px;
    }

    .floating-hero__main-image img {
        height: 500px;
    }
}

@media (max-width: 991px) {
    .floating-hero__wrap {
        grid-template-columns: 1fr;
    }

    .floating-hero__content {
        order: 1;
    }

    .floating-hero__media {
        order: 2;
    }

    .floating-hero__main-image img {
        height: 440px;
    }
}

@media (max-width: 767px) {
    .floating-hero {
        padding: 44px 0 36px;
    }

    .floating-hero__title {
        margin-bottom: 16px;
    }

    .floating-hero__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .floating-hero__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .floating-btn {
        width: 100%;
    }

    .floating-hero__main-image img {
        height: 320px;
    }

    .floating-hero__cards {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .floating-hero__card img {
        height: 120px;
    }
}



.floating-about {
    padding: 78px 0;
    background: #ffffff;
}

.floating-about__wrap {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 46px;
    align-items: center;
}

.floating-about__content {
    max-width: 680px;
}

.floating-about__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.floating-about__title {
    margin: 0 0 20px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.12;
    font-weight: 800;
    color: #111827;
}

.floating-about__lead {
    margin: 0 0 18px;
    font-size: 19px;
    line-height: 1.7;
    color: #1f2937;
}

.floating-about__text p {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.75;
    color: #4b5563;
}

.floating-about__text p:last-child {
    margin-bottom: 0;
}

.floating-about__features {
    display: grid;
    gap: 16px;
    margin-top: 30px;
}

.floating-about__feature {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 18px 20px;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.floating-about__icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1d4ed8 0%, #60a5fa 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18);
}

.floating-about__feature-text strong {
    display: block;
    margin-bottom: 6px;
    font-size: 17px;
    line-height: 1.35;
    color: #111827;
}

.floating-about__feature-text span {
    display: block;
    font-size: 15px;
    line-height: 1.6;
    color: #6b7280;
}

.floating-about__media {
    position: relative;
}

.floating-about__image {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.12);
}

.floating-about__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.floating-about__image--main {
    border-radius: 28px;
    height: 540px;
}

.floating-about__image--small {
    position: absolute;
    left: -38px;
    bottom: -30px;
    width: 235px;
    height: 170px;
    border-radius: 22px;
    border: 5px solid #fff;
}

.floating-about__badge {
    position: absolute;
    top: 26px;
    right: -10px;
    min-width: 170px;
    padding: 18px 18px 16px;
    border-radius: 20px;
    background: rgba(17, 24, 39, 0.92);
    color: #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.24);
    backdrop-filter: blur(8px);
}

.floating-about__badge span {
    display: inline-block;
    margin-bottom: 8px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.18);
    color: #93c5fd;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.floating-about__badge strong {
    display: block;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

@media (max-width: 1199px) {
    .floating-about {
        padding: 64px 0;
    }

    .floating-about__wrap {
        gap: 34px;
    }

    .floating-about__image--main {
        height: 500px;
    }

    .floating-about__image--small {
        left: -10px;
        bottom: -20px;
    }
}

@media (max-width: 991px) {
    .floating-about__wrap {
        grid-template-columns: 1fr;
    }

    .floating-about__content {
        max-width: 100%;
    }

    .floating-about__media {
        margin-top: 10px;
    }

    .floating-about__image--main {
        height: 460px;
    }

    .floating-about__image--small {
        left: 20px;
        bottom: -20px;
    }

    .floating-about__badge {
        right: 20px;
    }
}

@media (max-width: 767px) {
    .floating-about {
        padding: 46px 0;
    }

    .floating-about__lead {
        font-size: 17px;
        line-height: 1.65;
    }

    .floating-about__feature {
        padding: 16px;
        border-radius: 18px;
    }

    .floating-about__icon {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 13px;
    }

    .floating-about__image--main {
        height: 320px;
        border-radius: 22px;
    }

    .floating-about__image--small {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        height: 150px;
        margin-top: 14px;
        border: 0;
        border-radius: 18px;
    }

    .floating-about__badge {
        position: static;
        margin-top: 14px;
        width: 100%;
    }
}

.floating-benefits {
    padding: 82px 0;
    background:
            linear-gradient(180deg, #f8fbff 0%, #eef4fa 100%);
}

.floating-benefits__head {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.floating-benefits__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.floating-benefits__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.floating-benefits__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
}

.floating-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.floating-benefits__card {
    position: relative;
    padding: 30px 24px 24px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.floating-benefits__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.12);
}

.floating-benefits__icon {
    width: 58px;
    height: 58px;
    margin-bottom: 20px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.18);
}

.floating-benefits__card-title {
    margin: 0 0 12px;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 800;
    color: #111827;
}

.floating-benefits__card-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.72;
    color: #5b6472;
}

@media (max-width: 1199px) {
    .floating-benefits {
        padding: 68px 0;
    }

    .floating-benefits__grid {
        gap: 18px;
    }

    .floating-benefits__card {
        padding: 26px 20px 22px;
    }

    .floating-benefits__card-title {
        font-size: 19px;
    }
}

@media (max-width: 991px) {
    .floating-benefits__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .floating-benefits {
        padding: 48px 0;
    }

    .floating-benefits__head {
        margin-bottom: 28px;
        text-align: left;
    }

    .floating-benefits__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .floating-benefits__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .floating-benefits__card {
        padding: 22px 18px 20px;
        border-radius: 20px;
    }

    .floating-benefits__icon {
        width: 52px;
        height: 52px;
        margin-bottom: 16px;
        border-radius: 16px;
        font-size: 14px;
    }

    .floating-benefits__card-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}


.floating-variants {
    padding: 82px 0;
    background: #ffffff;
}

.floating-variants__head {
    max-width: 820px;
    margin: 0 auto 44px;
    text-align: center;
}

.floating-variants__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.floating-variants__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 800;
    color: #111827;
}

.floating-variants__text {
    font-size: 17px;
    color: #4b5563;
    line-height: 1.7;
}

.floating-variants__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.floating-variants__card {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    transition: 0.3s;
}

.floating-variants__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 55px rgba(15, 23, 42, 0.12);
}

.floating-variants__image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.floating-variants__content {
    padding: 20px;
}

.floating-variants__content h3 {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
}

.floating-variants__content p {
    margin: 0;
    font-size: 15px;
    color: #6b7280;
    line-height: 1.6;
}

@media (max-width: 991px) {
    .floating-variants__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .floating-variants {
        padding: 48px 0;
    }

    .floating-variants__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .floating-variants__image img {
        height: 180px;
    }
}



.floating-gallery {
    padding: 82px 0;
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fa 100%);
}

.floating-gallery__head {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.floating-gallery__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.floating-gallery__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.floating-gallery__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
}

.floating-gallery__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 18px;
}

.floating-gallery__item {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    grid-column: span 4;
    min-height: 260px;
}

.floating-gallery__item--lg {
    grid-column: span 8;
    grid-row: span 2;
    min-height: 540px;
}

.floating-gallery__item--wide {
    grid-column: span 8;
    min-height: 260px;
}

.floating-gallery__item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 45%, rgba(15, 23, 42, 0.28) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.floating-gallery__item:hover::after {
    opacity: 1;
}

.floating-gallery__item img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.floating-gallery__item:hover img {
    transform: scale(1.04);
}

@media (max-width: 1199px) {
    .floating-gallery {
        padding: 68px 0;
    }

    .floating-gallery__grid {
        gap: 16px;
    }

    .floating-gallery__item {
        min-height: 220px;
    }

    .floating-gallery__item--lg {
        min-height: 460px;
    }
}

@media (max-width: 991px) {
    .floating-gallery__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .floating-gallery__item,
    .floating-gallery__item--lg,
    .floating-gallery__item--wide {
        grid-column: auto;
        grid-row: auto;
        min-height: 240px;
    }
}

@media (max-width: 767px) {
    .floating-gallery {
        padding: 48px 0;
    }

    .floating-gallery__head {
        margin-bottom: 28px;
        text-align: left;
    }

    .floating-gallery__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .floating-gallery__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .floating-gallery__item,
    .floating-gallery__item--lg,
    .floating-gallery__item--wide {
        min-height: 220px;
        border-radius: 18px;
    }
}


.floating-usage {
    padding: 82px 0;
    background: #ffffff;
}

.floating-usage__head {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.floating-usage__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.floating-usage__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 800;
    color: #111827;
}

.floating-usage__text {
    font-size: 17px;
    color: #4b5563;
    line-height: 1.7;
}

.floating-usage__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.floating-usage__item {
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    transition: 0.3s;
}

.floating-usage__item:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 55px rgba(15, 23, 42, 0.12);
}

.floating-usage__image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.floating-usage__content {
    padding: 18px;
}

.floating-usage__content h3 {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
}

.floating-usage__content p {
    margin: 0;
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
}

.floating-usage__item--highlight {
    display: flex;
    align-items: stretch;
}

.floating-usage__highlight {
    padding: 26px;
    border-radius: 24px;
    background: linear-gradient(135deg, #1d4ed8, #7c3aed);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.floating-usage__highlight h3 {
    margin: 0 0 12px;
    font-size: 20px;
}

.floating-usage__highlight p {
    margin: 0 0 18px;
    font-size: 15px;
    line-height: 1.6;
}

@media (max-width: 991px) {
    .floating-usage__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .floating-usage {
        padding: 48px 0;
    }

    .floating-usage__head {
        text-align: left;
        margin-bottom: 28px;
    }

    .floating-usage__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .floating-usage__image img {
        height: 180px;
    }
}


.floating-compare {
    padding: 82px 0;
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fa 100%);
}

.floating-compare__head {
    max-width: 780px;
    margin: 0 auto 40px;
    text-align: center;
}

.floating-compare__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.floating-compare__title {
    margin: 0 0 16px;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
}

.floating-compare__text {
    font-size: 17px;
    color: #4b5563;
}

.floating-compare__table {
    margin-top: 30px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.floating-compare__row {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    background: #fff;
}

.floating-compare__row:not(:last-child) {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.floating-compare__row--head {
    background: #f1f5f9;
    font-weight: 700;
}

.floating-compare__cell {
    padding: 18px 20px;
    font-size: 15px;
    color: #374151;
}

.floating-compare__cell--accent {
    background: rgba(37, 99, 235, 0.05);
    font-weight: 600;
    color: #1d4ed8;
}

.floating-compare__cta {
    margin-top: 36px;
    text-align: center;
}

.floating-compare__cta p {
    margin-bottom: 16px;
    font-size: 16px;
    color: #4b5563;
}

@media (max-width: 767px) {
    .floating-compare {
        padding: 48px 0;
    }

    .floating-compare__row {
        grid-template-columns: 1fr;
    }

    .floating-compare__cell {
        padding: 14px;
        border-bottom: 1px solid rgba(0,0,0,0.05);
    }
}

.floating-price-factors {
    padding: 82px 0;
    background: #ffffff;
}

.floating-price-factors__head {
    max-width: 860px;
    margin: 0 auto 42px;
    text-align: center;
}

.floating-price-factors__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.floating-price-factors__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.floating-price-factors__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
}

.floating-price-factors__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.floating-price-factors__card {
    padding: 28px 22px 24px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.floating-price-factors__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.12);
}

.floating-price-factors__icon {
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.18);
}

.floating-price-factors__card-title {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 800;
    color: #111827;
}

.floating-price-factors__card-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.72;
    color: #5b6472;
}

.floating-price-factors__bottom {
    margin-top: 36px;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) auto;
    gap: 24px;
    align-items: center;
    padding: 26px 28px;
    border-radius: 26px;
    background: linear-gradient(135deg, #f8fbff 0%, #eef4fa 100%);
    border: 1px solid rgba(37, 99, 235, 0.08);
}

.floating-price-factors__note {
    font-size: 16px;
    line-height: 1.7;
    color: #4b5563;
}

.floating-price-factors__note strong {
    color: #111827;
}

.floating-price-factors__actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 1199px) {
    .floating-price-factors {
        padding: 68px 0;
    }
}

@media (max-width: 991px) {
    .floating-price-factors__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .floating-price-factors__bottom {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .floating-price-factors__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .floating-price-factors {
        padding: 48px 0;
    }

    .floating-price-factors__head {
        margin-bottom: 28px;
        text-align: left;
    }

    .floating-price-factors__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .floating-price-factors__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .floating-price-factors__card {
        padding: 22px 18px 20px;
        border-radius: 20px;
    }

    .floating-price-factors__icon {
        width: 52px;
        height: 52px;
        margin-bottom: 16px;
        border-radius: 16px;
        font-size: 14px;
    }

    .floating-price-factors__card-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .floating-price-factors__bottom {
        margin-top: 24px;
        padding: 20px 18px;
        border-radius: 20px;
    }

    .floating-price-factors__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .floating-price-factors__actions .floating-btn {
        width: 100%;
    }
}

.floating-calc {
    padding: 82px 0;
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fa 100%);
}

.floating-calc__wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
    gap: 30px;
    align-items: start;
}

.floating-calc__content {
    padding-top: 12px;
}

.floating-calc__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.floating-calc__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
    max-width: 720px;
}

.floating-calc__text {
    margin: 0 0 24px;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
    max-width: 700px;
}

.floating-calc__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 14px;
    max-width: 640px;
}

.floating-calc__list li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.6;
    color: #1f2937;
}

.floating-calc__list li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    box-shadow: 0 0 0 6px rgba(37, 99, 235, 0.12);
}

.floating-calc__card {
    border-radius: 28px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.floating-form {
    padding: 26px 24px 22px;
}

.floating-form__field {
    display: block;
    margin-bottom: 16px;
}

.floating-form__label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

.floating-form__input,
.floating-form__textarea {
    width: 100%;
    border: 1px solid rgba(17, 24, 39, 0.10);
    background: #f8fafc;
    border-radius: 16px;
    padding: 14px 16px;
    font-size: 15px;
    color: #111827;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.floating-form__input {
    min-height: 52px;
}

.floating-form__textarea {
    min-height: 120px;
    resize: vertical;
}

.floating-form__input:focus,
.floating-form__textarea:focus {
    outline: none;
    border-color: rgba(37, 99, 235, 0.4);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.10);
}

.floating-form__submit {
    width: 100%;
    min-height: 54px;
    border: 0;
    cursor: pointer;
}

.floating-form__note {
    margin: 14px 0 0;
    font-size: 13px;
    line-height: 1.55;
    color: #6b7280;
}

.floating-calc__media {
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.floating-calc__media img {
    display: block;
    width: 100%;
    height: 240px;
    object-fit: cover;
}

@media (max-width: 1199px) {
    .floating-calc {
        padding: 68px 0;
    }

    .floating-calc__wrap {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    }
}

@media (max-width: 991px) {
    .floating-calc__wrap {
        grid-template-columns: 1fr;
    }

    .floating-calc__content {
        padding-top: 0;
    }

    .floating-calc__aside {
        max-width: 560px;
    }
}

@media (max-width: 767px) {
    .floating-calc {
        padding: 48px 0;
    }

    .floating-calc__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .floating-form {
        padding: 20px 18px 18px;
    }

    .floating-calc__card {
        border-radius: 22px;
    }

    .floating-form__input,
    .floating-form__textarea {
        border-radius: 14px;
    }

    .floating-calc__media img {
        height: 200px;
    }
}


.floating-steps {
    padding: 82px 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.floating-steps__head {
    max-width: 780px;
    margin: 0 auto 44px;
    text-align: center;
}

.floating-steps__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.floating-steps__title {
    margin: 0 0 16px;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    color: #111827;
}

.floating-steps__text {
    font-size: 17px;
    color: #4b5563;
    line-height: 1.7;
}

.floating-steps__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}

.floating-steps__item {
    position: relative;
    padding: 24px 18px 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    transition: 0.25s;
}

.floating-steps__item:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.12);
}

.floating-steps__num {
    width: 50px;
    height: 50px;
    margin-bottom: 14px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: #fff;
    font-weight: 800;
    font-size: 14px;
}

.floating-steps__item h3 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
}

.floating-steps__item p {
    margin: 0;
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
}

.floating-steps__cta {
    margin-top: 36px;
    text-align: center;
}

.floating-steps__cta p {
    margin-bottom: 16px;
    font-size: 16px;
    color: #4b5563;
}

@media (max-width: 1199px) {
    .floating-steps__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .floating-steps__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .floating-steps {
        padding: 48px 0;
    }

    .floating-steps__head {
        text-align: left;
        margin-bottom: 28px;
    }

    .floating-steps__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .floating-steps__item {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .floating-steps__num {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }
}



.floating-faq {
    padding: 82px 0;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.floating-faq__head {
    max-width: 820px;
    margin: 0 auto 40px;
    text-align: center;
}

.floating-faq__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.floating-faq__title {
    margin: 0 0 16px;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.floating-faq__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
}

.floating-faq__list {
    max-width: 920px;
    margin: 0 auto;
    display: grid;
    gap: 14px;
}

.floating-faq__item {
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.floating-faq__question {
    position: relative;
    display: block;
    padding: 22px 58px 22px 24px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
    color: #111827;
    list-style: none;
}

.floating-faq__question::-webkit-details-marker {
    display: none;
}

.floating-faq__question::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 20px;
    font-weight: 700;
    transition: transform 0.2s ease, background 0.2s ease;
}

.floating-faq__item[open] .floating-faq__question::after {
    content: "–";
    background: rgba(37, 99, 235, 0.12);
}

.floating-faq__answer {
    padding: 0 24px 22px;
}

.floating-faq__answer p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    color: #5b6472;
}

@media (max-width: 767px) {
    .floating-faq {
        padding: 48px 0;
    }

    .floating-faq__head {
        text-align: left;
        margin-bottom: 28px;
    }

    .floating-faq__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .floating-faq__item {
        border-radius: 18px;
    }

    .floating-faq__question {
        padding: 18px 52px 18px 18px;
        font-size: 16px;
    }

    .floating-faq__question::after {
        right: 16px;
        width: 28px;
        height: 28px;
        font-size: 18px;
    }

    .floating-faq__answer {
        padding: 0 18px 18px;
    }

    .floating-faq__answer p {
        font-size: 14px;
        line-height: 1.65;
    }
}


.track-hero--premium {
    position: relative;
    padding: 56px 0 72px;
    background:
            radial-gradient(circle at top left, rgba(37, 99, 235, 0.08) 0%, rgba(37, 99, 235, 0) 32%),
            linear-gradient(135deg, #f8fafc 0%, #eef4fa 100%);
    overflow: hidden;
}

.track-hero--premium::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.10) 0%, rgba(124, 58, 237, 0) 70%);
    pointer-events: none;
}

.track-hero__wrap {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    gap: 38px;
    align-items: center;
}

.track-hero__content {
    position: relative;
    z-index: 2;
}

.track-hero__eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.track-hero__title {
    margin: 0 0 18px;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.08;
    font-weight: 800;
    color: #111827;
}

.track-hero__text {
    margin: 0 0 24px;
    max-width: 650px;
    font-size: 18px;
    line-height: 1.72;
    color: #374151;
}

.track-hero__list {
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 14px;
}

.track-hero__list li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.6;
    color: #1f2937;
}

.track-hero__list li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    box-shadow: 0 0 0 6px rgba(37, 99, 235, 0.12);
}

.track-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 26px;
}

.track-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 24px;
    border-radius: 16px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: all 0.25s ease;
}

.track-btn--primary {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff;
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.22);
}

.track-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(37, 99, 235, 0.28);
}

.track-btn--ghost {
    border: 1px solid rgba(17, 24, 39, 0.10);
    background: rgba(255, 255, 255, 0.78);
    color: #111827;
    backdrop-filter: blur(6px);
}

.track-btn--ghost:hover {
    transform: translateY(-2px);
    background: #fff;
}

.track-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.track-hero__meta-item {
    min-width: 190px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.track-hero__meta-item strong {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.3;
    color: #111827;
}

.track-hero__meta-item span {
    display: block;
    font-size: 14px;
    line-height: 1.55;
    color: #6b7280;
}

.track-hero__media {
    position: relative;
    z-index: 1;
}

.track-hero__image {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.16);
}

.track-hero__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 55%, rgba(15, 23, 42, 0.16) 100%);
    pointer-events: none;
}

.track-hero__image img {
    display: block;
    width: 100%;
    height: 560px;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.track-hero__image:hover img {
    transform: scale(1.03);
}

.track-hero__badge {
    position: absolute;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
}

.track-hero__badge--top {
    top: 22px;
    right: -14px;
    min-width: 170px;
    padding: 16px 18px;
    background: rgba(17, 24, 39, 0.88);
    color: #fff;
}

.track-hero__badge--top span {
    display: inline-block;
    margin-bottom: 8px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.18);
    color: #93c5fd;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.track-hero__badge--top strong {
    display: block;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

.track-hero__badge--bottom {
    left: -22px;
    bottom: 24px;
    max-width: 250px;
    padding: 18px 20px;
    background: rgba(255, 255, 255, 0.92);
    color: #111827;
}

.track-hero__badge--bottom strong {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 800;
}

.track-hero__badge--bottom span {
    display: block;
    font-size: 14px;
    line-height: 1.55;
    color: #6b7280;
}

@media (max-width: 1199px) {
    .track-hero--premium {
        padding: 48px 0 64px;
    }

    .track-hero__wrap {
        gap: 30px;
    }

    .track-hero__image img {
        height: 500px;
    }
}

@media (max-width: 991px) {
    .track-hero__wrap {
        grid-template-columns: 1fr;
    }

    .track-hero__image img {
        height: 440px;
    }

    .track-hero__badge--top {
        right: 20px;
    }

    .track-hero__badge--bottom {
        left: 20px;
    }
}

@media (max-width: 767px) {
    .track-hero--premium {
        padding: 40px 0 46px;
    }

    .track-hero__title {
        margin-bottom: 16px;
    }

    .track-hero__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .track-hero__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .track-btn {
        width: 100%;
    }

    .track-hero__meta {
        flex-direction: column;
    }

    .track-hero__image {
        border-radius: 22px;
    }

    .track-hero__image img {
        height: 320px;
    }

    .track-hero__badge--top,
    .track-hero__badge--bottom {
        position: static;
        margin-top: 14px;
        max-width: 100%;
    }
}



.track-about {
    padding: 78px 0;
    background: #ffffff;
}

.track-about__wrap {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 46px;
    align-items: center;
}

.track-about__content {
    max-width: 690px;
}

.track-about__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.track-about__title {
    margin: 0 0 20px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.12;
    font-weight: 800;
    color: #111827;
}

.track-about__lead {
    margin: 0 0 18px;
    font-size: 19px;
    line-height: 1.7;
    color: #1f2937;
}

.track-about__text p {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.75;
    color: #4b5563;
}

.track-about__text p:last-child {
    margin-bottom: 0;
}

.track-about__features {
    display: grid;
    gap: 16px;
    margin-top: 30px;
}

.track-about__feature {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 18px 20px;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.track-about__icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18);
}

.track-about__feature-text strong {
    display: block;
    margin-bottom: 6px;
    font-size: 17px;
    line-height: 1.35;
    color: #111827;
}

.track-about__feature-text span {
    display: block;
    font-size: 15px;
    line-height: 1.6;
    color: #6b7280;
}

.track-about__media {
    position: relative;
}

.track-about__image {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.12);
}

.track-about__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.track-about__image--main {
    border-radius: 28px;
    height: 540px;
}

.track-about__image--small {
    position: absolute;
    left: -38px;
    bottom: -30px;
    width: 240px;
    height: 170px;
    border-radius: 22px;
    border: 5px solid #fff;
}

.track-about__badge {
    position: absolute;
    top: 26px;
    right: -10px;
    min-width: 175px;
    padding: 18px 18px 16px;
    border-radius: 20px;
    background: rgba(17, 24, 39, 0.92);
    color: #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.24);
    backdrop-filter: blur(8px);
}

.track-about__badge span {
    display: inline-block;
    margin-bottom: 8px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.18);
    color: #93c5fd;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.track-about__badge strong {
    display: block;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

@media (max-width: 1199px) {
    .track-about {
        padding: 64px 0;
    }

    .track-about__wrap {
        gap: 34px;
    }

    .track-about__image--main {
        height: 500px;
    }

    .track-about__image--small {
        left: -10px;
        bottom: -20px;
    }
}

@media (max-width: 991px) {
    .track-about__wrap {
        grid-template-columns: 1fr;
    }

    .track-about__content {
        max-width: 100%;
    }

    .track-about__media {
        margin-top: 10px;
    }

    .track-about__image--main {
        height: 460px;
    }

    .track-about__image--small {
        left: 20px;
        bottom: -20px;
    }

    .track-about__badge {
        right: 20px;
    }
}

@media (max-width: 767px) {
    .track-about {
        padding: 46px 0;
    }

    .track-about__lead {
        font-size: 17px;
        line-height: 1.65;
    }

    .track-about__feature {
        padding: 16px;
        border-radius: 18px;
    }

    .track-about__icon {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 13px;
    }

    .track-about__image--main {
        height: 320px;
        border-radius: 22px;
    }

    .track-about__image--small {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        height: 150px;
        margin-top: 14px;
        border: 0;
        border-radius: 18px;
    }

    .track-about__badge {
        position: static;
        margin-top: 14px;
        width: 100%;
    }
}


.track-benefits {
    padding: 82px 0;
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fa 100%);
}

.track-benefits__head {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.track-benefits__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.track-benefits__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.track-benefits__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
}

.track-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.track-benefits__card {
    position: relative;
    padding: 30px 24px 24px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.track-benefits__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.12);
}

.track-benefits__icon {
    width: 58px;
    height: 58px;
    margin-bottom: 20px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.18);
}

.track-benefits__card-title {
    margin: 0 0 12px;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 800;
    color: #111827;
}

.track-benefits__card-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.72;
    color: #5b6472;
}

@media (max-width: 1199px) {
    .track-benefits {
        padding: 68px 0;
    }

    .track-benefits__grid {
        gap: 18px;
    }

    .track-benefits__card {
        padding: 26px 20px 22px;
    }

    .track-benefits__card-title {
        font-size: 19px;
    }
}

@media (max-width: 991px) {
    .track-benefits__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .track-benefits {
        padding: 48px 0;
    }

    .track-benefits__head {
        margin-bottom: 28px;
        text-align: left;
    }

    .track-benefits__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .track-benefits__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .track-benefits__card {
        padding: 22px 18px 20px;
        border-radius: 20px;
    }

    .track-benefits__icon {
        width: 52px;
        height: 52px;
        margin-bottom: 16px;
        border-radius: 16px;
        font-size: 14px;
    }

    .track-benefits__card-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}


.track-types {
    padding: 82px 0;
    background: #ffffff;
}

.track-types__head {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.track-types__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.track-types__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 800;
    color: #111827;
}

.track-types__text {
    font-size: 17px;
    color: #4b5563;
    line-height: 1.7;
}

.track-types__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.track-types__card {
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    transition: 0.3s;
}

.track-types__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 55px rgba(15, 23, 42, 0.12);
}

.track-types__image {
    height: 220px;
    overflow: hidden;
}

.track-types__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.track-types__card:hover img {
    transform: scale(1.05);
}

.track-types__content {
    padding: 20px 18px 22px;
}

.track-types__content h3 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
}

.track-types__content p {
    margin: 0;
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
}

@media (max-width: 991px) {
    .track-types__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .track-types {
        padding: 48px 0;
    }

    .track-types__head {
        text-align: left;
    }

    .track-types__grid {
        grid-template-columns: 1fr;
    }
}


.track-gallery {
    padding: 82px 0;
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fa 100%);
}

.track-gallery__head {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.track-gallery__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.track-gallery__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.track-gallery__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
}

.track-gallery__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 18px;
}

.track-gallery__item {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    grid-column: span 4;
    min-height: 260px;
}

.track-gallery__item--lg {
    grid-column: span 8;
    grid-row: span 2;
    min-height: 540px;
}

.track-gallery__item--wide {
    grid-column: span 8;
    min-height: 260px;
}

.track-gallery__item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 45%, rgba(15, 23, 42, 0.28) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.track-gallery__item:hover::after {
    opacity: 1;
}

.track-gallery__item img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.track-gallery__item:hover img {
    transform: scale(1.04);
}

@media (max-width: 1199px) {
    .track-gallery {
        padding: 68px 0;
    }

    .track-gallery__grid {
        gap: 16px;
    }

    .track-gallery__item {
        min-height: 220px;
    }

    .track-gallery__item--lg {
        min-height: 460px;
    }
}

@media (max-width: 991px) {
    .track-gallery__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .track-gallery__item,
    .track-gallery__item--lg,
    .track-gallery__item--wide {
        grid-column: auto;
        grid-row: auto;
        min-height: 240px;
    }
}

@media (max-width: 767px) {
    .track-gallery {
        padding: 48px 0;
    }

    .track-gallery__head {
        margin-bottom: 28px;
        text-align: left;
    }

    .track-gallery__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .track-gallery__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .track-gallery__item,
    .track-gallery__item--lg,
    .track-gallery__item--wide {
        min-height: 220px;
        border-radius: 18px;
    }
}

.track-usage {
    padding: 82px 0;
    background: #ffffff;
}

.track-usage__head {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.track-usage__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.track-usage__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.track-usage__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
}

.track-usage__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.track-usage__card {
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.track-usage__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 55px rgba(15, 23, 42, 0.12);
}

.track-usage__image {
    height: 210px;
    overflow: hidden;
}

.track-usage__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.track-usage__card:hover .track-usage__image img {
    transform: scale(1.05);
}

.track-usage__content {
    padding: 20px 18px 22px;
}

.track-usage__content h3 {
    margin: 0 0 10px;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 800;
    color: #111827;
}

.track-usage__content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: #6b7280;
}

.track-usage__card--cta {
    display: flex;
    align-items: stretch;
    background: linear-gradient(135deg, #1d4ed8 0%, #7c3aed 100%);
    color: #fff;
    border: 0;
    box-shadow: 0 22px 55px rgba(37, 99, 235, 0.20);
}

.track-usage__cta {
    padding: 26px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.track-usage__cta h3 {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;
}

.track-usage__cta p {
    margin: 0 0 18px;
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.88);
}

.track-usage__card--cta .track-btn--primary {
    background: #fff;
    color: #111827;
    box-shadow: none;
}

.track-usage__card--cta .track-btn--primary:hover {
    transform: translateY(-2px);
    background: #f8fafc;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
}

@media (max-width: 991px) {
    .track-usage__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .track-usage {
        padding: 48px 0;
    }

    .track-usage__head {
        text-align: left;
        margin-bottom: 28px;
    }

    .track-usage__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .track-usage__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .track-usage__card {
        border-radius: 20px;
    }

    .track-usage__image {
        height: 180px;
    }

    .track-usage__content {
        padding: 18px 16px 20px;
    }

    .track-usage__content h3 {
        font-size: 18px;
    }

    .track-usage__cta {
        padding: 22px 18px;
    }

    .track-usage__cta h3 {
        font-size: 20px;
    }
}


.track-compare {
    padding: 82px 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.track-compare__head {
    max-width: 820px;
    margin: 0 auto 40px;
    text-align: center;
}

.track-compare__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.track-compare__title {
    margin: 0 0 16px;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    color: #111827;
}

.track-compare__text {
    font-size: 17px;
    color: #4b5563;
    line-height: 1.7;
}

.track-compare__table {
    margin-top: 30px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}

.track-compare__row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.track-compare__row div {
    padding: 18px 20px;
    font-size: 15px;
    line-height: 1.6;
}

.track-compare__row--head {
    background: #111827;
    color: #fff;
    font-weight: 700;
}

.track-compare__row--head div {
    font-size: 16px;
}

.track-compare__label {
    background: #f9fafb;
    font-weight: 600;
    color: #111827;
}

.track-compare__good {
    background: #ecfdf5;
    color: #065f46;
}

.track-compare__bad {
    background: #fef2f2;
    color: #7f1d1d;
}

.track-compare__row:not(:last-child) {
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
}

.track-compare__cta {
    margin-top: 32px;
    text-align: center;
}

.track-compare__cta p {
    margin-bottom: 16px;
    font-size: 16px;
    color: #4b5563;
}

@media (max-width: 767px) {
    .track-compare {
        padding: 48px 0;
    }

    .track-compare__head {
        text-align: left;
    }

    .track-compare__table {
        border-radius: 18px;
    }

    .track-compare__row {
        grid-template-columns: 1fr;
    }

    .track-compare__row--head {
        display: none;
    }

    .track-compare__row div {
        padding: 14px 16px;
        font-size: 14px;
    }

    .track-compare__label {
        font-weight: 700;
        background: #eef2ff;
    }
}


.track-price-factors {
    padding: 82px 0;
    background: #ffffff;
}

.track-price-factors__head {
    max-width: 860px;
    margin: 0 auto 42px;
    text-align: center;
}

.track-price-factors__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.track-price-factors__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.track-price-factors__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
}

.track-price-factors__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.track-price-factors__card {
    padding: 28px 22px 24px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.track-price-factors__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.12);
}

.track-price-factors__icon {
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.18);
}

.track-price-factors__card-title {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 800;
    color: #111827;
}

.track-price-factors__card-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.72;
    color: #5b6472;
}

.track-price-factors__bottom {
    margin-top: 36px;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) auto;
    gap: 24px;
    align-items: center;
    padding: 26px 28px;
    border-radius: 26px;
    background: linear-gradient(135deg, #f8fbff 0%, #eef4fa 100%);
    border: 1px solid rgba(37, 99, 235, 0.08);
}

.track-price-factors__note {
    font-size: 16px;
    line-height: 1.7;
    color: #4b5563;
}

.track-price-factors__note strong {
    color: #111827;
}

.track-price-factors__actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 1199px) {
    .track-price-factors {
        padding: 68px 0;
    }
}

@media (max-width: 991px) {
    .track-price-factors__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .track-price-factors__bottom {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .track-price-factors__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .track-price-factors {
        padding: 48px 0;
    }

    .track-price-factors__head {
        margin-bottom: 28px;
        text-align: left;
    }

    .track-price-factors__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .track-price-factors__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .track-price-factors__card {
        padding: 22px 18px 20px;
        border-radius: 20px;
    }

    .track-price-factors__icon {
        width: 52px;
        height: 52px;
        margin-bottom: 16px;
        border-radius: 16px;
        font-size: 14px;
    }

    .track-price-factors__card-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .track-price-factors__bottom {
        margin-top: 24px;
        padding: 20px 18px;
        border-radius: 20px;
    }

    .track-price-factors__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .track-price-factors__actions .track-btn {
        width: 100%;
    }
}


.track-calc {
    padding: 82px 0;
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fa 100%);
}

.track-calc__wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
    gap: 30px;
    align-items: start;
}

.track-calc__content {
    padding-top: 12px;
}

.track-calc__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.track-calc__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
    max-width: 720px;
}

.track-calc__text {
    margin: 0 0 24px;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
    max-width: 700px;
}

.track-calc__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 14px;
    max-width: 640px;
}

.track-calc__list li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.6;
    color: #1f2937;
}

.track-calc__list li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    box-shadow: 0 0 0 6px rgba(37, 99, 235, 0.12);
}

.track-calc__card {
    border-radius: 28px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.track-form {
    padding: 26px 24px 22px;
}

.track-form__field {
    display: block;
    margin-bottom: 16px;
}

.track-form__label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

.track-form__input,
.track-form__textarea {
    width: 100%;
    border: 1px solid rgba(17, 24, 39, 0.10);
    background: #f8fafc;
    border-radius: 16px;
    padding: 14px 16px;
    font-size: 15px;
    color: #111827;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.track-form__input {
    min-height: 52px;
}

.track-form__textarea {
    min-height: 120px;
    resize: vertical;
}

.track-form__input:focus,
.track-form__textarea:focus {
    outline: none;
    border-color: rgba(37, 99, 235, 0.4);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.10);
}

.track-form__submit {
    width: 100%;
    min-height: 54px;
    border: 0;
    cursor: pointer;
}

.track-form__note {
    margin: 14px 0 0;
    font-size: 13px;
    line-height: 1.55;
    color: #6b7280;
}

.track-calc__media {
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.track-calc__media img {
    display: block;
    width: 100%;
    height: 240px;
    object-fit: cover;
}

@media (max-width: 1199px) {
    .track-calc {
        padding: 68px 0;
    }

    .track-calc__wrap {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    }
}

@media (max-width: 991px) {
    .track-calc__wrap {
        grid-template-columns: 1fr;
    }

    .track-calc__content {
        padding-top: 0;
    }

    .track-calc__aside {
        max-width: 560px;
    }
}

@media (max-width: 767px) {
    .track-calc {
        padding: 48px 0;
    }

    .track-calc__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .track-form {
        padding: 20px 18px 18px;
    }

    .track-calc__card {
        border-radius: 22px;
    }

    .track-form__input,
    .track-form__textarea {
        border-radius: 14px;
    }

    .track-calc__media img {
        height: 200px;
    }
}

.track-steps {
    padding: 82px 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.track-steps__head {
    max-width: 780px;
    margin: 0 auto 44px;
    text-align: center;
}

.track-steps__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.track-steps__title {
    margin: 0 0 16px;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.track-steps__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #4b5563;
}

.track-steps__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.track-steps__item {
    position: relative;
    padding: 24px 18px 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.track-steps__item:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.12);
}

.track-steps__num {
    width: 50px;
    height: 50px;
    margin-bottom: 14px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.track-steps__item h3 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    color: #111827;
}

.track-steps__item p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280;
}

.track-steps__cta {
    margin-top: 36px;
    text-align: center;
}

.track-steps__cta p {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.6;
    color: #4b5563;
}

@media (max-width: 1199px) {
    .track-steps__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .track-steps__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .track-steps {
        padding: 48px 0;
    }

    .track-steps__head {
        text-align: left;
        margin-bottom: 28px;
    }

    .track-steps__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .track-steps__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .track-steps__item {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .track-steps__num {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }
}

.track-faq {
    padding: 82px 0;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.track-faq__head {
    max-width: 820px;
    margin: 0 auto 40px;
    text-align: center;
}

.track-faq__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.track-faq__title {
    margin: 0 0 16px;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    color: #111827;
}

.track-faq__text {
    font-size: 17px;
    color: #4b5563;
    line-height: 1.7;
}

.track-faq__list {
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    gap: 14px;
}

.track-faq__item {
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.track-faq__question {
    position: relative;
    display: block;
    padding: 20px 56px 20px 22px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    color: #111827;
    list-style: none;
}

.track-faq__question::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.track-faq__item[open] .track-faq__question::after {
    content: "–";
}

.track-faq__answer {
    padding: 0 22px 20px;
}

.track-faq__answer p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #5b6472;
}

.track-faq__cta {
    margin-top: 32px;
    text-align: center;
}

.track-faq__cta p {
    margin-bottom: 16px;
    font-size: 16px;
    color: #4b5563;
}

@media (max-width: 767px) {
    .track-faq {
        padding: 48px 0;
    }

    .track-faq__head {
        text-align: left;
    }

    .track-faq__question {
        font-size: 15px;
    }
}



.partner-hero {
    padding: 72px 0;
    background: linear-gradient(135deg, #fff 0%, #fff5fa 100%);
}

.partner-hero__wrap {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items: center;
}

.partner-hero__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.partner-hero__title {
    margin: 0 0 16px;
    font-size: clamp(34px, 5vw, 56px);
    font-weight: 800;
    line-height: 1.1;
    color: #111827;
}

.partner-hero__text {
    margin-bottom: 22px;
    font-size: 17px;
    color: #4b5563;
    line-height: 1.7;
}

.partner-hero__list {
    margin-bottom: 26px;
    padding: 0;
    list-style: none;
}

.partner-hero__list li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px;
    font-size: 15px;
}

.partner-hero__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 10px;
    height: 10px;
    background: #ff2e80;
    border-radius: 50%;
}

.partner-hero__actions {
    display: flex;
    gap: 14px;
    margin-bottom: 26px;
}

.partner-hero__stats {
    display: flex;
    gap: 16px;
}

.partner-hero__stat {
    background: #fff;
    padding: 12px 16px;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.06);
}

.partner-hero__stat strong {
    display: block;
    font-size: 18px;
    color: #111827;
}

.partner-hero__stat span {
    font-size: 13px;
    color: #6b7280;
}

/* Картинка */

.partner-hero__media {
    position: relative;
}

.partner-hero__image {
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 30px 70px rgba(0,0,0,0.18);
}

.partner-hero__image img {
    width: 100%;
    height: 520px;
    object-fit: cover;
}

/* Бейдж */

.partner-hero__badge {
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    backdrop-filter: blur(6px);
}

.partner-hero__badge strong {
    display: block;
    font-size: 15px;
}

.partner-hero__badge span {
    font-size: 13px;
    opacity: 0.8;
}

/* Mobile */

@media (max-width: 991px) {
    .partner-hero__wrap {
        grid-template-columns: 1fr;
    }

    .partner-hero__image img {
        height: 420px;
    }
}

@media (max-width: 767px) {
    .partner-hero {
        padding: 48px 0;
    }

    .partner-hero__actions {
        flex-direction: column;
    }

    .partner-hero__stats {
        flex-direction: column;
    }
}

.partner-benefits {
    padding: 82px 0;
    background: #ffffff;
}

.partner-benefits__head {
    max-width: 860px;
    margin: 0 auto 42px;
    text-align: center;
}

.partner-benefits__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.partner-benefits__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.partner-benefits__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
}

.partner-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.partner-benefits__card {
    position: relative;
    padding: 30px 24px 24px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.partner-benefits__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.12);
}

.partner-benefits__icon {
    width: 58px;
    height: 58px;
    margin-bottom: 20px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 14px 28px rgba(255, 46, 128, 0.22);
}

.partner-benefits__card-title {
    margin: 0 0 12px;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 800;
    color: #111827;
}

.partner-benefits__card-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.72;
    color: #5b6472;
}

@media (max-width: 1199px) {
    .partner-benefits {
        padding: 68px 0;
    }

    .partner-benefits__grid {
        gap: 18px;
    }

    .partner-benefits__card {
        padding: 26px 20px 22px;
    }

    .partner-benefits__card-title {
        font-size: 19px;
    }
}

@media (max-width: 991px) {
    .partner-benefits__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .partner-benefits {
        padding: 48px 0;
    }

    .partner-benefits__head {
        margin-bottom: 28px;
        text-align: left;
    }

    .partner-benefits__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .partner-benefits__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .partner-benefits__card {
        padding: 22px 18px 20px;
        border-radius: 20px;
    }

    .partner-benefits__icon {
        width: 52px;
        height: 52px;
        margin-bottom: 16px;
        border-radius: 16px;
        font-size: 14px;
    }

    .partner-benefits__card-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.partner-audience {
    padding: 82px 0;
    background: linear-gradient(180deg, #fff 0%, #fff5fa 100%);
}

.partner-audience__head {
    max-width: 860px;
    margin: 0 auto 42px;
    text-align: center;
}

.partner-audience__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.partner-audience__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.partner-audience__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
}

.partner-audience__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.partner-audience__card {
    position: relative;
    padding: 30px 24px 24px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.partner-audience__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.12);
}

.partner-audience__icon {
    width: 58px;
    height: 58px;
    margin-bottom: 20px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 14px 28px rgba(255, 46, 128, 0.22);
}

.partner-audience__card-title {
    margin: 0 0 12px;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 800;
    color: #111827;
}

.partner-audience__card-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.72;
    color: #5b6472;
}

.partner-audience__card--accent {
    padding: 0;
    overflow: hidden;
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    border: 0;
    box-shadow: 0 22px 55px rgba(255, 46, 128, 0.22);
}

.partner-audience__accent {
    height: 100%;
    padding: 30px 24px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.partner-audience__accent h3 {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 800;
}

.partner-audience__accent p {
    margin: 0 0 18px;
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.92);
}

.partner-audience__card--accent .btn--brand {
    align-self: flex-start;
    background: #fff;
    color: #111827;
}

.partner-audience__card--accent .btn--brand:hover {
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.14);
}

@media (max-width: 1199px) {
    .partner-audience {
        padding: 68px 0;
    }

    .partner-audience__grid {
        gap: 18px;
    }

    .partner-audience__card {
        padding: 26px 20px 22px;
    }

    .partner-audience__card-title {
        font-size: 19px;
    }

    .partner-audience__accent h3 {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    .partner-audience__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .partner-audience {
        padding: 48px 0;
    }

    .partner-audience__head {
        margin-bottom: 28px;
        text-align: left;
    }

    .partner-audience__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .partner-audience__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .partner-audience__card {
        padding: 22px 18px 20px;
        border-radius: 20px;
    }

    .partner-audience__icon {
        width: 52px;
        height: 52px;
        margin-bottom: 16px;
        border-radius: 16px;
        font-size: 14px;
    }

    .partner-audience__card-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .partner-audience__card--accent {
        border-radius: 20px;
    }

    .partner-audience__accent {
        padding: 22px 18px;
    }

    .partner-audience__accent h3 {
        font-size: 20px;
    }
}


.partner-solutions {
    padding: 82px 0;
    background: #ffffff;
}

.partner-solutions__head {
    max-width: 860px;
    margin: 0 auto 42px;
    text-align: center;
}

.partner-solutions__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.partner-solutions__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 800;
    color: #111827;
}

.partner-solutions__text {
    font-size: 17px;
    color: #4b5563;
    line-height: 1.7;
}

.partner-solutions__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.partner-solutions__card {
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    transition: 0.3s;
}

.partner-solutions__card:hover {
    transform: translateY(-6px);
}

.partner-solutions__image {
    height: 220px;
    overflow: hidden;
}

.partner-solutions__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.partner-solutions__card:hover img {
    transform: scale(1.05);
}

.partner-solutions__content {
    padding: 20px;
}

.partner-solutions__content h3 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
}

.partner-solutions__content p {
    font-size: 14px;
    color: #6b7280;
}

.partner-solutions__card--accent {
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    color: #fff;
    border: 0;
}

.partner-solutions__accent {
    padding: 26px;
}

.partner-solutions__accent h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.partner-solutions__accent p {
    margin-bottom: 16px;
}

.partner-solutions__card--accent .btn--brand {
    background: #fff;
    color: #111;
}

@media (max-width: 991px) {
    .partner-solutions__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .partner-solutions__grid {
        grid-template-columns: 1fr;
    }
}


.partner-cases {
    padding: 82px 0;
    background: linear-gradient(180deg, #fff 0%, #fff5fa 100%);
}

.partner-cases__head {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.partner-cases__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
    font-size: 13px;
    font-weight: 700;
}

.partner-cases__title {
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 800;
    margin-bottom: 16px;
}

.partner-cases__text {
    font-size: 17px;
    color: #4b5563;
}

.partner-cases__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.partner-cases__card {
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 16px 40px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.partner-cases__card:hover {
    transform: translateY(-6px);
}

.partner-cases__image {
    height: 220px;
}

.partner-cases__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.partner-cases__content {
    padding: 18px;
}

.partner-cases__content h3 {
    margin-bottom: 8px;
    font-size: 18px;
}

.partner-cases__content p {
    font-size: 14px;
    color: #6b7280;
}

.partner-cases__card--cta {
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    color: #fff;
}

.partner-cases__cta {
    padding: 24px;
}

.partner-cases__cta h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.partner-cases__cta p {
    margin-bottom: 16px;
}

.partner-cases__card--cta .btn--brand {
    background: #fff;
    color: #111;
}

@media (max-width: 991px) {
    .partner-cases__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .partner-cases__grid {
        grid-template-columns: 1fr;
    }
}


.partner-process {
    padding: 82px 0;
    background: #ffffff;
}

.partner-process__head {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.partner-process__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.partner-process__title {
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 800;
    margin-bottom: 16px;
    color: #111827;
}

.partner-process__text {
    font-size: 17px;
    color: #4b5563;
    line-height: 1.7;
}

.partner-process__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.partner-process__item {
    padding: 26px 22px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    transition: 0.3s;
}

.partner-process__item:hover {
    transform: translateY(-6px);
}

.partner-process__num {
    width: 52px;
    height: 52px;
    margin-bottom: 16px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    color: #fff;
    font-weight: 800;
}

.partner-process__item h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.partner-process__item p {
    font-size: 14px;
    color: #6b7280;
}

.partner-process__item--accent {
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    color: #fff;
    border: 0;
}

.partner-process__accent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.partner-process__accent h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.partner-process__accent p {
    margin-bottom: 16px;
}

.partner-process__item--accent .btn--brand {
    background: #fff;
    color: #111;
}

@media (max-width: 991px) {
    .partner-process__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .partner-process__grid {
        grid-template-columns: 1fr;
    }
}

.partner-form-block {
    padding: 82px 0;
    background: linear-gradient(180deg, #fff5fa 0%, #ffffff 100%);
}

.partner-form-block__wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
    gap: 30px;
    align-items: start;
}

.partner-form-block__content {
    padding-top: 12px;
}

.partner-form-block__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.partner-form-block__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
    max-width: 720px;
}

.partner-form-block__text {
    margin: 0 0 24px;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
    max-width: 700px;
}

.partner-form-block__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 14px;
    max-width: 640px;
}

.partner-form-block__list li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.6;
    color: #1f2937;
}

.partner-form-block__list li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    box-shadow: 0 0 0 6px rgba(255, 46, 128, 0.12);
}

.partner-form-block__card {
    border-radius: 28px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.partner-form {
    padding: 26px 24px 22px;
}

.partner-form__field {
    display: block;
    margin-bottom: 16px;
}

.partner-form__label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

.partner-form__input,
.partner-form__textarea {
    width: 100%;
    border: 1px solid rgba(17, 24, 39, 0.10);
    background: #f8fafc;
    border-radius: 16px;
    padding: 14px 16px;
    font-size: 15px;
    color: #111827;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.partner-form__input {
    min-height: 52px;
}

.partner-form__textarea {
    min-height: 120px;
    resize: vertical;
}

.partner-form__input:focus,
.partner-form__textarea:focus {
    outline: none;
    border-color: rgba(255, 46, 128, 0.35);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255, 46, 128, 0.10);
}

.partner-form__submit {
    width: 100%;
    min-height: 54px;
    cursor: pointer;
}

.partner-form__note {
    margin: 14px 0 0;
    font-size: 13px;
    line-height: 1.55;
    color: #6b7280;
}

.partner-form-block__media {
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.partner-form-block__media img {
    display: block;
    width: 100%;
    height: 240px;
    object-fit: cover;
}

@media (max-width: 1199px) {
    .partner-form-block {
        padding: 68px 0;
    }

    .partner-form-block__wrap {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    }
}

@media (max-width: 991px) {
    .partner-form-block__wrap {
        grid-template-columns: 1fr;
    }

    .partner-form-block__content {
        padding-top: 0;
    }

    .partner-form-block__aside {
        max-width: 560px;
    }
}

@media (max-width: 767px) {
    .partner-form-block {
        padding: 48px 0;
    }

    .partner-form-block__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .partner-form {
        padding: 20px 18px 18px;
    }

    .partner-form-block__card {
        border-radius: 22px;
    }

    .partner-form__input,
    .partner-form__textarea {
        border-radius: 14px;
    }

    .partner-form-block__media img {
        height: 200px;
    }
}

.partner-faq {
    padding: 82px 0;
    background: linear-gradient(180deg, #ffffff 0%, #fff5fa 100%);
}

.partner-faq__head {
    max-width: 820px;
    margin: 0 auto 40px;
    text-align: center;
}

.partner-faq__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.partner-faq__title {
    margin-bottom: 16px;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    color: #111827;
}

.partner-faq__text {
    font-size: 17px;
    color: #4b5563;
    line-height: 1.7;
}

.partner-faq__list {
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    gap: 14px;
}

.partner-faq__item {
    border-radius: 22px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.partner-faq__question {
    position: relative;
    display: block;
    padding: 20px 56px 20px 22px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    color: #111827;
}

.partner-faq__question::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.partner-faq__item[open] .partner-faq__question::after {
    content: "–";
}

.partner-faq__answer {
    padding: 0 22px 20px;
}

.partner-faq__answer p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #5b6472;
}

.partner-faq__cta {
    margin-top: 32px;
    text-align: center;
}

.partner-faq__cta p {
    margin-bottom: 16px;
    font-size: 16px;
    color: #4b5563;
}

@media (max-width: 767px) {
    .partner-faq {
        padding: 48px 0;
    }

    .partner-faq__head {
        text-align: left;
    }

    .partner-faq__question {
        font-size: 15px;
    }
}



/* =========================
   TRACK PAGE — PINK THEME
   ========================= */

.track-hero--premium {
    background:
            radial-gradient(circle at top left, rgba(255, 46, 128, 0.08) 0%, rgba(255, 46, 128, 0) 32%),
            linear-gradient(135deg, #fff 0%, #fff5fa 100%);
}

.track-hero--premium::before {
    background: radial-gradient(circle, rgba(255, 46, 128, 0.10) 0%, rgba(255, 46, 128, 0) 70%);
}

.track-hero__eyebrow,
.track-about__eyebrow,
.track-benefits__eyebrow,
.track-types__eyebrow,
.track-gallery__eyebrow,
.track-usage__eyebrow,
.track-compare__eyebrow,
.track-price-factors__eyebrow,
.track-calc__eyebrow,
.track-steps__eyebrow,
.track-faq__eyebrow {
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
}

.track-hero__list li::before,
.track-calc__list li::before {
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    box-shadow: 0 0 0 6px rgba(255, 46, 128, 0.12);
}

.track-about__icon,
.track-benefits__icon,
.track-price-factors__icon,
.track-steps__num {
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    box-shadow: 0 14px 28px rgba(255, 46, 128, 0.22);
}

.track-about__badge span,
.track-hero__badge--top span {
    background: rgba(255, 46, 128, 0.16);
    color: #ffd1e5;
}

.track-benefits,
.track-gallery,
.track-price-factors__bottom,
.track-calc,
.track-faq,
.track-compare,
.track-steps {
    background: linear-gradient(180deg, #fff 0%, #fff5fa 100%);
}

.track-about,
.track-types,
.track-usage,
.track-price-factors {
    background: #ffffff;
}

.track-usage__card--cta {
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    box-shadow: 0 22px 55px rgba(255, 46, 128, 0.20);
}

.track-usage__card--cta .btn--brand {
    background: #fff;
    color: #111827;
    box-shadow: none;
}

.track-usage__card--cta .btn--brand:hover {
    background: #fff8fb;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
}

.track-compare__good {
    background: #fff0f6;
    color: #ad1457;
}

.track-compare__label {
    background: #fff8fb;
}

.track-price-factors__bottom {
    border: 1px solid rgba(255, 46, 128, 0.10);
}

.track-form__input:focus,
.track-form__textarea:focus {
    border-color: rgba(255, 46, 128, 0.35);
    box-shadow: 0 0 0 4px rgba(255, 46, 128, 0.10);
}

.track-faq__question::after {
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
}

.track-faq__item[open] .track-faq__question::after {
    background: rgba(255, 46, 128, 0.14);
}


/* =========================
   FLOATING CEILING — PINK THEME
   ========================= */

.floating-hero {
    background:
            radial-gradient(circle at top left, rgba(255, 46, 128, 0.08) 0%, rgba(255, 46, 128, 0) 32%),
            linear-gradient(135deg, #fff 0%, #fff5fa 100%);
}

.floating-hero__eyebrow,
.floating-about__eyebrow,
.floating-benefits__eyebrow,
.floating-variants__eyebrow,
.floating-gallery__eyebrow,
.floating-usage__eyebrow,
.floating-compare__eyebrow,
.floating-price-factors__eyebrow,
.floating-calc__eyebrow,
.floating-steps__eyebrow,
.floating-faq__eyebrow {
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
}

.floating-hero__list li::before,
.floating-calc__list li::before {
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    box-shadow: 0 0 0 6px rgba(255, 46, 128, 0.12);
}

.floating-about__icon,
.floating-benefits__icon,
.floating-price-factors__icon,
.floating-steps__num {
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    box-shadow: 0 14px 28px rgba(255, 46, 128, 0.22);
}

.floating-about__badge span {
    background: rgba(255, 46, 128, 0.16);
    color: #ffd1e5;
}

/* Фони секцій */

.floating-benefits,
.floating-gallery,
.floating-price-factors__bottom,
.floating-calc,
.floating-faq,
.floating-compare,
.floating-steps {
    background: linear-gradient(180deg, #fff 0%, #fff5fa 100%);
}

.floating-about,
.floating-variants,
.floating-usage,
.floating-price-factors {
    background: #ffffff;
}

/* CTA блок */

.floating-usage__item--highlight {
    background: linear-gradient(135deg, #ff2e80 0%, #ff6aa8 100%);
    color: #fff;
    border: 0;
    box-shadow: 0 22px 55px rgba(255, 46, 128, 0.20);
}

.floating-usage__item--highlight .btn--brand {
    background: #fff;
    color: #111827;
}

.floating-usage__item--highlight .btn--brand:hover {
    background: #fff8fb;
}

/* Таблиця */

.floating-compare__cell--accent {
    background: #fff0f6;
    color: #ad1457;
}

/* Нижній блок ціни */

.floating-price-factors__bottom {
    border: 1px solid rgba(255, 46, 128, 0.10);
}

/* Форма */

.floating-form__input:focus,
.floating-form__textarea:focus {
    border-color: rgba(255, 46, 128, 0.35);
    box-shadow: 0 0 0 4px rgba(255, 46, 128, 0.10);
}

/* FAQ */

.floating-faq__question::after {
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
}

.floating-faq__item[open] .floating-faq__question::after {
    background: rgba(255, 46, 128, 0.14);
}


.home-solutions {
    padding: 82px 0;
    background: linear-gradient(180deg, #fff 0%, #fff5fa 100%);
}

.home-solutions__head {
    max-width: 860px;
    margin: 0 auto 42px;
    text-align: center;
}

.home-solutions__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 46, 128, 0.08);
    color: #ff2e80;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.home-solutions__title {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    color: #111827;
}

.home-solutions__text {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: #4b5563;
}

.home-solutions__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.home-solutions__card {
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

.home-solutions__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.12);
}

.home-solutions__image {
    display: block;
    height: 260px;
    overflow: hidden;
}

.home-solutions__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}

.home-solutions__card:hover .home-solutions__image img {
    transform: scale(1.05);
}

.home-solutions__content {
    padding: 22px 22px 24px;
}

.home-solutions__content h3 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 800;
}

.home-solutions__content h3 a {
    color: #111827;
    text-decoration: none;
}

.home-solutions__content p {
    margin: 0 0 18px;
    font-size: 15px;
    line-height: 1.7;
    color: #5b6472;
}

.home-solutions__card .btn {
    min-width: 180px;
}

@media (max-width: 767px) {
    .home-solutions {
        padding: 48px 0;
    }

    .home-solutions__head {
        text-align: left;
        margin-bottom: 28px;
    }

    .home-solutions__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .home-solutions__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .home-solutions__image {
        height: 220px;
    }

    .home-solutions__content {
        padding: 18px 18px 20px;
    }

    .home-solutions__content h3 {
        font-size: 20px;
    }

    .home-solutions__card .btn {
        width: 100%;
    }
}



/* Зміни головна*/

/* =========================================================
   VASHA.COM.UA — HERO
   ========================================================= */

.vasha-hero {
    --vh-brand: #e63989;
    --vh-brand-dark: #b91f67;
    --vh-text: #15151a;
    --vh-muted: #6f7078;
    --vh-line: #e8e8ec;
    --vh-green: #138a5b;

    background: #fff;
    color: var(--vh-text);
    padding: 52px 0 56px;
    overflow: hidden;
}

.vasha-hero *,
.vasha-hero *::before,
.vasha-hero *::after {
    box-sizing: border-box;
}

.vasha-hero__container {
    width: calc(100% - 32px);
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.02fr .98fr;
    gap: 32px;
    align-items: stretch;
}


/* =========================================================
   CONTENT
   ========================================================= */

.vasha-hero__content {
    padding: 30px 0;
}


/* eyebrow */

.vasha-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 7px 11px;

    border-radius: 999px;

    background: rgba(230, 57, 137, .09);

    color: var(--vh-brand-dark);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: .02em;
}

.vasha-hero__eyebrow::before {
    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;
    background: var(--vh-brand);
}


/* H1 */

.vasha-hero__title {
    max-width: 760px;

    margin: 18px 0 20px;

    color: var(--vh-text);

    font-size: clamp(42px, 6vw, 72px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -.055em;
}


/* subtitle */

.vasha-hero__subtitle {
    max-width: 700px;

    margin: 0 0 26px;

    color: var(--vh-muted);

    font-size: 20px;
    line-height: 1.5;
}


/* =========================================================
   DESKTOP BUTTONS
   ========================================================= */

.vasha-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    margin-bottom: 28px;
}

.vasha-hero__button {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 20px;

    border: 1px solid transparent;
    border-radius: 14px;

    font-size: 15px;
    line-height: 1.2;
    font-weight: 800;

    text-decoration: none !important;

    transition:
            background-color .2s ease,
            border-color .2s ease,
            transform .2s ease,
            box-shadow .2s ease;
}

.vasha-hero__button--primary {
    background: var(--vh-brand);
    color: #fff !important;

    box-shadow:
            0 10px 30px rgba(230, 57, 137, .25);
}

.vasha-hero__button--primary:hover {
    background: var(--vh-brand-dark);
    color: #fff !important;

    transform: translateY(-1px);
}

.vasha-hero__button--secondary {
    background: #fff;

    border-color: var(--vh-line);

    color: var(--vh-text) !important;
}

.vasha-hero__button--secondary:hover {
    border-color: #cfcfd6;

    color: var(--vh-text) !important;

    transform: translateY(-1px);
}


/* =========================================================
   BENEFITS
   ========================================================= */

.vasha-hero__benefits {
    max-width: 650px;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px 18px;
}

.vasha-hero__benefit {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    color: var(--vh-text);

    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.vasha-hero__check {
    width: 22px;
    height: 22px;

    flex: 0 0 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #e8f7f1;

    color: var(--vh-green);

    font-size: 13px;
    font-weight: 900;
}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.vasha-hero__media {
    position: relative;

    min-height: 610px;

    overflow: hidden;

    border-radius: 30px;

    background: #1e1e24;

    box-shadow:
            0 18px 60px rgba(22, 22, 30, .10);
}

.vasha-hero__media::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
            linear-gradient(
                    to top,
                    rgba(0, 0, 0, .52),
                    rgba(0, 0, 0, 0) 52%
            );
}

.vasha-hero__image {
    display: block;

    width: 100%;
    height: 100%;

    position: absolute;
    inset: 0;

    object-fit: cover;
}


/* photo description */

.vasha-hero__photo-info {
    position: absolute;

    z-index: 2;

    left: 22px;
    right: 22px;
    bottom: 20px;

    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;

    color: #fff;
}

.vasha-hero__photo-text strong {
    display: block;

    margin-bottom: 4px;

    color: #fff;

    font-size: 21px;
    line-height: 1.1;
    font-weight: 800;
}

.vasha-hero__photo-text span {
    display: block;

    color: rgba(255, 255, 255, .82);

    font-size: 13px;
    line-height: 1.4;
}

.vasha-hero__photo-label {
    flex: 0 0 auto;

    padding: 9px 12px;

    border-radius: 999px;

    background: rgba(255, 255, 255, .16);

    color: #fff;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    font-size: 12px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================================
   QUICK FORM
   desktop — hidden
   ========================================================= */

.vasha-hero-form {
    display: none;
}


/* link to price on mobile */

.vasha-hero__mobile-price {
    display: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .vasha-hero__container {
        grid-template-columns: 1fr;
    }

    .vasha-hero__media {
        min-height: 520px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .vasha-hero {
        padding: 22px 0 28px;
    }

    .vasha-hero__container {
        width: calc(100% - 22px);

        gap: 10px;
    }

    .vasha-hero__content {
        padding: 8px 0 0;
    }


    /* eyebrow */

    .vasha-hero__eyebrow {
        padding: 6px 10px;

        font-size: 12px;
    }


    /* title */

    .vasha-hero__title {
        margin: 12px 0 10px;

        font-size: clamp(34px, 9.5vw, 43px);
        line-height: 1.04;
        letter-spacing: -.045em;
    }


    /* subtitle */

    .vasha-hero__subtitle {
        margin: 0 0 14px;

        font-size: 16px;
        line-height: 1.45;
    }


    /* desktop buttons disappear */

    .vasha-hero__actions {
        display: none;
    }


    /* =====================================================
       MOBILE FORM
       ===================================================== */

    .vasha-hero-form {
        display: block;

        margin: 17px 0 13px;
        padding: 18px;

        border: 1px solid #f4c5da;
        border-radius: 20px;

        background: #fff;

        box-shadow:
                0 14px 35px rgba(230, 57, 137, .12);
    }

    .vasha-hero-form__title {
        margin: 0 0 6px;

        color: var(--vh-text);

        font-size: 24px;
        line-height: 1.15;
        font-weight: 800;
        letter-spacing: -.025em;
    }

    .vasha-hero-form__text {
        margin-bottom: 14px;

        color: var(--vh-muted);

        font-size: 14px;
        line-height: 1.4;
    }


    /* choices */

    .vasha-hero-form__choices {
        display: flex;
        flex-wrap: wrap;

        gap: 7px;

        margin-bottom: 15px;
    }

    .vasha-hero-choice {
        position: relative;

        margin: 0;

        cursor: pointer;
    }

    .vasha-hero-choice input {
        position: absolute;

        width: 1px;
        height: 1px;

        opacity: 0;

        pointer-events: none;
    }

    .vasha-hero-choice span {
        display: block;

        padding: 8px 11px;

        border: 1px solid var(--vh-line);
        border-radius: 999px;

        background: #fff;

        color: var(--vh-text);

        font-size: 13px;
        line-height: 1.2;
        font-weight: 700;

        transition:
                background-color .15s ease,
                border-color .15s ease,
                color .15s ease;
    }

    .vasha-hero-choice input:checked + span {
        border-color: var(--vh-brand);

        background: #fff0f7;

        color: var(--vh-brand-dark);
    }

    .vasha-hero-choice input:focus-visible + span {
        outline: 2px solid var(--vh-brand);
        outline-offset: 2px;
    }


    /* /* =========================================================
   HERO — PHONE
   ========================================================= */

    .vasha-hero-form__phone {
        margin-top: 2px;
    }

    .vasha-hero-form__phone label {
        display: block;

        margin: 0 0 7px;

        color: var(--vh-text);

        font-size: 13px;
        line-height: 1.3;
        font-weight: 800;
    }


    /*
     * Важливо:
     * !important тут навмисно, тому що на старому сайті
     * Bootstrap / form-control має власні стилі.
     */

    .vasha-hero-form__phone .phone-form.form-control {
        display: block !important;

        width: 100% !important;
        height: 54px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        border: 1px solid #dcdce2 !important;
        border-radius: 12px !important;

        background: #fff !important;

        color: var(--vh-text) !important;

        font-family: inherit !important;
        font-size: 17px !important;
        line-height: 54px !important;

        box-shadow: none !important;
        outline: none !important;

        -webkit-appearance: none;
        appearance: none;
    }

    .vasha-hero-form__phone .phone-form.form-control::placeholder {
        color: #9b9ba3 !important;
        opacity: 1;
    }

    .vasha-hero-form__phone .phone-form.form-control:focus {
        border-color: var(--vh-brand) !important;

        box-shadow:
                0 0 0 3px rgba(230, 57, 137, .09) !important;

        outline: none !important;
    }


    /* submit */

    .vasha-hero-form__submit {
        width: 100%;
        min-height: 54px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin: 9px 0 0;
        padding: 10px 15px;

        border: 0;
        border-radius: 14px;

        background: var(--vh-brand);

        color: #fff;

        box-shadow:
                0 10px 25px rgba(230, 57, 137, .22);

        cursor: pointer;

        font-family: inherit;
        font-size: 15px;
        line-height: 1.25;
        font-weight: 800;

        -webkit-appearance: none;
        appearance: none;

        transition:
                background-color .2s ease,
                transform .2s ease;
    }

    .vasha-hero-form__submit:hover,
    .vasha-hero-form__submit:focus {
        background: var(--vh-brand-dark);
    }

    .vasha-hero-form__submit:active {
        transform: scale(.99);
    }


    /* privacy text */

    .vasha-hero-form__note {
        margin-top: 10px;

        color: var(--vh-muted);

        font-size: 12px;
        line-height: 1.35;
    }


    /* calculator */

    .vasha-hero__mobile-price {
        display: inline-flex;
        align-items: center;

        gap: 5px;

        margin: 0 0 7px;

        color: var(--vh-brand-dark) !important;

        font-size: 14px;
        line-height: 1.3;
        font-weight: 800;

        text-decoration: none !important;
    }

    .vasha-hero__mobile-price span {
        transition: transform .2s ease;
    }

    .vasha-hero__mobile-price:hover span {
        transform: translateX(3px);
    }


    /* =====================================================
       BENEFITS
       Show only two most important points above the photo.
       ===================================================== */

    .vasha-hero__benefits {
        grid-template-columns: 1fr;

        gap: 9px;

        margin-top: 9px;
        margin-bottom: 4px;
    }

    .vasha-hero__benefit {
        font-size: 13px;
    }

    .vasha-hero__benefit:nth-child(n + 3) {
        display: none;
    }


    /* =====================================================
       IMAGE
       ===================================================== */

    .vasha-hero__media {
        min-height: 280px;

        border-radius: 22px;
    }

    .vasha-hero__photo-info {
        left: 16px;
        right: 16px;
        bottom: 15px;
    }

    .vasha-hero__photo-text strong {
        font-size: 16px;
    }

    .vasha-hero__photo-text span {
        font-size: 12px;
    }

    .vasha-hero__photo-label {
        display: none;
    }

}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    .vasha-hero-form {
        padding: 15px;
    }

    .vasha-hero-form__title {
        font-size: 22px;
    }

    .vasha-hero-choice span {
        padding: 7px 9px;

        font-size: 12px;
    }

    .vasha-hero-form__submit {
        font-size: 14px;
    }

}


/* =========================================================
   VASHA.COM.UA — TRUST
   ========================================================= */

.vasha-trust {
    width: 100%;

    background: #fff;

    border-top: 1px solid #e8e8ec;
    border-bottom: 1px solid #e8e8ec;

    color: #15151a;
}

.vasha-trust *,
.vasha-trust *::before,
.vasha-trust *::after {
    box-sizing: border-box;
}


/* container */

.vasha-trust__container {
    width: calc(100% - 32px);
    max-width: 1180px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}


/* item */

.vasha-trust__item {
    min-width: 0;

    padding: 25px 22px;

    border-right: 1px solid #e8e8ec;
}

.vasha-trust__item:last-child {
    border-right: 0;
}


/* main value */

.vasha-trust__value {
    display: block;

    margin: 0 0 3px;

    color: #15151a;

    font-family: inherit;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -.02em;
}


/* description */

.vasha-trust__label {
    display: block;

    color: #6f7078;

    font-family: inherit;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .vasha-trust__container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vasha-trust__item:nth-child(2n) {
        border-right: 0;
    }

    .vasha-trust__item:nth-child(-n + 2) {
        border-bottom: 1px solid #e8e8ec;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .vasha-trust__container {
        width: calc(100% - 22px);

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vasha-trust__item {
        min-height: 82px;

        display: flex;
        flex-direction: column;
        justify-content: center;

        padding: 17px 12px;
    }

    .vasha-trust__value {
        margin-bottom: 3px;

        font-size: 17px;
        line-height: 1.15;
    }

    .vasha-trust__label {
        font-size: 12px;
        line-height: 1.3;
    }

}


/* =========================================================
   VASHA.COM.UA — SOLUTIONS
   ========================================================= */

.vasha-solutions {
    --vs-text: #15151a;
    --vs-muted: #6f7078;
    --vs-line: #e8e8ec;
    --vs-brand: #e63989;
    --vs-brand-dark: #b91f67;

    padding: 88px 0;

    background: #f7f7f9;

    color: var(--vs-text);
}

.vasha-solutions *,
.vasha-solutions *::before,
.vasha-solutions *::after {
    box-sizing: border-box;
}


/* container */

.vasha-solutions__container {
    width: calc(100% - 32px);
    max-width: 1180px;

    margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.vasha-solutions__head {
    max-width: 780px;

    margin-bottom: 38px;
}


.vasha-solutions__eyebrow {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 7px 11px;

    border-radius: 999px;

    background: rgba(230, 57, 137, .09);

    color: var(--vs-brand-dark);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: .02em;
}


.vasha-solutions__eyebrow::before {
    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: var(--vs-brand);
}


.vasha-solutions__title {
    margin: 12px 0 14px;

    color: var(--vs-text);

    font-family: inherit;
    font-size: clamp(30px, 4.4vw, 50px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.035em;
}


.vasha-solutions__lead {
    max-width: 730px;

    margin: 0;

    color: var(--vs-muted);

    font-size: 18px;
    line-height: 1.55;
}


/* =========================================================
   GRID
   ========================================================= */

.vasha-solutions__grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 16px;
}


/* =========================================================
   CARD
   ========================================================= */

.vasha-solution-card {
    min-width: 0;
    min-height: 225px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 24px;

    border: 1px solid var(--vs-line);
    border-radius: 20px;

    background: #fff;

    color: var(--vs-text) !important;

    text-decoration: none !important;

    box-shadow: 0 4px 18px rgba(22, 22, 30, 0);

    transition:
            transform .2s ease,
            border-color .2s ease,
            box-shadow .2s ease;
}


.vasha-solution-card:hover {
    border-color: #dedee5;

    color: var(--vs-text) !important;

    transform: translateY(-3px);

    box-shadow:
            0 14px 35px rgba(22, 22, 30, .07);
}


/* number */

.vasha-solution-card__number {
    display: block;

    color: var(--vs-muted);

    font-size: 12px;
    line-height: 1;
    font-weight: 800;
}


/* content */

.vasha-solution-card__content {
    margin-top: 28px;
}


.vasha-solution-card h3 {
    margin: 0 0 8px;

    color: var(--vs-text);

    font-family: inherit;
    font-size: 21px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -.025em;
}


.vasha-solution-card p {
    margin: 0 0 16px;

    color: var(--vs-muted);

    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}


/* link */

.vasha-solution-card__link {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: var(--vs-brand-dark);

    font-size: 14px;
    line-height: 1.3;
    font-weight: 800;
}


.vasha-solution-card__link span {
    transition: transform .2s ease;
}


.vasha-solution-card:hover
.vasha-solution-card__link span {
    transform: translateX(4px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .vasha-solutions__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .vasha-solutions {
        padding: 58px 0;
    }


    .vasha-solutions__container {
        width: calc(100% - 22px);
    }


    .vasha-solutions__head {
        margin-bottom: 25px;
    }


    .vasha-solutions__eyebrow {
        padding: 6px 10px;

        font-size: 12px;
    }


    .vasha-solutions__title {
        margin: 11px 0 11px;

        font-size: 31px;
        line-height: 1.08;
        letter-spacing: -.035em;
    }


    .vasha-solutions__lead {
        font-size: 15px;
        line-height: 1.5;
    }


    /* cards */

    .vasha-solutions__grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .vasha-solution-card {
        min-height: 0;

        padding: 19px;

        border-radius: 17px;
    }


    .vasha-solution-card__content {
        margin-top: 17px;
    }


    .vasha-solution-card h3 {
        font-size: 20px;
    }


    .vasha-solution-card p {
        margin-bottom: 13px;

        font-size: 13px;
        line-height: 1.45;
    }

}






/* =========================================================
   FAQ — VASHA.COM.UA
   ========================================================= */

.faq {
    --faq-bg: #f7f9fc;
    --faq-card: #fff;
    --faq-muted: #5b6672;
    --faq-text: #1f2d3d;
    --faq-brand: #de266a;
    --faq-brand-dark: #a61a52;
    --faq-line: #e6eaf0;

    position: relative;

    padding: clamp(24px, 4vw, 48px);

    border-radius: 16px;

    background: var(--faq-bg);

    box-shadow:
            0 1px 0 rgba(16, 24, 40, .04) inset;
}

.faq *,
.faq *::before,
.faq *::after {
    box-sizing: border-box;
}


/* =========================================================
   HEADER
   ========================================================= */

.faq__header {
    display: block;

    margin-bottom: 22px;
}


#faq-title {
    margin: 0;

    color: var(--faq-text);

    font-size: clamp(22px, 2.4vw, 32px);
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .2px;
}


.faq__sub {
    margin: 7px 0 0;

    color: var(--faq-muted);

    font-size: clamp(13px, 1.3vw, 14px);
    line-height: 1.45;
}


/* =========================================================
   LIST — DESKTOP 2 COLUMNS
   ========================================================= */

.faq__list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px 14px;

    align-items: start;
}


/* =========================================================
   ITEM
   ========================================================= */

.faq__item {
    min-width: 0;

    overflow: hidden;

    border: 1px solid var(--faq-line);
    border-radius: 14px;

    background: var(--faq-card);

    box-shadow:
            0 2px 12px rgba(16, 24, 40, .06);
}


/* JS використовує цей клас */

.faq__item--hidden {
    display: none !important;
}


/* =========================================================
   DETAILS
   ========================================================= */

.faq details {
    margin: 0;

    background: transparent;
}


.faq summary {
    min-height: 72px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 17px 18px;

    list-style: none;

    cursor: pointer;
}


.faq summary::-webkit-details-marker {
    display: none;
}


/* =========================================================
   QUESTION
   ========================================================= */

.faq__q {
    min-width: 0;

    margin: 0;

    color: var(--faq-text);

    font-size: clamp(14px, 1.35vw, 16px);
    line-height: 1.35;
    font-weight: 700;
}


/* =========================================================
   ICON
   ========================================================= */

.faq__icon {
    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    color: #fff;

    background:
            linear-gradient(
                    135deg,
                    var(--faq-brand),
                    var(--faq-brand-dark)
            );

    box-shadow:
            0 2px 10px rgba(16, 24, 40, .14);

    transition:
            transform .15s ease,
            box-shadow .2s ease;
}


.faq summary:hover .faq__icon {
    transform: translateY(-1px);

    box-shadow:
            0 6px 16px rgba(16, 24, 40, .18);
}


.faq__icon svg {
    display: block;

    width: 20px;
    height: 20px;
}


/* =========================================================
   ANSWER
   ========================================================= */

.faq__answer {
    padding:
            0
            18px
            18px
            64px;

    color: var(--faq-text);

    font-size: 15px;
    line-height: 1.65;
}


.faq__answer p {
    margin: 8px 0;
}


.faq__answer a {
    color: var(--faq-brand-dark);

    font-weight: 700;
    text-decoration: underline;
}


.faq details[open] {
    box-shadow:
            inset 0 0 0 2px rgba(222, 38, 106, .10);
}


.faq summary:focus-visible {
    border-radius: 12px;

    outline:
            2px solid rgba(222, 38, 106, .35);

    outline-offset: -2px;
}


/* =========================================================
   PRICE
   ========================================================= */

.faq .price {
    white-space: nowrap;

    font-variant-numeric: tabular-nums;

    font-weight: 700;
}


.faq .muted {
    color: var(--faq-muted);
}


/* =========================================================
   "THERE ARE MORE QUESTIONS" FADE
   ========================================================= */

.faq__fade {
    position: relative;

    z-index: 2;

    height: 28px;

    margin-top: -15px;

    pointer-events: none;

    background:
            linear-gradient(
                    to bottom,
                    rgba(247, 249, 252, 0),
                    var(--faq-bg)
            );

    transition:
            opacity .25s ease;
}


.faq--expanded .faq__fade {
    height: 0;
    margin: 0;

    opacity: 0;
}


/* =========================================================
   SHOW MORE
   ========================================================= */

.faq__more {
    position: relative;

    z-index: 3;

    display: flex;
    justify-content: center;

    margin-top: 7px;
}


.faq__more-button {
    min-height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    padding: 0 21px;

    border:
            1px solid rgba(222, 38, 106, .28);

    border-radius: 999px;

    background: #fff;

    color: #b91f67;

    font-family: inherit;
    font-size: 14px;
    line-height: 1;
    font-weight: 800;

    cursor: pointer;

    box-shadow:
            0 5px 18px rgba(16, 24, 40, .07);

    transition:
            border-color .2s ease,
            background-color .2s ease,
            transform .2s ease,
            box-shadow .2s ease;
}


.faq__more-button:hover {
    border-color: var(--faq-brand);

    background: #fff7fa;

    transform: translateY(-1px);

    box-shadow:
            0 8px 22px rgba(16, 24, 40, .10);
}


.faq__more-count {
    color: #8b5369;

    font-size: 12px;
    font-weight: 700;
}


.faq__more-arrow {
    display: inline-block;

    font-size: 17px;

    transition:
            transform .25s ease;
}


.faq--expanded
.faq__more-arrow {
    transform: rotate(180deg);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 800px) {

    .faq__list {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .faq {
        padding: 25px 12px;

        border-radius: 14px;
    }


    .faq__header {
        margin-bottom: 18px;
    }


    #faq-title {
        font-size: 25px;
        line-height: 1.15;
    }


    .faq__sub {
        margin-top: 6px;

        font-size: 13px;
        line-height: 1.4;
    }


    /* QUESTIONS */

    .faq__list {
        grid-template-columns: 1fr;

        gap: 9px;
    }


    .faq summary {
        min-height: 64px;

        gap: 10px;

        padding: 14px 13px;
    }


    .faq__icon {
        width: 32px;
        height: 32px;

        flex-basis: 32px;

        border-radius: 9px;
    }


    .faq__icon svg {
        width: 18px;
        height: 18px;
    }


    .faq__q {
        font-size: 14px;
        line-height: 1.35;
    }


    .faq__answer {
        padding:
                0
                14px
                16px
                55px;

        font-size: 14px;
        line-height: 1.6;
    }


    /* MORE */

    .faq__fade {
        height: 24px;

        margin-top: -12px;
    }


    .faq__more {
        margin-top: 7px;
    }


    .faq__more-button {
        width: 100%;
        min-height: 50px;

        border-radius: 13px;
    }

}







/* =========================================================
   VASHA.COM.UA — MEASURE
   ========================================================= */

.vasha-measure {
    --vm-text: #15151a;
    --vm-muted: #6f7078;
    --vm-line: #e7e7ec;
    --vm-brand: #e63989;
    --vm-brand-dark: #b91f67;
    --vm-green: #138a5b;

    padding: 88px 0;

    background: #fff;

    color: var(--vm-text);
}


.vasha-measure *,
.vasha-measure *::before,
.vasha-measure *::after {
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.vasha-measure__container {
    width: calc(100% - 32px);
    max-width: 1180px;

    margin: 0 auto;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(380px, 470px);

    gap: clamp(45px, 7vw, 90px);

    align-items: center;
}


/* =========================================================
   LEFT
   ========================================================= */

.vasha-measure__content {
    min-width: 0;
}


.vasha-measure__eyebrow {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 7px 11px;

    border-radius: 999px;

    background:
            rgba(230, 57, 137, .09);

    color: var(--vm-brand-dark);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
}


.vasha-measure__eyebrow::before {
    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: var(--vm-brand);
}


.vasha-measure__title {
    max-width: 650px;

    margin: 15px 0 15px;

    color: var(--vm-text);

    font-family: inherit;
    font-size: clamp(34px, 4.5vw, 54px);
    line-height: 1.04;
    font-weight: 800;
    letter-spacing: -.04em;
}


.vasha-measure__lead {
    max-width: 650px;

    margin: 0;

    color: var(--vm-muted);

    font-size: 18px;
    line-height: 1.55;
}


/* =========================================================
   BENEFITS
   ========================================================= */

.vasha-measure__benefits {
    max-width: 620px;

    display: grid;

    gap: 18px;

    margin-top: 34px;
}


.vasha-measure__benefit {
    display: flex;
    align-items: flex-start;

    gap: 13px;
}


.vasha-measure__check {
    width: 28px;
    height: 28px;

    flex: 0 0 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 1px;

    border-radius: 50%;

    background: #e8f7f1;

    color: var(--vm-green);

    font-size: 14px;
    line-height: 1;
    font-weight: 900;
}


.vasha-measure__benefit strong {
    display: block;

    margin: 0 0 3px;

    color: var(--vm-text);

    font-size: 15px;
    line-height: 1.35;
    font-weight: 800;
}


.vasha-measure__benefit div > span {
    display: block;

    color: var(--vm-muted);

    font-size: 14px;
    line-height: 1.45;
}


/* =========================================================
   FORM CARD
   ========================================================= */

.vasha-measure__form-wrap {
    padding: 30px;

    border: 1px solid #f1c5d8;
    border-radius: 24px;

    background: #fff;

    box-shadow:
            0 18px 50px rgba(35, 25, 31, .09);
}


.vasha-measure__form-head {
    margin-bottom: 22px;
}


.vasha-measure__form-title {
    margin: 0 0 6px;

    color: var(--vm-text);

    font-family: inherit;
    font-size: 25px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -.025em;
}


.vasha-measure__form-text {
    margin: 0;

    color: var(--vm-muted);

    font-size: 14px;
    line-height: 1.45;
}


/* =========================================================
   FORM FIELDS
   ========================================================= */

.vasha-measure__form {
    margin: 0;
}


.vasha-measure__field {
    margin: 0 0 15px;
}


.vasha-measure__label {
    display: block;

    margin: 0 0 7px;

    color: var(--vm-text);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;
}


/* =========================================================
   INPUT
   Important because old site uses Bootstrap .form-control
   ========================================================= */

.vasha-measure
.vasha-measure__input.form-control {
    display: block !important;

    width: 100% !important;
    height: 54px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border:
            1px solid #dcdce2 !important;

    border-radius: 12px !important;

    background: #fff !important;

    color: var(--vm-text) !important;

    font-family: inherit !important;
    font-size: 16px !important;
    line-height: normal !important;

    outline: none !important;

    box-shadow: none !important;

    -webkit-appearance: none;
    appearance: none;
}


.vasha-measure
.vasha-measure__input.form-control::placeholder {
    color: #9b9ba3 !important;

    opacity: 1;
}


.vasha-measure
.vasha-measure__input.form-control:focus {
    border-color:
            var(--vm-brand) !important;

    outline: none !important;

    box-shadow:
            0 0 0 3px
            rgba(230, 57, 137, .09) !important;
}


/* =========================================================
   SELECT
   ========================================================= */

.vasha-measure__select-wrap {
    position: relative;
}


.vasha-measure__select-wrap::after {
    content: "";

    position: absolute;

    top: 50%;
    right: 17px;

    width: 8px;
    height: 8px;

    border-right: 2px solid #777780;
    border-bottom: 2px solid #777780;

    pointer-events: none;

    transform:
            translateY(-70%)
            rotate(45deg);
}


.vasha-measure__select {
    display: block;

    width: 100%;
    height: 54px;

    margin: 0;
    padding: 0 42px 0 14px;

    border: 1px solid #dcdce2;
    border-radius: 12px;

    background: #fff;

    color: var(--vm-text);

    font-family: inherit;
    font-size: 15px;
    line-height: normal;

    cursor: pointer;

    outline: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.vasha-measure__select:focus {
    border-color: var(--vm-brand);

    box-shadow:
            0 0 0 3px
            rgba(230, 57, 137, .09);
}


/* =========================================================
   BUTTON
   ========================================================= */

.vasha-measure__submit {
    width: 100%;
    min-height: 56px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 7px 0 0;
    padding: 11px 18px;

    border: 0;
    border-radius: 14px;

    background: var(--vm-brand);

    color: #fff;

    font-family: inherit;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 800;

    cursor: pointer;

    box-shadow:
            0 11px 26px
            rgba(230, 57, 137, .22);

    -webkit-appearance: none;
    appearance: none;

    transition:
            background-color .2s ease,
            transform .2s ease,
            box-shadow .2s ease;
}


.vasha-measure__submit:hover,
.vasha-measure__submit:focus {
    background: var(--vm-brand-dark);

    color: #fff;
}


.vasha-measure__submit:active {
    transform: scale(.99);
}


/* =========================================================
   NOTE
   ========================================================= */

.vasha-measure__note {
    margin-top: 12px;

    color: var(--vm-muted);

    font-size: 12px;
    line-height: 1.45;

    text-align: center;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .vasha-measure__container {
        grid-template-columns: 1fr;

        gap: 38px;
    }


    .vasha-measure__form-wrap {
        width: 100%;
        max-width: 600px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .vasha-measure {
        padding: 58px 0;
    }


    .vasha-measure__container {
        width: calc(100% - 22px);

        gap: 27px;
    }


    .vasha-measure__eyebrow {
        padding: 6px 10px;

        font-size: 12px;
    }


    .vasha-measure__title {
        margin: 11px 0 11px;

        font-size: 32px;
        line-height: 1.07;
    }


    .vasha-measure__lead {
        font-size: 15px;
        line-height: 1.5;
    }


    .vasha-measure__benefits {
        gap: 14px;

        margin-top: 24px;
    }


    .vasha-measure__benefit strong {
        font-size: 14px;
    }


    .vasha-measure__benefit div > span {
        font-size: 13px;
    }


    /* FORM */

    .vasha-measure__form-wrap {
        padding: 20px 16px;

        border-radius: 20px;

        box-shadow:
                0 13px 35px
                rgba(35, 25, 31, .08);
    }


    .vasha-measure__form-head {
        margin-bottom: 18px;
    }


    .vasha-measure__form-title {
        font-size: 23px;
    }


    .vasha-measure__form-text {
        font-size: 13px;
    }


    .vasha-measure__field {
        margin-bottom: 13px;
    }


    .vasha-measure
    .vasha-measure__input.form-control,
    .vasha-measure__select {
        height: 54px !important;

        font-size: 16px !important;
    }


    .vasha-measure__submit {
        min-height: 55px;

        font-size: 14px;
    }

}

/* =========================================================
   VASHA.COM.UA — PRICE / CALCULATOR
   ========================================================= */

.vasha-price-section {
    --vps-text: #15151a;
    --vps-muted: #6f7078;
    --vps-line: #e6e6eb;
    --vps-brand: #e63989;
    --vps-brand-dark: #b91f67;
    --vps-green: #138a5b;

    padding: 88px 0;

    background: #f7f7f9;

    color: var(--vps-text);
}


.vasha-price-section *,
.vasha-price-section *::before,
.vasha-price-section *::after {
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.vasha-price-section__container {
    width: calc(100% - 32px);
    max-width: 1180px;

    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.vasha-price-section__head {
    max-width: 780px;

    margin-bottom: 35px;
}


.vasha-price-section__eyebrow {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 7px 11px;

    border-radius: 999px;

    background: rgba(230, 57, 137, .09);

    color: var(--vps-brand-dark);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
}


.vasha-price-section__eyebrow::before {
    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: var(--vps-brand);
}


.vasha-price-section__title {
    margin: 13px 0 14px;

    color: var(--vps-text);

    font-family: inherit;
    font-size: clamp(32px, 4.4vw, 50px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.035em;
}


.vasha-price-section__lead {
    max-width: 740px;

    margin: 0;

    color: var(--vps-muted);

    font-size: 18px;
    line-height: 1.55;
}


/* =========================================================
   PRICE PANEL
   ========================================================= */

.vasha-price-panel {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, 370px);

    gap: 55px;

    align-items: center;

    padding: 38px 40px;

    border: 1px solid var(--vps-line);
    border-radius: 24px;

    background: #fff;

    box-shadow:
            0 12px 40px rgba(22, 22, 30, .06);
}


/* =========================================================
   LEFT
   ========================================================= */

.vasha-price-panel__content {
    min-width: 0;
}


.vasha-price-panel__title {
    max-width: 620px;

    margin: 0 0 11px;

    color: var(--vps-text);

    font-family: inherit;
    font-size: 25px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -.025em;
}


.vasha-price-panel__text {
    max-width: 670px;

    margin: 0;

    color: var(--vps-muted);

    font-size: 15px;
    line-height: 1.55;
}


/* =========================================================
   PRICE FACTS
   ========================================================= */

.vasha-price-panel__facts {
    display: grid;

    gap: 11px;

    margin: 25px 0 0;
    padding: 0;

    list-style: none;
}


.vasha-price-panel__facts li {
    display: flex;
    align-items: center;

    gap: 10px;

    margin: 0;
    padding: 0;

    color: var(--vps-text);

    font-size: 15px;
    line-height: 1.4;
}


.vasha-price-panel__facts strong {
    color: var(--vps-text);

    font-weight: 800;

    white-space: nowrap;
}


.vasha-price-panel__check {
    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #e8f7f1;

    color: var(--vps-green);

    font-size: 12px;
    line-height: 1;
    font-weight: 900;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.vasha-price-panel__actions {
    display: grid;

    gap: 10px;
}


.vasha-price-panel__button {
    width: 100%;
    min-height: 53px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 0 17px;

    border: 1px solid transparent;
    border-radius: 13px;

    font-size: 14px;
    line-height: 1.25;
    font-weight: 800;

    text-decoration: none !important;

    transition:
            background-color .2s ease,
            border-color .2s ease,
            transform .2s ease,
            box-shadow .2s ease;
}


.vasha-price-panel__button > span {
    flex: 0 0 auto;

    font-size: 18px;

    transition: transform .2s ease;
}


.vasha-price-panel__button:hover > span {
    transform: translateX(3px);
}


/* PRIMARY */

.vasha-price-panel__button--primary {
    background: var(--vps-brand);

    color: #fff !important;

    box-shadow:
            0 10px 25px rgba(230, 57, 137, .20);
}


.vasha-price-panel__button--primary:hover {
    background: var(--vps-brand-dark);

    color: #fff !important;

    transform: translateY(-1px);
}


/* LIGHT */

.vasha-price-panel__button--light {
    border-color: var(--vps-line);

    background: #fff;

    color: var(--vps-text) !important;
}


.vasha-price-panel__button--light:hover {
    border-color: #d0d0d7;

    background: #fafafa;

    color: var(--vps-text) !important;

    transform: translateY(-1px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .vasha-price-panel {
        grid-template-columns: 1fr;

        gap: 28px;
    }


    .vasha-price-panel__actions {
        max-width: 500px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .vasha-price-section {
        padding: 58px 0;
    }


    .vasha-price-section__container {
        width: calc(100% - 22px);
    }


    /* HEADER */

    .vasha-price-section__head {
        margin-bottom: 24px;
    }


    .vasha-price-section__eyebrow {
        padding: 6px 10px;

        font-size: 12px;
    }


    .vasha-price-section__title {
        margin: 11px 0;

        font-size: 31px;
        line-height: 1.08;
    }


    .vasha-price-section__lead {
        font-size: 15px;
        line-height: 1.5;
    }


    /* PANEL */

    .vasha-price-panel {
        grid-template-columns: 1fr;

        gap: 24px;

        padding: 21px 17px;

        border-radius: 19px;

        box-shadow:
                0 10px 30px rgba(22, 22, 30, .05);
    }


    .vasha-price-panel__title {
        margin-bottom: 9px;

        font-size: 21px;
        line-height: 1.2;
    }


    .vasha-price-panel__text {
        font-size: 13px;
        line-height: 1.5;
    }


    /* PRICES */

    .vasha-price-panel__facts {
        gap: 10px;

        margin-top: 19px;
    }


    .vasha-price-panel__facts li {
        align-items: flex-start;

        font-size: 14px;
    }


    .vasha-price-panel__check {
        width: 22px;
        height: 22px;

        flex-basis: 22px;

        margin-top: -1px;
    }


    /* ACTIONS */

    .vasha-price-panel__actions {
        width: 100%;
        max-width: none;

        gap: 8px;
    }


    .vasha-price-panel__button {
        min-height: 52px;

        padding: 0 15px;

        font-size: 13px;
    }

}




/* =========================================================
   VASHA.COM.UA — EXPLORE
   ========================================================= */

.vasha-explore {
    --ve-text: #15151a;
    --ve-muted: #6f7078;
    --ve-line: #e6e6eb;
    --ve-brand: #e63989;
    --ve-brand-dark: #b91f67;

    padding: 88px 0;

    background: #fff;

    color: var(--ve-text);
}


.vasha-explore *,
.vasha-explore *::before,
.vasha-explore *::after {
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.vasha-explore__container {
    width: calc(100% - 32px);
    max-width: 1180px;

    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.vasha-explore__head {
    max-width: 800px;

    margin-bottom: 38px;
}


.vasha-explore__eyebrow {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 7px 11px;

    border-radius: 999px;

    background: rgba(230, 57, 137, .09);

    color: var(--ve-brand-dark);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
}


.vasha-explore__eyebrow::before {
    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: var(--ve-brand);
}


.vasha-explore__title {
    margin: 13px 0 14px;

    color: var(--ve-text);

    font-family: inherit;
    font-size: clamp(32px, 4.4vw, 50px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.035em;
}


.vasha-explore__lead {
    max-width: 750px;

    margin: 0;

    color: var(--ve-muted);

    font-size: 18px;
    line-height: 1.55;
}


/* =========================================================
   GRID
   ========================================================= */

.vasha-explore__grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 16px;
}


/* =========================================================
   CARD
   ========================================================= */

.vasha-explore-card {
    min-width: 0;

    padding: 27px;

    border: 1px solid var(--ve-line);
    border-radius: 21px;

    background: #f9f9fb;

    transition:
            border-color .2s ease,
            background-color .2s ease,
            transform .2s ease,
            box-shadow .2s ease;
}


.vasha-explore-card:hover {
    border-color: #dddde3;

    background: #fff;

    transform: translateY(-2px);

    box-shadow:
            0 14px 35px rgba(22, 22, 30, .06);
}


/* =========================================================
   TOP
   ========================================================= */

.vasha-explore-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 24px;
}


.vasha-explore-card__number {
    color: #9a9aa2;

    font-size: 12px;
    line-height: 1;
    font-weight: 800;
}


.vasha-explore-card__category {
    padding: 6px 9px;

    border-radius: 999px;

    background: #fff;

    color: var(--ve-muted);

    font-size: 11px;
    line-height: 1;
    font-weight: 700;

    border: 1px solid var(--ve-line);
}


/* =========================================================
   CONTENT
   ========================================================= */

.vasha-explore-card__title {
    margin: 0 0 8px;

    color: var(--ve-text);

    font-family: inherit;
    font-size: 23px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -.025em;
}


.vasha-explore-card__text {
    max-width: 490px;

    margin: 0;

    color: var(--ve-muted);

    font-size: 14px;
    line-height: 1.5;
}


/* =========================================================
   LIST
   ========================================================= */

.vasha-explore-card__list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 9px 20px;

    margin: 23px 0 0;
    padding: 20px 0 0;

    border-top: 1px solid var(--ve-line);

    list-style: none;
}


.vasha-explore-card__list li {
    position: relative;

    margin: 0;
    padding: 0 0 0 16px;

    color: #404048;

    font-size: 13px;
    line-height: 1.4;
}


.vasha-explore-card__list li::before {
    content: "";

    position: absolute;

    top: .55em;
    left: 0;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--ve-brand);
}


.vasha-explore-card__list a {
    color: #404048 !important;

    font-weight: 700;

    text-decoration: none !important;
}


.vasha-explore-card__list a:hover {
    color: var(--ve-brand-dark) !important;
}


/* =========================================================
   BOTTOM LINK
   ========================================================= */

.vasha-explore-card__link {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    margin-top: 23px;

    color: var(--ve-brand-dark) !important;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;

    text-decoration: none !important;
}


.vasha-explore-card__link span {
    transition: transform .2s ease;
}


.vasha-explore-card__link:hover span {
    transform: translateX(4px);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .vasha-explore {
        padding: 58px 0;
    }


    .vasha-explore__container {
        width: calc(100% - 22px);
    }


    /* HEADER */

    .vasha-explore__head {
        margin-bottom: 24px;
    }


    .vasha-explore__eyebrow {
        padding: 6px 10px;

        font-size: 12px;
    }


    .vasha-explore__title {
        margin: 11px 0;

        font-size: 31px;
        line-height: 1.08;
    }


    .vasha-explore__lead {
        font-size: 15px;
        line-height: 1.5;
    }


    /* GRID */

    .vasha-explore__grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    /* CARD */

    .vasha-explore-card {
        padding: 19px;

        border-radius: 17px;
    }


    .vasha-explore-card__top {
        margin-bottom: 16px;
    }


    .vasha-explore-card__title {
        font-size: 20px;
    }


    .vasha-explore-card__text {
        font-size: 13px;
        line-height: 1.45;
    }


    /* LIST */

    .vasha-explore-card__list {
        grid-template-columns: 1fr;

        gap: 8px;

        margin-top: 17px;
        padding-top: 16px;
    }


    .vasha-explore-card__list li {
        font-size: 13px;
    }


    .vasha-explore-card__link {
        margin-top: 18px;
    }

}







/* =========================================================
   VASHA.COM.UA — PROCESS INFOGRAPHIC
   ========================================================= */

.vasha-process {
    --vpr-dark: #111116;
    --vpr-card: #1a1a20;
    --vpr-line: #34343d;
    --vpr-text: #fff;
    --vpr-muted: #aaaab5;
    --vpr-brand: #e63989;
    --vpr-brand-light: #ff75b3;

    padding: 88px 0;

    background: var(--vpr-dark);

    color: var(--vpr-text);
}


.vasha-process *,
.vasha-process *::before,
.vasha-process *::after {
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.vasha-process__container {
    width: calc(100% - 32px);
    max-width: 1180px;

    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.vasha-process__head {
    max-width: 750px;

    margin-bottom: 54px;
}


.vasha-process__eyebrow {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 7px 11px;

    border-radius: 999px;

    background: rgba(230, 57, 137, .14);

    color: #ff84ba;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
}


.vasha-process__eyebrow::before {
    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: var(--vpr-brand);
}


.vasha-process__title {
    margin: 14px 0 13px;

    color: #fff;

    font-family: inherit;
    font-size: clamp(34px, 4.5vw, 52px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.04em;
}


.vasha-process__lead {
    max-width: 660px;

    margin: 0;

    color: var(--vpr-muted);

    font-size: 18px;
    line-height: 1.55;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.vasha-process__timeline {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 28px;
}


/* основна лінія */

.vasha-process__timeline::before {
    content: "";

    position: absolute;

    top: 34px;
    left: 7%;
    right: 7%;

    height: 2px;

    background:
            linear-gradient(
                    90deg,
                    var(--vpr-brand),
                    #743553 45%,
                    var(--vpr-line)
            );
}


/* =========================================================
   STEP
   ========================================================= */

.vasha-process-step {
    position: relative;

    min-width: 0;
}


/* =========================================================
   POINT
   ========================================================= */

.vasha-process-step__point {
    position: relative;

    z-index: 2;

    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 23px;
}


.vasha-process-step__icon {
    width: 68px;
    height: 68px;

    flex: 0 0 68px;

    display: grid;
    place-items: center;

    border:
            1px solid rgba(255, 255, 255, .11);

    border-radius: 19px;

    background:
            linear-gradient(
                    145deg,
                    #25252d,
                    #19191f
            );

    color: #fff;

    box-shadow:
            0 10px 30px rgba(0, 0, 0, .25);
}


.vasha-process-step:first-child
.vasha-process-step__icon {
    border-color:
            rgba(230, 57, 137, .5);

    background:
            linear-gradient(
                    145deg,
                    var(--vpr-brand),
                    #b51e63
            );
}


.vasha-process-step__icon svg {
    width: 27px;
    height: 27px;
}


.vasha-process-step__number {
    color: #777782;

    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .08em;
}


/* =========================================================
   CONTENT
   ========================================================= */

.vasha-process-step__content {
    padding-right: 8px;
}


.vasha-process-step__content h3 {
    margin: 0 0 8px;

    color: #fff;

    font-family: inherit;
    font-size: 21px;
    line-height: 1.15;
    font-weight: 800;
}


.vasha-process-step__content p {
    margin: 0;

    color: var(--vpr-muted);

    font-size: 14px;
    line-height: 1.55;
}


/* =========================================================
   BOTTOM CTA
   ========================================================= */

.vasha-process__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    margin-top: 53px;
    padding: 23px 25px;

    border:
            1px solid rgba(255, 255, 255, .10);

    border-radius: 18px;

    background:
            rgba(255, 255, 255, .035);
}


.vasha-process__footer-text strong {
    display: block;

    margin-bottom: 3px;

    color: #fff;

    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
}


.vasha-process__footer-text span {
    display: block;

    color: var(--vpr-muted);

    font-size: 13px;
    line-height: 1.45;
}


/* BUTTON */

.vasha-process__button {
    min-height: 49px;

    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 18px;

    border-radius: 13px;

    background: var(--vpr-brand);

    color: #fff !important;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 800;

    text-decoration: none !important;

    box-shadow:
            0 10px 26px
            rgba(230, 57, 137, .18);

    transition:
            background-color .2s ease,
            transform .2s ease;
}


.vasha-process__button:hover {
    background: #bd2268;

    color: #fff !important;

    transform: translateY(-1px);
}


.vasha-process__button span {
    transition: transform .2s ease;
}


.vasha-process__button:hover span {
    transform: translateX(3px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .vasha-process__timeline {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 40px 28px;
    }


    .vasha-process__timeline::before {
        display: none;
    }


    .vasha-process-step {
        padding-top: 20px;

        border-top: 1px solid var(--vpr-line);
    }


    .vasha-process-step__point {
        margin-bottom: 17px;
    }

}


/* =========================================================
   MOBILE — VERTICAL INFOGRAPHIC
   ========================================================= */

@media (max-width: 640px) {

    .vasha-process {
        padding: 58px 0;
    }


    .vasha-process__container {
        width: calc(100% - 22px);
    }


    /* HEADER */

    .vasha-process__head {
        margin-bottom: 32px;
    }


    .vasha-process__eyebrow {
        padding: 6px 10px;

        font-size: 12px;
    }


    .vasha-process__title {
        margin: 11px 0;

        font-size: 32px;
        line-height: 1.07;
    }


    .vasha-process__lead {
        font-size: 15px;
        line-height: 1.5;
    }


    /* TIMELINE */

    .vasha-process__timeline {
        display: block;
    }


    .vasha-process__timeline::before {
        display: block;

        top: 34px;
        bottom: 34px;
        left: 27px;
        right: auto;

        width: 2px;
        height: auto;

        background:
                linear-gradient(
                        to bottom,
                        var(--vpr-brand),
                        #743553 55%,
                        var(--vpr-line)
                );
    }


    /* STEP */

    .vasha-process-step {
        display: grid;

        grid-template-columns: 56px 1fr;

        gap: 15px;

        padding: 0 0 29px;

        border: 0;
    }


    .vasha-process-step:last-child {
        padding-bottom: 0;
    }


    .vasha-process-step__point {
        display: block;

        margin: 0;
    }


    .vasha-process-step__icon {
        width: 56px;
        height: 56px;

        flex-basis: 56px;

        border-radius: 16px;
    }


    .vasha-process-step__icon svg {
        width: 23px;
        height: 23px;
    }


    .vasha-process-step__number {
        display: block;

        margin-top: 7px;

        text-align: center;

        font-size: 10px;
    }


    .vasha-process-step__content {
        padding: 5px 0 0;
    }


    .vasha-process-step__content h3 {
        margin-bottom: 5px;

        font-size: 19px;
    }


    .vasha-process-step__content p {
        font-size: 13px;
        line-height: 1.5;
    }


    /* FOOTER */

    .vasha-process__footer {
        align-items: flex-start;
        flex-direction: column;

        gap: 17px;

        margin-top: 34px;
        padding: 19px 17px;
    }


    .vasha-process__footer-text strong {
        font-size: 15px;
    }


    .vasha-process__footer-text span {
        font-size: 12px;
    }


    .vasha-process__button {
        width: 100%;

        min-height: 51px;
    }

}



/* Зміни головна кінець*/
/* End */
/* /bitrix/templates/2025/template_styles.css?17652719238519 */
/* /bitrix/templates/2025/styles.css?176526892121156 */
/* /bitrix/templates/2025/fancybox/fancybox.css?176492841829571 */
/* /bitrix/templates/2025/fancybox/carousel.arrows.css?17649284391881 */
/* /bitrix/templates/2025/fancybox/carousel.dots.css?17649284501708 */
/* /bitrix/templates/2025/statti.css?17652919604228 */
/* /bitrix/templates/2025/css/new_steli.css?1790617437171921 */