:root{
    --bg:#ffffff; --panel:#ffffff; --surface:#ffffff; --card:#ffffff;
    --text:#111827; --muted:#6b7280; --accent:#f5c451; --brand:#2a5af5; --wa:#25d366;
    --cta:#ef4444;
    --radius:16px; --shadow:0 16px 40px rgba(16,24,40,.08);
    --container:1400px; --padY:40px; --gap:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}

/* topbar */
.top{background:var(--panel);padding:20px 0}
.top .wrap{border:1px solid #e5e7eb;border-radius:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.badge{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;font-size:12px;font-weight:700;color:#111827}
.brand-name{font-weight:700;letter-spacing:.02em}
.meta{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.muted{color:#6b7280}
.phones a{display:block;font-weight:600}

/* hero (dark) */
.hero{position:relative;color:#fff;background:linear-gradient(195deg, #1e3a8a 20%, #ef4444 100%)}
.hero .inner{padding:90px 0 60px}
.hero h1{font-size:48px;line-height:1.08;margin:0 0 14px;font-weight:700}
.lead{font-size:16px;color:rgba(255,255,255,.92);margin:0 0 18px}
.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn{
    display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;
    font-weight:700;letter-spacing:.02em;box-shadow:var(--shadow);
    background:var(--cta);color:#fff;
}
.btn-wa{background:var(--wa);color:#fff}
.btn-ghost{border:1px solid rgba(255,255,255,.22);color:#fff;background:transparent !important}

/* chips / triggers */
.badge-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}
.badge-row + .badge-row{margin-top:10px}
.chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-weight:600;color:#fff}

/* sections */
section{padding:var(--padY) 0;background:var(--surface);color:var(--text)}
h2{margin:0 0 22px;font-size:28px;font-weight:700}

/* products */
.products{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap)}
.card{background:var(--card);color:var(--text);border-radius:18px;box-shadow:var(--shadow);padding:18px}
.product-media{height:150px;border-radius:12px;background:linear-gradient(180deg,#f8fafc,#eef2ff);display:grid;place-items:center}
.product-media .ph{width:90px;height:90px;border-radius:14px;background:linear-gradient(135deg,#d8dfef,#c7d2fe)}
.label{position:absolute;top:14px;left:14px;background:var(--accent);color:#1b1503;font-weight:700;font-size:12px;padding:6px 10px;border-radius:10px}
.product{position:relative}
.title{font-weight:700;margin:12px 0 6px}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price{font-weight:700;white-space:nowrap}
.btn-sm, .btn-hero{
    padding:10px 14px;border-radius:12px;border:none;background:var(--cta);
    color:#fff;box-shadow:0 2px 8px rgba(16,24,40,.12);font-weight:700
}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.step{display:flex;align-items:center;gap:14px}
.icon{width:42px;height:42px;border-radius:12px;background:#eef2ff;display:grid;place-items:center}

/* reviews */
.carousel{position:relative;overflow:hidden;padding:0 64px;max-width:100%;margin:0 auto}
.carousel::before,.carousel::after{content:"";position:absolute;top:0;bottom:0;width:72px;pointer-events:none;z-index:2}
.carousel::before{left:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%)}
.carousel::after{right:0;background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%)}
.track{display:flex;gap:var(--gap);will-change:transform;padding:40px 0;}
.slide{flex:0 0 calc((100% - var(--gap)*2)/3)}
.nav{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #e5e7eb;background:#fff;border-radius:999px;width:42px;height:42px;box-shadow:0 8px 24px rgba(16,24,40,.12);display:grid;place-items:center;cursor:pointer;z-index:3}
.prev{left:0}.next{right:0}
.stars{display:inline-flex;gap:2px;margin-left:8px;vertical-align:middle;color:var(--accent);font-size:14px;line-height:1}

/* FAQ / footer */
details{background:#fff;color:var(--text);border-radius:16px;box-shadow:var(--shadow);padding:14px 18px}
details+details{margin-top:12px}
summary{cursor:pointer;font-weight:700; padding: 10px 10px;}
details > div{padding: 10px 10px;}

/* CONTACTS GRID (три колонки) */
.contacts{
    display:grid;
    grid-template-columns: 1.1fr 1.1fr 1.4fr; /* контакты | форма | карта */
    gap: var(--gap);
}
footer{padding:24px 0;border-top:1px solid #e5e7eb;color:#6b7280;background:#ffffff}

/* WHY-US */
.why { padding: var(--padY) 0; background: var(--surface); }
.why-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: var(--gap); }
.why-card { text-align:center; background: var(--card); border-radius: 18px; box-shadow: var(--shadow); padding: 24px; }
.why-icon {
    width: 96px; height: 96px; margin: 0 auto 14px; border-radius: 999px;
    display: grid; place-items: center;
    background: #eef2ff; border: 3px solid var(--brand);
    font-size: 26px; line-height: 1;
}
.why-card h3 { margin: 8px 0 6px; font-size: 18px; font-weight: 700; }
.why-card p  { margin: 0; color: var(--muted); }

/* GUARANTEES */
.g-section{padding:var(--padY) 0;background:var(--surface)}
.g-title{font-size:28px;font-weight:700;margin:0 0 22px}
.g-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.g-card{background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:28px;text-align:center}
.g-ico{width:92px;height:92px;border-radius:999px;display:grid;place-items:center;background:#eef2ff;border:3px solid var(--brand);margin:0 auto 12px;font-size:34px}
.g-card h3{font-size:18px;margin:8px 0 6px;font-weight:700}
.g-card p{margin:0;color:var(--muted)}
@media (max-width:1180px){.g-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.g-grid{grid-template-columns:1fr}}

/* FORM FIELDS */
.form-grid{ display:grid; grid-template-columns:1fr; gap:12px; }
.input{
    height:54px; border-radius:12px; border:1px solid #e5e7eb; padding:0 14px;
    font-size:16px; outline:none; transition:box-shadow .2s,border-color .2s; width:100%;
}
.input:focus{ border-color:#c7d2fe; box-shadow:0 0 0 4px rgba(59,130,246,.15); }
.btn-brand{
    height:54px; border:none; border-radius:12px; font-weight:700; font-size:16px;
    background:var(--cta); color:#fff; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center;
}
.help{ color:var(--muted); font-size:13px; text-align:center; }

/* responsive */
@media (max-width:1180px){ .products{grid-template-columns:repeat(4,1fr)} .slide{flex:0 0 calc(50% - var(--gap)/2)} }
@media (max-width:920px){
    .top .wrap{flex-direction:column;align-items:flex-start}
    .products{grid-template-columns:repeat(2,1fr)}
    .steps{grid-template-columns:repeat(2,1fr)}
    .contacts{grid-template-columns:1fr}
}
@media (max-width:560px){
    :root{--padY:30px}
    .hero h1{font-size:34px}
    .hero .inner{padding:35px 0 46px}
    .products{grid-template-columns:1fr}
    .meta{gap:12px}
    .phones a{font-weight:600}
    .slide{flex:0 0 100%}
    .prev{left:8px}.next{right:8px}
    .carousel{padding:0 48px}
    .track{padding:0 72px}
}

/* === HERO slider layout === */
.hero-grid{ display:flex; gap:28px; align-items:center; }
.hero-main{ width:45%; }          /* меньше текста */
.hero-slider{ position:relative; width:55%; } /* больше карточек */
.hviewport{ overflow:hidden; border-radius:12px; }
.htrack{ display:flex; gap:0; will-change:transform; transition:transform .45s ease; }
.hslide{ flex:0 0 50%; color:#fff; text-align:center; padding:14px 6px 24px; } /* 2 в кадре по умолчанию */
.himg{
    width:100%; height:240px; border-radius:12px;
    background: radial-gradient(120% 100% at 50% 0%, rgba(255,255,255,.25), rgba(255,255,255,.08) 60%),
    linear-gradient(180deg,#dbeafe 0%,#c7d2fe 100%);
    box-shadow:0 20px 60px rgba(0,0,0,.15); margin-bottom:12px;
}
.hname{ margin:2px 0 8px; font-size:18px; font-weight:700; color:#fff; }
.hrow{ display:flex; align-items:center; justify-content:center; gap:10px; }
.hprice{ font-weight:700; color:#fff; white-space:nowrap; }
.btn-hero{ padding:10px 14px; border-radius:12px; box-shadow:0 10px 24px rgba(0,0,0,.15); }
.hnav{
    position:absolute; top:50%; transform:translateY(-50%);
    width:38px; height:38px; display:grid; place-items:center;
    background:rgba(255,255,255,.15); color:#fff; border:none; border-radius:999px; cursor:pointer;
    backdrop-filter:blur(3px); z-index:999;
}
.hprev{ left:6px; } .hnext{ right:6px; }
@media (max-width: 920px){
    .hero-slider{ order:2; } .hero-main{ order:1; } .himg{ height:220px; }
    .hero-grid{ grid-template-columns:1fr; }
    .hslide{ flex-basis:100%; }  /* 1 в кадре */
    .hero-main, .hero-slider{ width:100%; }
}
@media (max-width:560px){ .himg{ height:200px; } }

/* ----- ПК: фиксируем top-bar и даём место контенту ----- */
@media (min-width: 920px){
    .top{
        position: fixed !important;
        top: 0; left: 0; right: 0;
        z-index: 1000;
        background: none !important;
    }
    body.has-fixed-top{ padding-top: var(--topH, 80px); }
}

/* --- Floating WhatsApp FAB --- */
.fab-wa{
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--wa);
    color: #0b1d10;
    display: grid;
    place-items: center;
    box-shadow:
            0 12px 28px rgba(37,211,102,.45),
            0 6px 16px rgba(16,24,40,.18);
    z-index: 1500;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.fab-wa:hover{
    transform: translateY(-2px) scale(1.04);
    box-shadow:
            0 16px 32px rgba(37,211,102,.5),
            0 8px 22px rgba(16,24,40,.22);
}
.fab-wa:active{ transform: translateY(0) scale(.98); }
.fab-wa svg{ width: 28px; height: 28px; }

/* Компактнее на мобилках */
@media (max-width:560px){
    .fab-wa{ right:16px; bottom:16px; width:56px; height:56px; }
    .fab-wa svg{ width:26px; height:26px; }
}
/* Белая иконка в FAB */
.fab-wa{ color:#fff; }
.fab-wa svg path{ fill:#fff !important; }
.chipMobile{display:none;}
.sliderMobile{display:none;}
@media (max-width:560px){
    .top{ padding: 0 0; }
    .top > .container > .wrap{ border-radius:0 !important; padding-bottom:50px; }
    .hero{ padding-top:0 !important; }
    .hero-grid{ flex-direction:column !important; }
    .hero-main{ padding:0 20px; }
    .chipMobile, .sliderMobile{display:block;}
    .chipPC, .sliderPC{display:none;}
    .badge-row{font-size:12px !important;}
    .hero-main > h1{text-align:center;}
    .hero-main > .lead{margin-top:16px;text-align:center;}
    .btn-wa{width: 100%; justify-content:center;}
    .why-grid,.steps{display:flex;flex-direction:column;}
    .step{padding: 20px;}
    #guarantees{padding-top:0 !important;}
}

/* Reviews: mobile — ровно 1 карточка */
@media (max-width:560px){
    #reviews .carousel{ padding: 0 16px; }
    #reviews .track{ padding: 40px 0 !important }
    #reviews .slide{ flex: 0 0 100%; padding: 0 45px;}
    #reviews .prev{ left: 6px; }
    #reviews .next{ right: 6px; }
    .phones{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-top: 20px;
    }
    .btn-hero{width: fit-content;}
    .cta > .btn-ghost{width:100%;justify-content:center;}
    .hero{padding-bottom:0 !important;}
}
/* Только для карусели отзывов — без боковых паддингов на мобилке */
@media (max-width:560px){
    .carousel .track{ padding:0 !important; }
}
@media (max-width:405px){
    .btn{font-size:14px !important;}
}

/* PROMO блок */
.promo{
    padding: 28px 0;
    background: linear-gradient(135deg,#1e3a8a 0%, #ef4444 100%);
    color:#fff;
}
.promo-wrap{
    display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.18);
    padding:18px 22px; border-radius:16px; box-shadow: var(--shadow);
}
.promo h3{ margin:0; font-size:20px; font-weight:800; letter-spacing:.02em;}
.promo p{ margin:0; opacity:.95;}
.promo .btn{ background:#fff; color:#111827; box-shadow:none; }
.promo .btn:hover{ filter:brightness(.95); }
/* --- HERO: центрируем и унифицируем медиа --- */
.himg,
.hslide > img{
    width:100%;
    height:200px;                 /* одинаковая высота для кадра */
    display:block;
    border-radius:12px;
    margin:0 0 12px 0;
    object-fit:contain;           /* вписываем картинку целиком */
    object-position:center;       /* центр по горизонтали/вертикали */
}

/* та же логика для брейкпоинтов */
@media (max-width:920px){
    .himg,
    .hslide > img{ height:220px; }
}
@media (max-width:560px){
    .himg,
    .hslide > img{ height:180px; }
    footer > .container > div{display:block !important}
    footer > .container > div > img{margin: 0 auto !important;margin-bottom:20px !important;height:100px !important;}
    .hero > h1 {margin-top: 0 !important; padding-top: 40px !important;}
}
/* Меню навигации */
.nav-menu { display: flex; gap: 20px; font-weight: 600; font-size: 14px; z-index: 9;}
.nav-menu a { position: relative; transition: color .2s; }
.nav-menu a:hover { color: var(--brand); }
@media(max-width: 920px) { .nav-menu { display: none; } } /* На моб пока скроем или сделаем бургер позже */
/* === ФИКС ДЛЯ КАРТИНОК В СЛАЙДЕРЕ === */
.hero-slider .hslide img {
    width: 100% !important;        /* Растягиваем на всю ширину контейнера */
    height: 220px !important;      /* ЖЕСТКАЯ ВЫСОТА (можешь менять число) */
    object-fit: contain !important; /* Вписываем картинку целиком, не обрезая */
    object-position: center !important; /* Центрируем */
    margin-bottom: 12px;
    display: block;
}

/* Для мобилок чуть уменьшим высоту, чтобы не занимало весь экран */
@media (max-width: 560px) {
    .hero-slider .hslide img {
        height: 180px !important;
    }
}
/* === FOOTER STYLES === */
.main-footer {
    background-color: #f8f9fa; /* Светлый фон */
    border-top: 1px solid #e5e7eb;
    padding: 60px 0 20px;
    font-size: 14px;
    color: #374151;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 колонки */
    gap: 30px;
    margin-bottom: 40px;
}

/* Лого и описание */
.footer-desc {
    margin-top: 15px;
    line-height: 1.5;
    color: #6b7280;
}

.footer-socials {
    margin-top: 15px;
    display: flex;
    gap: 10px;
}

/* Заголовки колонок */
.footer-title {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Ссылки */
.footer-links, .footer-contacts {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: #4b5563;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-links a:hover {
    color: var(--brand); /* Твой синий цвет */
    padding-left: 5px;   /* Эффект сдвига при наведении */
}

.footer-contacts li {
    margin-bottom: 12px;
    display: flex;
    gap: 8px;
    color: #4b5563;
}

.footer-contacts a {
    font-weight: 600;
    color: #111827;
}

/* Нижняя полоса */
.footer-bottom {
    border-top: 1px solid #e5e7eb;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.policy-links {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 20px;
}

.policy-links a {
    color: #9ca3af;
    font-size: 13px;
}

.dev a {
    font-weight: 700;
    color: var(--brand);
}

/* АДАПТИВНОСТЬ */
@media (max-width: 920px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 колонки на планшете */
    }
}

@media (max-width: 560px) {
    .footer-grid {
        grid-template-columns: 1fr; /* 1 колонка на телефоне */
        text-align: left;
    }
    .footer-socials {
        justify-content: start;
    }
    .footer-contacts li {
        justify-content: start;
    }
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }
    .footer-links a:hover {
        padding-left: 0; /* Убираем сдвиг на мобилке */
    }
}
/* === HEADER (TOPBAR) === */
.top {
    background: rgba(255, 255, 255, 0.95); /* Белый полупрозрачный */
    padding: 10px 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
    /* На мобилках позиция static, на ПК будет fixed через медиа-запрос ниже */
}

/* При скролле можно добавлять класс для тени, но пока сделаем сразу */
@media (min-width: 920px) {
    .top {
        position: fixed;
        top: 0; left: 0; right: 0;
    }
}
@media (max-width: 920px) {
    body { padding-top: 0; }
}

.top .wrap {
    /* Серая плашка с лого */
    border: 1px solid #e5e7eb;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #f9fafb; /* Чуть серее фон */
}

/* Меню навигации */
.nav-menu {
    display: flex;
    justify-content: start; /* Центрируем ссылки */
    gap: 30px; /* Расстояние между ссылками */
    background: #f9fafb;
    border-radius: 12px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 12px 18px;
}

.nav-menu a {
    position: relative;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase; /* Делаем КАПСОМ */
    letter-spacing: 0.05em;
    color: #374151;
    text-decoration: none;
    padding: 8px 0;
    transition: color 0.2s;
}

.nav-menu a:hover {
    color: var(--brand); /* Синий при наведении */
}

/* Полоска под ссылкой при наведении */
.nav-menu a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--brand);
    transition: width 0.3s;
}

.nav-menu a:hover::after {
    width: 100%;
}

/* Лого и контакты */
.brand { display: flex; align-items: center; gap: 12px; }
.brand-name { font-weight: 800; letter-spacing: 0.02em; font-size: 14px; text-transform: uppercase; max-width: 250px; line-height: 1.2; }
.meta { display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
.muted { color: #6b7280; font-size: 13px; }
.phones { text-align: right; }
.phones a { display: block; font-weight: 700; font-size: 15px; color: #111827; }

/* АДАПТИВНОСТЬ */
@media(max-width: 920px) {
    .nav-menu { display: none;} /* Скрываем меню на планшетах и телефонах */
    .top .wrap { flex-direction: column; align-items: flex-start; }
    .brand-name { font-size: 12px; }
    .phones { text-align: left; margin-top: 10px; }
}
/* === DROPDOWN MENU STYLES === */

/* Контейнер для пункта меню с выпадашкой */
.nav-item.dropdown {
    position: relative;
    display: flex;
    align-items: center;
}

/* Скрытый блок с подкатегориями */
.dropdown-content {
    display: none;
    position: absolute;
    top: 100%; /* Появляется ровно под ссылкой */
    left: 0;
    background-color: #ffffff;
    min-width: 220px; /* Ширина выпадашки */
    box-shadow: 0 8px 24px rgba(0,0,0,0.12); /* Красивая тень */
    border-radius: 12px;
    padding: 10px 0;
    z-index: 2000; /* Чтобы было выше слайдера */
    border: 1px solid #f3f4f6;
    animation: fadeIn 0.2s ease-in-out;
}

/* Ссылки внутри выпадашки */
.dropdown-content a {
    color: #374151;
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-transform: none; /* Убираем капс внутри */
    border-bottom: 1px solid transparent;
}

/* Ховер внутри выпадашки */
.dropdown-content a:hover {
    background-color: #f9fafb;
    color: var(--brand);
    padding-left: 25px; /* Эффект сдвига */
}

/* Показываем меню при наведении на родителя */
.nav-item.dropdown:hover .dropdown-content {
    display: block;
}

/* Стрелочка ▾ */
.dropbtn {
    cursor: default; /* Чтобы курсор не менялся на текст */
}

/* Анимация появления */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Фикс для полосочки родителя, когда меню открыто */
.nav-item.dropdown:hover > a::after {
    width: 100%;
}
/* --- Hero Section --- */
.page-hero {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 0;
    margin-bottom: 30px;
    background-color: #333; /* Фолбек цвет */
    color: #fff;
    text-align: center;
}
/* Затемнение фона, чтобы текст читался */
.page-hero::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.page-hero .container {
    position: relative;
    z-index: 2;
}
.page-hero h1 {
    font-size: 42px;
    font-weight: 700;
    margin: 0;
}

/* --- Breadcrumbs --- */
.breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    color: #666;
}
.breadcrumbs li::after {
    content: '/';
    margin: 0 10px;
    color: #ccc;
}
.breadcrumbs li:last-child::after {
    display: none;
}
.breadcrumbs a {
    color: #333;
    text-decoration: none;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}

/* --- Grid для подкатегорий и товаров --- */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
    margin-bottom: 50px;
}

/* Карточка подкатегории */
.subcat-card {
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    transition: transform 0.2s, box-shadow 0.2s;
    background: #fff;
}
.subcat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.subcat-card img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.subcat-card a {
    display: block;
    padding: 15px;
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

/* Карточка товара (базовая) */
.product-card {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.product-thumb {
    height: 180px;
    background: #f9f9f9;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-thumb img {
    max-width: 100%;
    max-height: 100%;
}
.product-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    flex-grow: 1; /* Чтобы кнопки были на одном уровне */
}
.product-price {
    font-size: 18px;
    font-weight: bold;
    color: #d32f2f;
    margin-bottom: 15px;
}
.btn-primary {
    background: #333;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    text-decoration: none;
}
.page-hero {
    position: relative;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    color: #fff;
    margin-bottom: 30px;
    background-color: #333;
}
.page-hero::before {
    content: '';
    position: absolute;
    top:0; left:0; right:0; bottom:0;
    background: rgba(0,0,0, 0.6);
}
.page-hero .container {
    position: relative;
    z-index: 2;
}
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
    margin-bottom: 50px;
}
.product-card {
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
    padding: 15px;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
}
.product-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.product-img {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
    margin-bottom: 15px;
}
.product-img img {
    max-height: 100%;
    max-width: 100%;
}
.product-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.price-tag {
    font-size: 18px;
    font-weight: bold;
    color: #d32f2f;
    margin: 10px 0;
}
.section-title h2 {
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
/* Критические стили для Hero-блока (для LCP) */
.page-hero {
    position: relative;
    background-color: #222;
    color: #fff;
    padding: 120px 0;
    padding-top: 180px;
    background-size: cover;
    background-position: center;
    margin-bottom: 40px;
}
.page-hero::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.hero-content {
    position: relative;
    z-index: 2;
}
.hero-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 800;
    margin: 0;
}
/* Сетка товаров */
.catalog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 25px;
}

 .product-wrapper {
     padding: 40px 0;
     padding-top: 180px;
 }
.product-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 60px;
    align-items: start;
}
@media (max-width: 768px) {
    .product-detail-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Левая часть - Фото */
.product-gallery {
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.product-gallery img {
    max-width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: contain;
}

/* Правая часть - Инфо */
.product-info-block h1 {
    font-size: 32px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.2;
}
.stock-status {
    display: inline-block;
    background: #e8f5e9;
    color: #2e7d32;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.main-price {
    font-size: 36px;
    font-weight: 800;
    color: #333;
    margin-bottom: 25px;
}
.currency {
    font-size: 24px;
    color: #777;
}
.short-desc {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

/* Кнопка WhatsApp */
.btn-wa-order {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e74c3c; /* Твой красный бренд */
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 40px;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.3s, transform 0.2s;
    width: 100%;
    max-width: 350px;
    box-shadow: 0 4px 10px rgba(231, 76, 60, 0.3);
}
.btn-wa-order:hover {
    background: #c0392b;
    color: #fff;
    transform: translateY(-2px);
    text-decoration: none;
}
.btn-wa-order img {
    margin-right: 10px;
    filter: brightness(0) invert(1); /* Делаем иконку белой */
}

/* Табы с описанием */
.product-full-desc {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 50px;
}
.product-full-desc h2 {
    font-size: 24px;
    margin-bottom: 20px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
    display: inline-block;
}

/* Похожие товары */
.related-title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
}
.about-hero {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('/images/about-bg.jpg'); /* Подставь свое фото */
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 100px 0;
    padding-top: 180px;
    text-align: center;
    background-color: #2c3e50; /* Фолбек цвет */
}
.about-hero h1 { font-size: 42px; font-weight: 800; margin-bottom: 20px; }
.about-hero p { font-size: 20px; max-width: 700px; margin: 0 auto; opacity: 0.9; }

/* Секция "О нас" */
.about-section { padding: 60px 0; }
.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}
.about-text h2 { font-size: 32px; margin-bottom: 20px; color: #333; }
.about-text p { font-size: 16px; line-height: 1.6; color: #555; margin-bottom: 15px; }
.about-img img { width: 100%; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }

/* Преимущества */
.features-section { background: #f8f9fa; padding: 60px 0; }
.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}
.feature-card {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #eee;
    transition: transform 0.3s;
}
.feature-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.feature-icon { font-size: 40px; margin-bottom: 20px; }
.feature-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.feature-desc { font-size: 14px; color: #666; }

/* Цифры */
.stats-section { padding: 60px 0; text-align: center; }
.stats-grid { display: flex; justify-content: space-around; flex-wrap: wrap; }
.stat-item { margin: 20px; }
.stat-number { font-size: 48px; font-weight: 800; color: #e74c3c; display: block; }
.stat-label { font-size: 16px; color: #333; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }

/* CTA */
.cta-section {
    background: #333;
    color: #fff;
    padding: 60px 0;
    text-align: center;
}
.btn-cta {
    display: inline-block;
    background: #e74c3c;
    color: #fff;
    padding: 15px 40px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 50px;
    text-decoration: none;
    margin-top: 20px;
    transition: background 0.3s;
}
.btn-cta:hover { background: #c0392b; }

@media (max-width: 768px) {
    .about-grid { grid-template-columns: 1fr; }
    .about-hero h1 { font-size: 32px; }
}

/* Hero */
.delivery-hero {
    background-color: #f8f9fa;
    padding: 60px 0;
    padding-top: 180px;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}
.delivery-hero h1 { font-size: 36px; font-weight: 800; margin: 0; color: #333; }
.delivery-hero p { margin-top: 10px; color: #666; font-size: 18px; max-width: 800px; }

/* Заголовки */
.info-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e74c3c;
    display: inline-block;
}

/* Карточки */
.methods-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}
.method-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 30px;
    transition: box-shadow 0.3s;
    height: 100%;
}
.method-card:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.05); }

.m-icon { font-size: 32px; margin-bottom: 15px; display: block; }
.m-head { font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #333; }
.m-text { font-size: 15px; color: #555; line-height: 1.6; }
.m-sub { font-size: 13px; color: #888; margin-top: 10px; font-style: italic; }

/* Блок ВНИМАНИЕ (Предоплата) */
.alert-prepay {
    background: #fff5f5;
    border-left: 5px solid #e74c3c;
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 4px;
}
.alert-prepay h3 { margin-top: 0; color: #c0392b; font-size: 18px; }
.alert-prepay p { margin-bottom: 0; color: #333; }

/* Список документов */
.docs-list { list-style: none; padding: 0; margin-top: 10px; }
.docs-list li { position: relative; padding-left: 25px; margin-bottom: 5px; color: #555; }
.docs-list li::before { content: '📄'; position: absolute; left: 0; top: 0; font-size: 14px; }



/* Hero */
.page-hero {
    background-color: #333;
    color: #fff;
    padding: 60px 0;
    padding-top: 180px;
    text-align: center;
    margin-bottom: 40px;
}
.page-hero h1 { font-size: 36px; font-weight: 800; margin: 0; }

/* Сетка контактов */
.contacts-grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 40px;
    margin-bottom: 60px;
}
@media (max-width: 992px) {
    .contacts-grid { grid-template-columns: 1fr; }
    /* Карта на мобильных пусть будет квадратной */
    .map-container iframe { height: 400px; }
}

/* Блок информации */
.contact-info-box {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border: 1px solid #eee;
}
.contact-item {
    margin-bottom: 25px;
    display: flex;
    align-items: flex-start;
}
.c-icon {
    font-size: 24px;
    margin-right: 15px;
    color: #e74c3c;
    min-width: 30px;
    text-align: center;
}
.c-title {
    font-size: 14px;
    color: #888;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: uppercase;
}
.c-text {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    line-height: 1.5;
}
.c-text a {
    color: #333;
    text-decoration: none;
    border-bottom: 1px dashed #ccc;
    transition: color 0.2s;
}
.c-text a:hover { color: #e74c3c; border-bottom-color: #e74c3c; }

/* Кнопки действий */
.contact-actions {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.btn-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    transition: transform 0.2s;
}
.btn-contact:hover { transform: translateY(-2px); text-decoration: none; }

.btn-wa { background: #25D366; color: #fff !important; }
.btn-call { background: #333; color: #fff !important; }

/* Карта */
.map-container {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border: 1px solid #eee;
    height: 100%;
    min-height: 400px;
}
.map-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* Hero */
.req-hero {
    background-color: #f8f9fa;
    padding: 60px 0;
    padding-top: 180px;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}
.req-hero h1 { font-size: 36px; font-weight: 800; margin: 0; color: #333; }
.req-hero p { margin-top: 10px; color: #666; font-size: 18px; max-width: 800px; }

/* Блок "ВАЖНО" (Красный) */
.alert-stop {
    background: #fff5f5;
    border: 2px solid #e74c3c;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 50px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.stop-icon {
    font-size: 40px;
    line-height: 1;
}
.stop-content h2 {
    margin-top: 0;
    color: #c0392b;
    font-size: 24px;
    font-weight: 700;
}
.stop-content p {
    margin-bottom: 0;
    color: #333;
    font-size: 16px;
    line-height: 1.5;
}

/* Грид документов */
.docs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
}

/* Карточка требований */
.doc-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    transition: transform 0.3s;
    height: 100%;
}
.doc-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); }

.card-icon { font-size: 40px; margin-bottom: 20px; }
.card-title { font-size: 22px; font-weight: 700; margin-bottom: 20px; color: #333; padding-bottom: 15px; border-bottom: 2px solid #333; }

/* Список с галочками */
.check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.check-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #444;
    line-height: 1.4;
}
.check-list li::before {
    content: '✅';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
}
.note {
    font-size: 14px;
    color: #777;
    margin-top: 20px;
    font-style: italic;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 4px;
}

/* Кнопка WhatsApp внизу */
.wa-cta-block {
    text-align: center;
    margin-top: 40px;
    padding: 40px;
    padding-bottom: 80px;
    background: #f0fdf4;
    border-radius: 12px;
}

/* =========================================
   ФОРМА ПОИСКА (300px FIX)
   ========================================= */

.search-form {
    display: flex;
    align-items: center; /* Выравнивание по вертикали строго по центру */
    justify-content: space-between;

    background: #fff;
    border: 2px solid #eee;
    border-radius: 50px;
    padding: 2px; /* Минимальный отступ */

    width: 100%;
    max-width: 280px; /* Твой размер */

    transition: all 0.3s ease;
    /* Если родитель flex, это не даст форме сплющиться меньше 200px */
    flex-shrink: 0;
}

/* Ховер эффект рамки */
.search-form:focus-within {
    border-color: #e74c3c;
    box-shadow: 0 4px 10px rgba(231, 76, 60, 0.1);
}

/* Поле ввода */
.search-form input[type="text"] {
    border: none;
    background: transparent;
    outline: none;
    color: #333;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 50px 0 0 50px;

    /* ГЛАВНЫЕ ФИКСЫ ДЛЯ 300px: */
    width: auto;      /* Сбрасываем фиксированную ширину */
    flex-grow: 1;     /* Растягиваемся на доступное место */
    min-width: 0;     /* РАЗРЕШАЕМ СЖИМАТЬСЯ (Лечит вылет кнопки) */
}

/* Кнопка */
.search-form button {
    background: #333;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 8px 20px; /* Чуть уменьшил паддинги под 300px */
    font-size: 13px;   /* Чуть меньше шрифт */
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;

    /* Фикс: запрещаем кнопке сжиматься */
    flex-shrink: 0;
    margin-left: 5px; /* Небольшой отступ от текста */
}

.search-form button:hover {
    background: #e74c3c;
}

/* Адаптив для мобилок - там можно вернуть ширину побольше */
@media (max-width: 768px) {
    .search-form {
        max-width: 100%; /* На телефоне пусть будет во всю ширину */
    }
}
/* === БАЗОВЫЕ СТИЛИ (Чтобы работало везде) === */

/* Скрываем бургер на ПК */
.burger-btn {
    display: none;
}

/* Группировка Лого+Текст (чтобы на ПК стояли рядом) */
.logo-group {
    display: flex;
    align-items: center;
}

/* Обертка поиска (на ПК просто лежит рядом) */
.search-burger-wrap {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

/* === АДАПТИВ ПОД МОБИЛКУ (Max-Width 768px) === */
@media (max-width: 768px) {

    /* 1. Общий контейнер шапки */
    .top .wrap {
        flex-direction: column; /* Все блоки вертикально */
        align-items: stretch;
        padding-bottom: 10px;
    }

    /* 2. Блок бренда (разбиваем на строки) */
    .top .brand {
        flex-direction: column; /* Лого над поиском */
        align-items: stretch;   /* На всю ширину */
        width: 100%;
        margin-bottom: 10px;
    }

    /* СТРОКА 1: Логотип + Текст */
    .logo-group {
        justify-content: center; /* Слева */

    }
    .logo-group img {
        height: 35px; /* Чуть меньше лого */
    }
    .brand-name {
        font-size: 12px; /* Чуть меньше текст */
        line-height: 1.2;
    }

    /* СТРОКА 2: Поиск + Бургер */
    .search-burger-wrap {
        margin-left: 0; /* Убираем отступ ПК */
        width: 100%;
        display: flex;
        justify-content: space-between; /* Раскидываем по краям */
        align-items: center;
        gap: 10px;
    }

    /* Форма поиска на мобиле */
    .search-form {
        flex-grow: 1; /* Занимает всё место */
        width: auto !important; /* Перебиваем фикс ширину */
        max-width: unset;
    }

    /* Кнопка бургера (Появляется) */
    .burger-btn {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 40px;
        height: 38px; /* Высота под поле поиска */
        background: none;
        border: none;
        border-radius: 4px;
        padding: 8px;
        cursor: pointer;
    }
    .burger-btn span {
        display: block;
        height: 3px;
        background: #333;
        border-radius: 2px;
    }

    /* СТРОКА 3: Адрес (Блок Meta) */
    .meta {
        text-align: center; /* Всё по центру */
        margin-left: 0 !important; /* Убираем margin-left: auto если был */
        width: 100%;
        border-top: 1px solid #eee;
        padding-top: 15px;
    }

    .address-line {
        width: 100%;
        font-size: 12px;
    }

    /* СТРОКА 4: Телефоны */
    .phones {
        display: flex;
        justify-content: center;
        gap: 20px;
        font-size: 14px;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* === МОБИЛЬНОЕ МЕНЮ (Скрываем/Показываем) === */
    .nav-menu {
        display: none; /* Скрыто по умолчанию */
        flex-direction: column;
        background: #f8f9fa;
        width: 100%;
    }

    .nav-menu.active {
        display: flex !important; /* Показываем при клике */
    }

    .nav-menu a {
        padding: 15px;
        border-bottom: 1px solid #eee;
        text-align: left;
    }

    /* Скрываем выпадашки на мобиле или делаем их плоскими (по желанию) */
    .nav-item.dropdown {
        display: flex;
        flex-direction: column;
    }
    .dropdown-content {
        position: static; /* Становится частью потока */
        box-shadow: none;
        border: none;
        padding-left: 20px; /* Отступ для подпунктов */
        display: block; /* Всегда видно или по клику */
    }
    .top{
        padding: 0 0;
    }
    .top .container{
        padding: 0 0;
    }
    .top > .container > .wrap{
        padding-bottom: 20px !important;
    }
}
/* Кнопка закрытия (по умолчанию скрыта на ПК) */
.close-menu-btn {
    display: none;
}

/* === АДАПТИВНОЕ МЕНЮ (OFF-CANVAS) === */
@media (max-width: 768px) {

    .nav-menu {
        display: flex !important; /* Чтобы flex работал внутри */
        flex-direction: column;

        /* ФИКСИРОВАННАЯ ПОЗИЦИЯ НА ВЕСЬ ЭКРАН */
        position: fixed;
        top: 0;
        right: -100%; /* Спрятано справа за экраном */
        width: 100%;  /* На всю ширину */
        height: 100vh; /* На всю высоту */

        background: #fff; /* Белый фон */
        z-index: 9999; /* Поверх всего */
        padding: 60px 20px 20px 20px; /* Отступ сверху, чтобы не налезть на крестик */

        transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1); /* Плавная анимация */
        box-shadow: -5px 0 15px rgba(0,0,0,0.1);

        overflow-y: auto; /* Если пунктов много - можно скроллить */
    }

    /* Когда добавляем класс active — меню выезжает */
    .nav-menu.active {
        right: 0;
    }

    /* СТИЛИ ССЫЛОК ВНУТРИ МОБИЛЬНОГО МЕНЮ */
    .nav-menu > a,
    .nav-item .dropbtn {
        font-size: 16px; /* Крупный шрифт */
        font-weight: 700;
        padding: 15px 0;
        border-bottom: 1px solid #f0f0f0;
        text-align: left; /* По центру */
        color: #333;
        display: block;
    }

    /* Подкатегории */
    .dropdown-content {
        position: static;
        box-shadow: none;
        padding: 0;
        border: none;
        background: #f9f9f9; /* Чуть серый фон для подменю */
        margin-bottom: 10px;
        display: block; /* Сразу показываем подкатегории */
        width: 100%;
        border-radius: 0;
    }

    .dropdown-content a {
        font-size: 16px;
        padding: 12px 10px;
        color: #555;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    /* КНОПКА ЗАКРЫТИЯ (КРЕСТИК) */
    .close-menu-btn {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        background: none;
        border: none;
        font-size: 40px;
        line-height: 1;
        color: #333;
        cursor: pointer;
        padding: 0 10px;
    }
    .nav-item.dropdown{
        align-items: start;
    }
    .page-hero, .product-wrapper, .about-hero, .about-section, .delivery-hero, .req-hero{
        padding-top: 40px;
    }
    .wa-cta-block{
        padding: 40px 20px;
        padding-top: 20px;
    }
    .btn-primary{
        font-size: 12px !important;
    }
}