:root{--bg:#090909;--bg-soft:#10100f;--surface:#151513;--surface-light:#1b1a17;--gold:#e3c56d;--gold-light:#f2dda0;--gold-dark:#aa8b3e;--text:#f5f2e9;--text-soft:#b9b5a9;--muted:#817e76;--border:rgba(227,197,109,.18);--border-light:rgba(255,255,255,.08);--container:1400px;--pad:20px;--section:clamp(72px,8vw,128px);--radius:16px;--shadow:0 24px 80px rgba(0,0,0,.28);--header-h:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 15%,rgba(227,197,109,.06),transparent 28%),var(--bg);color:var(--text);font-family:Overlock,Arial,sans-serif;font-size:15px;line-height:1.65;overflow-x:hidden}body.menuOpen{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Overlock,Arial,sans-serif;letter-spacing:-.025em}h1{font-size:clamp(44px,4vw,68px);line-height:1.04;font-weight:600}h2{font-size:clamp(32px,3vw,48px);line-height:1.1}h3{font-size:22px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-light);font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}.btn{min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:.25s ease;cursor:pointer}.btn--primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#15120a;box-shadow:0 10px 35px rgba(227,197,109,.14)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(227,197,109,.24)}.btn--secondary{background:rgba(255,255,255,.03);border-color:rgba(227,197,109,.35);color:var(--text)}.btn--secondary:hover{background:rgba(227,197,109,.08);border-color:var(--gold)}.btn--small{min-height:42px;padding:0 18px}.siteHeader{position:fixed;inset:0 0 auto;z-index:100;height:var(--header-h);transition:.3s ease;border-bottom:1px solid transparent}.siteHeader.isScrolled{background:rgba(9,9,9,.88);backdrop-filter:blur(18px);border-color:var(--border-light)}.siteHeader__inner{height:100%;display:flex;align-items:center;gap:34px}.siteHeader__brand{display:flex;align-items:center;gap:11px;min-width:max-content}.siteHeader__mark{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-family:Overlock,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.08em}.siteHeader__name{font-family:Overlock,Arial,sans-serif;font-weight:600;font-size:16px}.siteHeader__nav{margin-left:auto;display:flex;align-items:center;gap:26px}.siteHeader__nav a{position:relative;color:var(--text-soft);font-size:16px;font-weight:600}.siteHeader__nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.25s}.siteHeader__nav a:hover{color:var(--text)}.siteHeader__nav a:hover:after{width:100%}.siteHeader__actions{display:flex;align-items:center;gap:16px}.siteHeader__phone{font-size:16px;color:var(--gold-light)}.siteHeader__toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--border);background:rgba(255,255,255,.03);border-radius:9px;padding:0;position:relative}.siteHeader__toggle span{position:absolute;left:11px;width:18px;height:1px;background:var(--text);transition:.25s}.siteHeader__toggle span:first-child{top:16px}.siteHeader__toggle span:last-child{top:24px}.siteHeader__toggle.isActive span:first-child{transform:translateY(4px) rotate(45deg)}.siteHeader__toggle.isActive span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobileNav{position:fixed;inset:var(--header-h) 0 0;background:rgba(9,9,9,.98);backdrop-filter:blur(18px)}.mobileNav__inner{padding-top:36px;display:grid;gap:0}.mobileNav__inner>a:not(.btn){padding:18px 0;border-bottom:1px solid var(--border-light);font-family:Overlock,Arial,sans-serif;font-size:24px}.mobileNav .btn{margin-top:28px}.siteFooter{padding:80px 0 28px;background:#070707;border-top:1px solid var(--border)}.siteFooter__grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:46px}.siteFooter__grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.siteFooter__brand p{max-width:330px;color:var(--muted);font-size:16px;margin:8px 0}.siteFooter h3{font-size:16px;color:var(--gold-light);margin-bottom:8px}.siteFooter a,.siteFooter span{font-size:16px;color:var(--text-soft)}.siteFooter a:hover{color:var(--gold)}.siteFooter__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:48px;padding-top:22px;border-top:1px solid var(--border-light)}.siteFooter__social{display:none}.backToTop{position:fixed;right:20px;bottom:20px;z-index:90;width:44px;height:44px;border:1px solid var(--border);background:rgba(15,15,14,.88);color:var(--gold);border-radius:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;cursor:pointer}.backToTop.isVisible{opacity:1;visibility:visible;transform:none}.cookieBanner{position:fixed;left:20px;right:20px;bottom:20px;z-index:200}.cookieBanner__content{width:min(100%,720px);margin-inline:auto;display:flex;align-items:center;gap:24px;padding:18px;background:rgba(17,17,16,.96);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.cookieBanner strong{font-family:Overlock,Arial,sans-serif;font-size:16px}.cookieBanner p{margin:4px 0 0;color:var(--muted);font-size:16px;line-height:1.5}.cookieBanner__actions{display:flex;gap:8px;margin-left:auto}





/* =========================
   01. HERO
========================= */
.hero{
    position:relative;
    min-height:clamp(700px,88vh,900px);
    display:flex;
    align-items:center;
    overflow:hidden;
    background:var(--color-bg,#090909);
    isolation:isolate;
}
.hero__media,
.hero__overlay,
.hero__glow{
    position:absolute;
    inset:0;
}
.hero__media{
    z-index:-4;
}
.hero__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.hero__overlay{
    z-index:-3;
    background:
        linear-gradient(90deg,rgba(6,6,6,.94) 0%,rgba(6,6,6,.80) 37%,rgba(6,6,6,.34) 68%,rgba(6,6,6,.58) 100%),
        linear-gradient(180deg,rgba(8,8,8,.3) 0%,rgba(8,8,8,.04) 45%,rgba(8,8,8,.92) 100%);
}
.hero__glow{
    z-index:-2;
    pointer-events:none;
}
.hero__glow--one{
    width:620px;
    height:620px;
    top:-220px;
    left:-180px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(227,197,109,.14),transparent 68%);
}
.hero__glow--two{
    width:520px;
    height:520px;
    inset:auto 5% -280px auto;
    border-radius:50%;
    background:radial-gradient(circle,rgba(227,197,109,.1),transparent 70%);
}
.hero__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:150px 20px 110px;
    display:grid;
    grid-template-columns:minmax(0,760px) minmax(260px,1fr);
    align-items:end;
    gap:80px;
}
.hero__content{
    max-width:760px;
}
.hero__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:24px;
    color:var(--color-gold,#e3c56d);
    font-size:16px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.hero__eyebrow-dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:var(--color-gold,#e3c56d);
    box-shadow:
        0 0 0 6px rgba(227,197,109,.08),
        0 0 22px rgba(227,197,109,.45);
}
.hero__title{
    max-width:750px;
    margin:0;
    color:#f7f4eb;
    font-size:clamp(44px,4.25vw,68px);
    line-height:1.03;
    font-weight:650;
    letter-spacing:-.045em;
}
.hero__title span{
    display:block;
    margin-top:8px;
    color:#c9c5ba;
    font-weight:500;
}
.hero__text{
    max-width:610px;
    margin:27px 0 0;
    color:rgba(245,242,233,.72);
    font-size:16px;
    line-height:1.75;
}
.hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:34px;
}
.hero .btn{
    min-height:52px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    border-radius:8px;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}
.hero .btn--primary{
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.14);
}
.hero .btn--primary:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.24);
}
.hero .btn--primary svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.hero .btn--secondary{
    color:#f1ede3;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(12,12,11,.42);
    backdrop-filter:blur(12px);
}
.hero .btn--secondary:hover{
    transform:translateY(-2px);
    border-color:rgba(227,197,109,.42);
    background:rgba(227,197,109,.08);
}
.hero__phone-icon svg{
    width:17px;
    height:17px;
    display:block;
    fill:none;
    stroke:var(--color-gold,#e3c56d);
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.hero__trust{
    margin-top:54px;
    display:flex;
    align-items:center;
    gap:22px;
}
.hero__trust-item{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.hero__trust-item strong{
    color:#f5f2e9;
    font-size:16px;
    line-height:1.2;
}
.hero__trust-item span{
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.3;
}
.hero__trust-line{
    width:1px;
    height:30px;
    background:rgba(227,197,109,.2);
}
.hero__side{
    display:flex;
    justify-content:flex-end;
}
.hero__side-card{
    width:min(100%,320px);
    padding:26px;
    border:1px solid rgba(227,197,109,.18);
    border-radius:14px;
    background:
        linear-gradient(
            145deg,
            rgba(20,20,18,.72),
            rgba(13,13,12,.44)
        );
    box-shadow:0 30px 70px rgba(0,0,0,.28);
    backdrop-filter:blur(18px);
}
.hero__side-label{
    display:block;
    margin-bottom:9px;
    color:var(--color-gold,#e3c56d);
    font-size:16px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.hero__side-card strong{
    display:block;
    color:#f4f0e7;
    font-size:19px;
    font-weight:600;
}
.hero__side-card p{
    margin:13px 0 18px;
    color:rgba(245,242,233,.58);
    font-size:16px;
    line-height:1.65;
}
.hero__side-card a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#e3c56d;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
}
.hero__scroll{
    position:absolute;
    z-index:3;
    right:34px;
    bottom:34px;
    display:flex;
    align-items:center;
    gap:11px;
    color:rgba(255,255,255,.45);
    font-size:16px;
    font-weight:600;
    letter-spacing:.15em;
    text-transform:uppercase;
    text-decoration:none;
    writing-mode:vertical-rl;
}
.hero__scroll i{
    width:1px;
    height:42px;
    display:block;
    background:linear-gradient(to bottom,#e3c56d,transparent);
}

/* =========================
   HERO RESPONSIVE
========================= */
@media (max-width:1100px){
    .hero__container{
        grid-template-columns:minmax(0,1fr) 280px;
        gap:45px;
    }
}

@media (max-width:900px){
    .hero{
        min-height:760px;
    }
    .hero__container{
        grid-template-columns:1fr;
        align-items:center;
        gap:36px;
        padding:140px 20px 80px;
    }
    .hero__side{
        justify-content:flex-start;
    }
    .hero__side-card{
        width:min(100%,420px);
    }
    .hero__scroll{
        display:none;
    }
}

@media (max-width:768px){
    .hero{
        min-height:720px;
    }
    .hero__overlay{
        background:
            linear-gradient(
                90deg,
                rgba(6,6,6,.91),
                rgba(6,6,6,.60)
            ),
            linear-gradient(
                180deg,
                rgba(6,6,6,.28),
                rgba(6,6,6,.90)
            );
    }
    .hero__container{
        padding:125px 20px 65px;
    }
    .hero__title{
        font-size:clamp(36px,9vw,48px);
        line-height:1.06;
    }
    .hero__text{
        max-width:540px;
        font-size:15px;
    }
    .hero__trust{
        margin-top:38px;
    }
}

@media (max-width:576px){
    .hero{
        min-height:700px;
    }
    .hero__container{
        padding:112px 20px 54px;
        gap:28px;
    }
    .hero__eyebrow{
        margin-bottom:18px;
        font-size:16px;
        letter-spacing:.11em;
    }
    .hero__title{
        font-size:clamp(34px,10.2vw,42px);
        letter-spacing:-.035em;
    }
    .hero__text{
        margin-top:20px;
        font-size:16px;
        line-height:1.65;
    }
    .hero__actions{
        margin-top:27px;
        flex-direction:column;
    }
    .hero .btn{
        width:100%;
    }
    .hero__trust{
        gap:14px;
        justify-content:space-between;
    }
    .hero__trust-item strong{
        font-size:16px;
    }
    .hero__trust-item span{
        font-size:16px;
    }
    .hero__trust-line{
        height:26px;
    }
    .hero__side-card{
        padding:20px;
    }
}

@media (max-width:390px){
    .hero__trust{
        align-items:flex-start;
        gap:9px;
    }
    .hero__trust-line{
        height:24px;
    }
    .hero__trust-item strong{
        font-size:16px;
    }
    .hero__trust-item span{
        font-size:16px;
    }
}





/* =========================
   02. SERVICE ADVANTAGES
========================= */
.serviceIntro{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}
.serviceIntro__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}
.serviceIntro__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    filter:blur(10px);
}
.serviceIntro__glow--left{
    width:520px;
    height:520px;
    left:-250px;
    top:120px;
    background:radial-gradient(circle,rgba(227,197,109,.08),transparent 70%);
}
.serviceIntro__glow--right{
    width:440px;
    height:440px;
    right:-180px;
    bottom:-120px;
    background:radial-gradient(circle,rgba(227,197,109,.07),transparent 70%);
}
.serviceIntro__head{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.75fr);
    gap:80px;
    align-items:end;
    margin-bottom:58px;
}
.serviceIntro__heading{
    max-width:760px;
}
.serviceIntro__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.serviceIntro__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.serviceIntro__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.serviceIntro__description{
    max-width:500px;
    padding-left:28px;
    border-left:1px solid rgba(227,197,109,.25);
}
.serviceIntro__description p{
    margin:0;
    color:rgba(245,242,233,.72);
    font-size:16px;
    line-height:1.75;
}
.serviceIntro__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}
.serviceIntro__card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:100%;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    overflow:hidden;
    background:rgba(255,255,255,.02);
    box-shadow:0 18px 50px rgba(0,0,0,.18);
    transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;
}
.serviceIntro__card:hover{
    transform:translateY(-6px);
    border-color:rgba(227,197,109,.24);
    background:rgba(227,197,109,.04);
    box-shadow:0 26px 70px rgba(0,0,0,.26);
}
.serviceIntro__card--featured{
    background:linear-gradient(180deg,rgba(227,197,109,.06),rgba(255,255,255,.02));
}
.serviceIntro__image{
    position:relative;
    aspect-ratio: 1.28 / 1;
    overflow:hidden;
    background:#111;
}
.serviceIntro__image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .45s ease;
}
.serviceIntro__card:hover .serviceIntro__image img{
    transform:scale(1.05);
}
.serviceIntro__imageOverlay{
    position:absolute;display:none;
    inset:0;
    background:
        linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.2) 45%,rgba(0,0,0,.72) 100%),
        linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,0) 55%,rgba(227,197,109,.08) 100%);
}
.serviceIntro__icon{
    position:absolute;
    top:18px;
    right:18px;
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:14px;
    background:rgba(12,12,11,.55);
    backdrop-filter:blur(12px);
}
.serviceIntro__icon svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.serviceIntro__cardBody{
    position:relative;
    padding:28px 28px 34px;
    display:flex;
    flex-direction:column;
    flex:1;
}
.serviceIntro__number{
    display:inline-block;
    margin-bottom:16px;
    color:rgba(227,197,109,.82);
    font-size:15px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}
.serviceIntro__cardBody h3{
    margin:0 0 14px;
    color:#f3f0e7;
    font-size:23px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.02em;
}
.serviceIntro__cardBody p{
    margin:0;
    color:rgba(245,242,233,.68);
    font-size:15px;
    line-height:1.72;
}
.serviceIntro__line{
    position:absolute;
    left:28px;
    right:28px;
    bottom:0;
    height:2px;
    background:linear-gradient(90deg,#e3c56d 0%,rgba(227,197,109,.2) 40%,transparent 100%);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .35s ease;
}
.serviceIntro__card:hover .serviceIntro__line{
    transform:scaleX(1);
}
.serviceIntro__bottom{
    margin-top:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}
.serviceIntro__bottomText{
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.5;
}
.serviceIntro__bottomDot{
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:#e3c56d;
    box-shadow:0 0 0 5px rgba(227,197,109,.07);
}
.serviceIntro__link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#e3c56d;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    text-decoration:none;
}
.serviceIntro__link svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}
.serviceIntro__link:hover svg{
    transform:translateX(4px);
}

/* =========================
   SERVICE ADVANTAGES RESPONSIVE
========================= */
@media (max-width:1100px){
    .serviceIntro{
        padding:95px 0;
    }
    .serviceIntro__head{
        gap:50px;
    }
    .serviceIntro__grid{
        gap:20px;
    }
    .serviceIntro__cardBody{
        padding:24px 24px 30px;
    }
    .serviceIntro__line{
        left:24px;
        right:24px;
    }
}
@media (max-width:900px){
    .serviceIntro__head{
        grid-template-columns:1fr;
        gap:28px;
        margin-bottom:45px;
    }
    .serviceIntro__description{
        max-width:650px;
    }
    .serviceIntro__grid{
        grid-template-columns:1fr;
    }
    .serviceIntro__image{
        aspect-ratio:1.7 / 1;
    }
}
@media (max-width:768px){
    .serviceIntro{
        padding:78px 0;
    }
    .serviceIntro__title{
        font-size:clamp(30px,6vw,38px);
    }
    .serviceIntro__description{
        padding-left:20px;
    }
    .serviceIntro__description p{
        font-size:15px;
    }
}
@media (max-width:576px){
    .serviceIntro{
        padding:68px 0;
    }
    .serviceIntro__head{
        margin-bottom:34px;
    }
    .serviceIntro__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .serviceIntro__title{
        font-size:clamp(29px,8vw,36px);
    }
    .serviceIntro__description{
        padding-left:16px;
    }
    .serviceIntro__image{
        aspect-ratio:1.38 / 1;
    }
    .serviceIntro__icon{
        top:14px;
        right:14px;
        width:48px;
        height:48px;
        border-radius:12px;
    }
    .serviceIntro__icon svg{
        width:24px;
        height:24px;
    }
    .serviceIntro__cardBody{
        padding:22px 20px 28px;
    }
    .serviceIntro__cardBody h3{
        font-size:21px;
    }
    .serviceIntro__cardBody p{
        font-size:16px;
        line-height:1.65;
    }
    .serviceIntro__bottom{
        margin-top:28px;
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }
    .serviceIntro__bottomText,
    .serviceIntro__link{
        font-size:16px;
    }
    .serviceIntro__line{
        left:20px;
        right:20px;
    }
}
@media (max-width:390px){
    .serviceIntro__cardBody h3{
        font-size:20px;
    }
}






/* =========================
   03. AUTHORIZED BRANDS
========================= */
.brandsShowcase{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 82% 32%,rgba(227,197,109,.07),transparent 30%),
        linear-gradient(180deg,#090909 0%,#0c0c0b 100%);
}
.brandsShowcase__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);
    gap:80px;
    align-items:center;
}
.brandsShowcase__glow{
    position:absolute;
    width:580px;
    height:580px;
    right:-280px;
    top:50%;
    transform:translateY(-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(227,197,109,.08),transparent 70%);
    pointer-events:none;
}
.brandsShowcase__visual{
    position:relative;
    min-height:610px;
    overflow:hidden;
    border-radius:18px;
    background:#111;
    box-shadow:0 35px 80px rgba(0,0,0,.32);
}
.brandsShowcase__visual img{
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    object-fit:cover;
    transition:transform .7s ease;
}
.brandsShowcase__visual:hover img{
    transform:scale(1.035);
}
.brandsShowcase__visualOverlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(0,0,0,.74) 100%),*/
    /*    linear-gradient(90deg,rgba(227,197,109,.07),transparent 46%);*/
}
.brandsShowcase__visualBadge{
    position:absolute;
    left:24px;
    right:24px;
    bottom:24px;
    padding:22px 24px;
    display:flex;
    align-items:center;
    gap:18px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(10,10,9,.7);
    backdrop-filter:blur(15px);
}
.brandsShowcase__visualBadge span{
    color:#e3c56d;
    font-size:32px;
    line-height:1;
    font-weight:650;
    letter-spacing:-.03em;
}
.brandsShowcase__visualBadge p{
    max-width:180px;
    margin:0;
    color:rgba(245,242,233,.76);
    font-size:16px;
    line-height:1.45;
}
.brandsShowcase__content{
    max-width:700px;
}
.brandsShowcase__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.brandsShowcase__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.brandsShowcase__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.brandsShowcase__text{
    max-width:650px;
    margin:24px 0 0;
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}
.brandsShowcase__grid{
    margin-top:38px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-top:1px solid rgba(255,255,255,.08);
    border-left:1px solid rgba(255,255,255,.08);
}
.brandsShowcase__brand{
    min-height:74px;
    padding:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    color:rgba(245,242,233,.72);
    background:rgba(255,255,255,.012);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
    text-decoration:none;
    transition:
        color .25s ease,
        background .25s ease,
        border-color .25s ease;
}
.brandsShowcase__brand:hover{
    color:#e3c56d;
    background:rgba(227,197,109,.05);
    border-color:rgba(227,197,109,.18);
}
.brandsShowcase__footer{
    margin-top:30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.brandsShowcase__link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#e3c56d;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    text-decoration:none;
}
.brandsShowcase__link svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}
.brandsShowcase__link:hover svg{
    transform:translateX(4px);
}
.brandsShowcase__footer p{
    max-width:260px;
    margin:0;
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.55;
    text-align:right;
}

/* =========================
   AUTHORIZED BRANDS RESPONSIVE
========================= */
@media (max-width:1100px){
    .brandsShowcase{
        padding:95px 0;
    }
    .brandsShowcase__container{
        grid-template-columns:minmax(350px,.85fr) minmax(0,1.15fr);
        gap:50px;
    }
    .brandsShowcase__visual{
        min-height:560px;
    }
}
@media (max-width:900px){
    .brandsShowcase__container{
        grid-template-columns:1fr;
        gap:48px;
    }
    .brandsShowcase__visual{
        min-height:auto;
        aspect-ratio:1.55 / 1;
    }
    .brandsShowcase__content{
        max-width:none;
    }
}
@media (max-width:768px){
    .brandsShowcase{
        padding:78px 0;
    }
    .brandsShowcase__title{
        font-size:clamp(30px,6vw,38px);
    }
    .brandsShowcase__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:576px){
    .brandsShowcase{
        padding:68px 0;
    }
    .brandsShowcase__container{
        gap:36px;
    }
    .brandsShowcase__visual{
        aspect-ratio:1 / 1.05;
        border-radius:15px;
    }
    .brandsShowcase__visualBadge{
        left:16px;
        right:16px;
        bottom:16px;
        padding:18px;
    }
    .brandsShowcase__visualBadge span{
        font-size:28px;
    }
    .brandsShowcase__visualBadge p{
        font-size:16px;
    }
    .brandsShowcase__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .brandsShowcase__title{
        font-size:clamp(29px,8vw,36px);
    }
    .brandsShowcase__text{
        margin-top:20px;
        font-size:15px;
        line-height:1.7;
    }
    .brandsShowcase__grid{
        margin-top:30px;
    }
    .brandsShowcase__brand{
        min-height:66px;
        font-size:15px;
    }
    .brandsShowcase__footer{
        flex-direction:column;
        align-items:flex-start;
    }
    .brandsShowcase__footer p{
        max-width:none;
        font-size:16px;
        text-align:left;
    }
}
@media (max-width:390px){
    .brandsShowcase__brand{
        min-height:62px;
        padding:12px 8px;
        font-size:16px;
    }
}






/* =========================
   04. LOCAL APPLIANCE REPAIR / TRUST SECTION
========================= */
.localTrust{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        linear-gradient(180deg,#0c0c0b 0%,#090909 100%);
}
.localTrust__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);
    gap:90px;
    align-items:center;
}
.localTrust__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.localTrust__glow--one{
    width:520px;
    height:520px;
    left:-260px;
    top:80px;
    background:radial-gradient(circle,rgba(227,197,109,.08),transparent 70%);
}
.localTrust__glow--two{
    width:600px;
    height:600px;
    right:-260px;
    bottom:-260px;
    background:radial-gradient(circle,rgba(227,197,109,.06),transparent 70%);
}
.localTrust__content{
    max-width:620px;
}
.localTrust__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.localTrust__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.localTrust__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.localTrust__text{
    max-width:590px;
    margin:25px 0 0;
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}
.localTrust__features{
    margin-top:36px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.localTrust__feature{
    padding:21px;
    display:flex;
    align-items:flex-start;
    gap:15px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:rgba(255,255,255,.02);
}
.localTrust__featureIcon{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.05);
}
.localTrust__featureIcon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.localTrust__feature strong{
    display:block;
    margin-bottom:7px;
    color:#f2efe6;
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}
.localTrust__feature p{
    margin:0;
    color:rgba(245,242,233,.58);
    font-size:16px;
    line-height:1.55;
}
.localTrust__actions{
    margin-top:34px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}
.localTrust__button{
    min-height:52px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}
.localTrust__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.22);
}
.localTrust__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.localTrust__textLink{
    color:#ddd8ce;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    border-bottom:1px solid rgba(227,197,109,.35);
    padding-bottom:4px;
    transition:color .25s ease,border-color .25s ease;
}
.localTrust__textLink:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}
.localTrust__visual{
    position:relative;
    min-height:650px;
}
.localTrust__image{
    position:absolute;
    overflow:hidden;
    border-radius:18px;
    background:#111;
}
.localTrust__image--main{
    inset:0 90px 80px 0;
    box-shadow:0 35px 80px rgba(0,0,0,.3);
}
.localTrust__image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.localTrust__image--main::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.24)),
        linear-gradient(90deg,rgba(227,197,109,.06),transparent 50%);
}
.localTrust__smallImage{
    position:absolute;
    width:250px;
    height:205px;
    right:0;
    bottom:0;
    overflow:hidden;
    border:8px solid #0a0a09;
    border-radius:16px;
    background:#111;
    box-shadow:0 25px 55px rgba(0,0,0,.34);
}
.localTrust__smallImage img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.localTrust__floatingCard{
    position:absolute;
    z-index:4;
    width:250px;
    right:15px;
    top:44px;
    padding:22px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:14px;
    background:rgba(11,11,10,.78);
    backdrop-filter:blur(16px);
    box-shadow:0 25px 60px rgba(0,0,0,.3);
}
.localTrust__floatingLabel{
    display:block;
    margin-bottom:8px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.localTrust__floatingCard strong{
    display:block;
    color:#f4f1e8;
    font-size:24px;
    line-height:1.15;
    font-weight:600;
}
.localTrust__floatingCard p{
    margin:10px 0 0;
    color:rgba(245,242,233,.62);
    font-size:16px;
    line-height:1.55;
}

/* =========================
   04. LOCAL TRUST RESPONSIVE
========================= */
@media (max-width:1100px){
    .localTrust{
        padding:95px 0;
    }
    .localTrust__container{
        grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);
        gap:55px;
    }
    .localTrust__visual{
        min-height:590px;
    }
}
@media (max-width:900px){
    .localTrust__container{
        grid-template-columns:1fr;
        gap:52px;
    }
    .localTrust__content{
        max-width:720px;
    }
    .localTrust__visual{
        min-height:590px;
    }
    .localTrust__image--main{
        right:110px;
    }
}
@media (max-width:768px){
    .localTrust{
        padding:78px 0;
    }
    .localTrust__title{
        font-size:clamp(30px,6vw,38px);
    }
    .localTrust__features{
        grid-template-columns:1fr;
    }
    .localTrust__visual{
        min-height:520px;
    }
    .localTrust__image--main{
        right:70px;
        bottom:70px;
    }
    .localTrust__smallImage{
        width:220px;
        height:175px;
    }
}
@media (max-width:576px){
    .localTrust{
        padding:68px 0;
    }
    .localTrust__container{
        gap:38px;
    }
    .localTrust__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .localTrust__title{
        font-size:clamp(29px,8vw,36px);
    }
    .localTrust__text{
        margin-top:20px;
        font-size:15px;
        line-height:1.7;
    }
    .localTrust__feature{
        padding:18px;
    }
    .localTrust__feature strong{
        font-size:15px;
    }
    .localTrust__feature p{
        font-size:16px;
    }
    .localTrust__actions{
        align-items:stretch;
        flex-direction:column;
    }
    .localTrust__button{
        width:100%;
    }
    .localTrust__textLink{
        width:max-content;
    }
    .localTrust__visual{
        min-height:auto;
        padding-bottom:82px;
    }
    .localTrust__image--main{
        position:relative;
        inset:auto;
        width:calc(100% - 38px);
        height:auto;
        aspect-ratio:1 / 1.12;
    }
    .localTrust__floatingCard{
        width:210px;
        top:24px;
        right:0;
        padding:18px;
    }
    .localTrust__floatingCard strong{
        font-size:21px;
    }
    .localTrust__smallImage{
        width:185px;
        height:145px;
        right:0;
        bottom:0;
        border-width:6px;
    }
}
@media (max-width:390px){
    .localTrust__image--main{
        width:calc(100% - 25px);
    }
    .localTrust__floatingCard{
        width:185px;
    }
    .localTrust__smallImage{
        width:165px;
        height:130px;
    }
}







/* =========================
   05. REVIEWS & REPUTATION
========================= */
.reviewsSection{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 15% 45%,rgba(227,197,109,.07),transparent 28%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 50%,#090909 100%);
}
.reviewsSection__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);
    gap:90px;
    align-items:center;
}
.reviewsSection__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.reviewsSection__glow--top{
    width:500px;
    height:500px;
    right:-200px;
    top:-220px;
    background:radial-gradient(circle,rgba(227,197,109,.07),transparent 70%);
}
.reviewsSection__glow--bottom{
    width:460px;
    height:460px;
    left:-220px;
    bottom:-220px;
    background:radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* IMAGE */
.reviewsSection__visual{
    position:relative;
    min-height:650px;
    overflow:hidden;
    border-radius:20px;
    background:#111;
    box-shadow:0 35px 80px rgba(0,0,0,.35);
}
.reviewsSection__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}
.reviewsSection__visual:hover img{
    transform:scale(1.035);
}
.reviewsSection__imageOverlay{
    position:absolute;
    inset:0;
    background:transparent;
}
.reviewsSection__ratingCard{
    position:absolute;
    z-index:3;
    left:24px;
    right:24px;
    bottom:24px;
    padding:24px;
    border:1px solid rgba(227,197,109,.22);
    border-radius:15px;
    background:rgba(10,10,9,.76);
    backdrop-filter:blur(16px);
    box-shadow:0 20px 50px rgba(0,0,0,.28);
}
.reviewsSection__ratingTop{
    display:flex;
    align-items:center;
    gap:18px;
}
.reviewsSection__ratingTop > strong{
    color:#e3c56d;
    font-size:42px;
    line-height:1;
    font-weight:650;
    letter-spacing:-.04em;
}
.reviewsSection__stars{
    color:#e3c56d;
    font-size:17px;
    line-height:1;
    letter-spacing:3px;
}
.reviewsSection__ratingTop span{
    display:block;
    margin-top:7px;
    color:rgba(245,242,233,.68);
    font-size:16px;
}
.reviewsSection__ratingCard p{
    margin:17px 0 0;
    color:rgba(245,242,233,.68);
    font-size:15px;
    line-height:1.6;
}

/* CONTENT */
.reviewsSection__content{
    max-width:700px;
}
.reviewsSection__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.reviewsSection__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.reviewsSection__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.reviewsSection__intro{
    max-width:650px;
    margin:24px 0 0;
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* REVIEWS */
.reviewsSection__cards{
    margin-top:38px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.reviewsSection__review{
    position:relative;
    min-height:255px;
    padding:26px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    background:rgba(255,255,255,.02);
    transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.reviewsSection__review:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.035);
}
.reviewsSection__review--accent{
    background:
        linear-gradient(145deg,rgba(227,197,109,.065),rgba(255,255,255,.015));
}
.reviewsSection__reviewHead{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}
.reviewsSection__reviewStars{
    color:#e3c56d;
    font-size:15px;
    letter-spacing:2px;
}
.reviewsSection__reviewHead span{
    color:rgba(245,242,233,.52);
    font-size:16px;
    line-height:1.4;
}
.reviewsSection__review blockquote{
    margin:25px 0 28px;
    color:#e9e5dc;
    font-size:16px;
    line-height:1.7;
    font-weight:400;
}
.reviewsSection__reviewBottom{
    margin-top:auto;
    padding-top:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border-top:1px solid rgba(255,255,255,.07);
}
.reviewsSection__reviewBottom strong{
    color:#f4f1e8;
    font-size:15px;
    font-weight:600;
}
.reviewsSection__reviewBottom span{
    color:rgba(245,242,233,.52);
    font-size:16px;
}

/* BOTTOM TRUST ROW */
.reviewsSection__footer{
    margin-top:34px;
    padding-top:28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
}
.reviewsSection__trustItem{
    display:flex;
    flex-direction:column;
    gap:5px;
}
.reviewsSection__trustItem strong{
    color:#f2efe6;
    font-size:15px;
    line-height:1.3;
    font-weight:600;
}
.reviewsSection__trustItem span{
    color:rgba(245,242,233,.52);
    font-size:16px;
    line-height:1.4;
}
.reviewsSection__divider{
    width:1px;
    height:34px;
    background:rgba(227,197,109,.18);
}

/* =========================
   05. REVIEWS RESPONSIVE
========================= */
@media (max-width:1100px){
    .reviewsSection{
        padding:95px 0;
    }
    .reviewsSection__container{
        grid-template-columns:minmax(380px,.85fr) minmax(0,1.15fr);
        gap:55px;
    }
    .reviewsSection__visual{
        min-height:590px;
    }
    .reviewsSection__cards{
        grid-template-columns:1fr;
    }
    .reviewsSection__review{
        min-height:auto;
    }
}
@media (max-width:900px){
    .reviewsSection__container{
        grid-template-columns:1fr;
        gap:50px;
    }
    .reviewsSection__visual{
        min-height:auto;
        aspect-ratio:1.4 / 1;
    }
    .reviewsSection__content{
        max-width:none;
    }
    .reviewsSection__cards{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:768px){
    .reviewsSection{
        padding:78px 0;
    }
    .reviewsSection__title{
        font-size:clamp(30px,6vw,38px);
    }
    .reviewsSection__cards{
        grid-template-columns:1fr;
    }
    .reviewsSection__footer{
        flex-wrap:wrap;
        justify-content:flex-start;
        column-gap:28px;
    }
}
@media (max-width:576px){
    .reviewsSection{
        padding:68px 0;
    }
    .reviewsSection__container{
        gap:38px;
    }
    .reviewsSection__visual{
        aspect-ratio:1 / 1.05;
        border-radius:16px;
    }
    .reviewsSection__ratingCard{
        left:15px;
        right:15px;
        bottom:15px;
        padding:19px;
    }
    .reviewsSection__ratingTop > strong{
        font-size:35px;
    }
    .reviewsSection__stars{
        font-size:15px;
    }
    .reviewsSection__ratingTop span{
        font-size:16px;
    }
    .reviewsSection__ratingCard p{
        font-size:16px;
    }
    .reviewsSection__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .reviewsSection__title{
        font-size:clamp(29px,8vw,36px);
    }
    .reviewsSection__intro{
        margin-top:20px;
        font-size:15px;
        line-height:1.7;
    }
    .reviewsSection__cards{
        margin-top:30px;
    }
    .reviewsSection__review{
        padding:22px 20px;
    }
    .reviewsSection__review blockquote{
        margin:22px 0 25px;
        font-size:15px;
    }
    .reviewsSection__reviewHead{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }
    .reviewsSection__reviewBottom{
        align-items:flex-start;
        flex-direction:column;
        gap:5px;
    }
    .reviewsSection__footer{
        flex-direction:column;
        align-items:flex-start;
        gap:17px;
    }
    .reviewsSection__divider{
        width:100%;
        height:1px;
    }
}






/* =========================
   06. APPLIANCE REPAIR SERVICES
========================= */
.repairServices{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 85% 15%,rgba(227,197,109,.065),transparent 25%),
        linear-gradient(180deg,#090909 0%,#0c0c0b 50%,#090909 100%);
}
.repairServices__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}
.repairServices__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.repairServices__glow--left{
    width:520px;
    height:520px;
    left:-260px;
    top:250px;
    background:radial-gradient(circle,rgba(227,197,109,.06),transparent 70%);
}
.repairServices__glow--right{
    width:560px;
    height:560px;
    right:-280px;
    bottom:100px;
    background:radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}
.repairServices__head{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
    margin-bottom:55px;
}
.repairServices__heading{
    max-width:780px;
}
.repairServices__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.repairServices__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.repairServices__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.repairServices__intro{
    max-width:500px;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
}
.repairServices__intro p{
    margin:0;
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}
.repairServices__headLink{
    margin-top:18px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#e3c56d;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    text-decoration:none;
}
.repairServices__headLink svg,
.repairServices__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}
.repairServices__headLink:hover svg,
.repairServices__button:hover svg{
    transform:translateX(4px);
}
.repairServices__layout{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}
.repairServices__card{
    display:grid;
    grid-template-columns:minmax(230px,.92fr) minmax(0,1.08fr);
    min-height:390px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(255,255,255,.018);
    box-shadow:0 20px 55px rgba(0,0,0,.18);
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.repairServices__card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.2);
    box-shadow:0 28px 70px rgba(0,0,0,.27);
}
.repairServices__card--large,
.repairServices__card--wide{
    grid-column:span 2;
    grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);
}
.repairServices__image{
    position:relative;
    min-height:100%;
    overflow:hidden;
    background:#111;
}
.repairServices__image img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .55s ease;
}
.repairServices__card:hover .repairServices__image img{
    transform:scale(1.045);
}
.repairServices__imageOverlay{
    position:absolute;
    inset:0;
    /* background:
        linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34)),
        linear-gradient(90deg,rgba(227,197,109,.07),transparent 52%); */
}
.repairServices__number{
    position:absolute;
    top:20px;
    left:20px;
    min-width:42px;
    height:42px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:10px;
    color:#e3c56d;
    background:rgba(10,10,9,.66);
    backdrop-filter:blur(12px);
    font-size:16px;
    font-weight:700;
}
.repairServices__arrow{
    position:absolute;
    right:20px;
    bottom:20px;
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
    color:#f4f1e8;
    background:rgba(10,10,9,.62);
    backdrop-filter:blur(12px);
    transition:background .25s ease,color .25s ease,transform .25s ease;
}
.repairServices__arrow svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.repairServices__card:hover .repairServices__arrow{
    color:#111;
    background:#e3c56d;
    transform:rotate(5deg);
}
.repairServices__content{
    padding:32px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.repairServices__category{
    display:block;
    margin-bottom:13px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.repairServices__content h3{
    margin:0;
    color:#f3f0e7;
    font-size:clamp(22px,2vw,28px);
    line-height:1.22;
    font-weight:600;
    letter-spacing:-.025em;
}
.repairServices__content p{
    margin:16px 0 0;
    color:rgba(245,242,233,.66);
    font-size:15px;
    line-height:1.7;
}
.repairServices__links{
    margin-top:23px;
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}
.repairServices__links a{
    padding:9px 13px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:7px;
    color:rgba(245,242,233,.74);
    background:rgba(255,255,255,.018);
    font-size:16px;
    line-height:1.3;
    font-weight:500;
    text-decoration:none;
    transition:color .25s ease,border-color .25s ease,background .25s ease;
}
.repairServices__links a:hover{
    color:#e3c56d;
    border-color:rgba(227,197,109,.24);
    background:rgba(227,197,109,.045);
}
.repairServices__bottom{
    margin-top:34px;
    padding:26px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    border:1px solid rgba(227,197,109,.13);
    border-radius:14px;
    background:linear-gradient(90deg,rgba(227,197,109,.045),rgba(255,255,255,.015));
}
.repairServices__bottom p{
    max-width:730px;
    margin:0;
    color:rgba(245,242,233,.66);
    font-size:15px;
    line-height:1.65;
}
.repairServices__button{
    min-height:50px;
    padding:0 21px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}
.repairServices__button:hover{
    transform:translateY(-2px);
    box-shadow:0 13px 32px rgba(227,197,109,.18);
}

/* =========================
   06. APPLIANCE REPAIR SERVICES RESPONSIVE
========================= */
@media (max-width:1100px){
    .repairServices{
        padding:95px 0;
    }
    .repairServices__head{
        gap:50px;
    }
    .repairServices__card{
        grid-template-columns:1fr;
    }
    .repairServices__card--large,
    .repairServices__card--wide{
        grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
    }
    .repairServices__card:not(.repairServices__card--large):not(.repairServices__card--wide) .repairServices__image{
        min-height:300px;
    }
}
@media (max-width:900px){
    .repairServices__head{
        grid-template-columns:1fr;
        gap:28px;
        margin-bottom:44px;
    }
    .repairServices__intro{
        max-width:650px;
    }
    .repairServices__card,
    .repairServices__card--large,
    .repairServices__card--wide{
        grid-column:auto;
        grid-template-columns:1fr;
    }
    .repairServices__layout{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .repairServices__image{
        min-height:330px;
    }
}
@media (max-width:768px){
    .repairServices{
        padding:78px 0;
    }
    .repairServices__layout{
        grid-template-columns:1fr;
    }
    .repairServices__title{
        font-size:clamp(30px,6vw,38px);
    }
    .repairServices__intro{
        padding-left:20px;
    }
    .repairServices__bottom{
        align-items:flex-start;
        flex-direction:column;
    }
}
@media (max-width:576px){
    .repairServices{
        padding:68px 0;
    }
    .repairServices__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .repairServices__title{
        font-size:clamp(29px,8vw,36px);
    }
    .repairServices__intro p{
        font-size:15px;
    }
    .repairServices__layout{
        gap:18px;
    }
    .repairServices__card{
        border-radius:15px;
    }
    .repairServices__image{
        min-height:270px;
    }
    .repairServices__content{
        padding:24px 20px 27px;
    }
    .repairServices__content h3{
        font-size:22px;
    }
    .repairServices__content p{
        font-size:15px;
    }
    .repairServices__links a{
        font-size:16px;
    }
    .repairServices__bottom{
        padding:22px 20px;
    }
    .repairServices__bottom p{
        font-size:15px;
    }
    .repairServices__button{
        width:100%;
    }
}







/* =========================
   07. WHY CHOOSE WE FIX APPLIANCE REPAIR
========================= */
.whyChoose{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 12% 25%,rgba(227,197,109,.07),transparent 28%),
        radial-gradient(circle at 88% 75%,rgba(227,197,109,.05),transparent 26%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 48%,#090909 100%);
}
.whyChoose__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}
.whyChoose__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.whyChoose__glow--left{
    width:520px;
    height:520px;
    left:-260px;
    top:170px;
    background:radial-gradient(circle,rgba(227,197,109,.06),transparent 70%);
}
.whyChoose__glow--right{
    width:560px;
    height:560px;
    right:-280px;
    bottom:-200px;
    background:radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* =========================
   07. HEAD
========================= */
.whyChoose__head{
    margin-bottom:46px;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(320px,.65fr);
    align-items:end;
    gap:80px;
}
.whyChoose__headMain{
    max-width:800px;
}
.whyChoose__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.whyChoose__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.whyChoose__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.whyChoose__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   07. LARGE VISUAL
========================= */
.whyChoose__showcase{
    position:relative;
    min-height:570px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    background:#111;
    box-shadow:0 35px 90px rgba(0,0,0,.28);
}
.whyChoose__showcase > img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .7s ease;
}
.whyChoose__showcase:hover > img{
    transform:scale(1.025);
}
.whyChoose__showcaseOverlay{
    position:absolute;
    inset:0;
 background: linear-gradient(90deg, rgb(20 20 20 / 18%) 0%, rgb(5 5 5 / 18%) 38%, rgb(5 5 5 / 5%) 68%, rgba(5, 5, 5, .05) 100%), linear-gradient(180deg, rgba(0, 0, 0, .04) 20%, rgba(0, 0, 0, .04) 55%, rgb(0 0 0 / 56%) 100%);
}
.whyChoose__showcaseGlow{
    position:absolute;
    width:580px;
    height:580px;
    left:-160px;
    top:50%;
    transform:translateY(-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(227,197,109,.12),transparent 69%);
    pointer-events:none;
}
.whyChoose__showcaseContent{
    position:absolute;
    z-index:3;
    top:50%;
    left:52px;
    width:min(540px,calc(100% - 104px));
    transform:translateY(-50%);
}
.whyChoose__showcaseLabel{
    display:block;
    margin-bottom:16px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.whyChoose__showcaseContent h3{
    max-width:530px;
    margin:0;
    color:#f6f3eb;
    font-size:clamp(28px,2.6vw,40px);
    line-height:1.12;
    font-weight:600;
    letter-spacing:-.03em;
}
.whyChoose__showcaseContent p{
    max-width:500px;
    margin:19px 0 0;
    color:rgba(245,242,233,.74);
    font-size:16px;
    line-height:1.7;
}
.whyChoose__button{
    min-height:52px;
    margin-top:27px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.14);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}
.whyChoose__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.24);
}
.whyChoose__button svg,
.whyChoose__bottomLink svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.whyChoose__showcaseMeta{
    position:absolute;
    z-index:4;
    right:28px;
    bottom:26px;
    padding:18px 22px;
    display:flex;
    align-items:center;
    gap:20px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:14px;
    background:rgba(9,9,8,.72);
    backdrop-filter:blur(15px);
}
.whyChoose__metaItem{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.whyChoose__metaItem strong{
    color:#f2efe6;
    font-size:15px;
    line-height:1.25;
    font-weight:600;
}
.whyChoose__metaItem span{
    color:rgba(245,242,233,.56);
    font-size:16px;
    line-height:1.4;
}
.whyChoose__metaDivider{
    width:1px;
    height:34px;
    background:rgba(227,197,109,.18);
}

/* =========================
   07. BENEFITS
========================= */
.whyChoose__benefits{
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.whyChoose__benefit{
    position:relative;
    min-height:240px;
    padding:26px 24px 28px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:rgba(255,255,255,.018);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}
.whyChoose__benefit:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.22);
    background:rgba(227,197,109,.04);
}
.whyChoose__benefit--accent{
    background:
        linear-gradient(
            155deg,
            rgba(227,197,109,.07),
            rgba(255,255,255,.016)
        );
}
.whyChoose__benefitTop{
    margin-bottom:35px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}
.whyChoose__benefitNumber{
    color:#e3c56d;
    font-size:15px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}
.whyChoose__benefitIcon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(227,197,109,.04);
}
.whyChoose__benefitIcon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.whyChoose__benefit h3{
    margin:0 0 12px;
    color:#f3f0e7;
    font-size:20px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}
.whyChoose__benefit p{
    margin:0;
    color:rgba(245,242,233,.62);
    font-size:15px;
    line-height:1.68;
}

/* =========================
   07. BOTTOM
========================= */
.whyChoose__bottom{
    margin-top:24px;
    padding:25px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    border:1px solid rgba(227,197,109,.13);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.014)
        );
}
.whyChoose__bottom p{
    max-width:740px;
    margin:0;
    color:rgba(245,242,233,.68);
    font-size:15px;
    line-height:1.65;
}
.whyChoose__bottomLink{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#e3c56d;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    text-decoration:none;
}
.whyChoose__bottomLink svg{
    transition:transform .25s ease;
}
.whyChoose__bottomLink:hover svg{
    transform:translateX(4px);
}

/* =========================
   07. WHY CHOOSE RESPONSIVE
========================= */
@media (max-width:1100px){
    .whyChoose{
        padding:95px 0;
    }
    .whyChoose__head{
        gap:50px;
    }
    .whyChoose__showcase{
        min-height:540px;
    }
    .whyChoose__benefits{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:900px){
    .whyChoose__head{
        grid-template-columns:1fr;
        gap:26px;
    }
    .whyChoose__intro{
        max-width:650px;
    }
    .whyChoose__showcase{
        min-height:600px;
    }
    .whyChoose__showcaseOverlay{
        background:
            linear-gradient(
                90deg,
                rgba(5,5,5,.84),
                rgba(5,5,5,.42)
            ),
            linear-gradient(
                180deg,
                rgba(0,0,0,.08),
                rgba(0,0,0,.82)
            );
    }
    .whyChoose__showcaseContent{
        top:auto;
        left:32px;
        right:32px;
        bottom:125px;
        width:auto;
        transform:none;
    }
}

@media (max-width:768px){
    .whyChoose{
        padding:78px 0;
    }
    .whyChoose__title{
        font-size:clamp(30px,6vw,38px);
    }
    .whyChoose__showcase{
        min-height:570px;
    }
    .whyChoose__showcaseMeta{
        left:24px;
        right:24px;
        justify-content:space-between;
    }
    .whyChoose__bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:576px){
    .whyChoose{
        padding:68px 0;
    }
    .whyChoose__head{
        margin-bottom:34px;
    }
    .whyChoose__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .whyChoose__title{
        font-size:clamp(29px,8vw,36px);
    }
    .whyChoose__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }
    .whyChoose__showcase{
        min-height:650px;
        border-radius:16px;
    }
    .whyChoose__showcase > img{
        object-position:58% center;
    }
    .whyChoose__showcaseOverlay{
        background:
            linear-gradient(
                180deg,
                rgba(6,6,6,.16) 0%,
                rgba(6,6,6,.36) 35%,
                rgba(6,6,6,.94) 73%
            );
    }
    .whyChoose__showcaseContent{
        left:20px;
        right:20px;
        bottom:150px;
    }
    .whyChoose__showcaseLabel{
        margin-bottom:12px;
        font-size:16px;
    }
    .whyChoose__showcaseContent h3{
        font-size:27px;
    }
    .whyChoose__showcaseContent p{
        font-size:15px;
        line-height:1.65;
    }
    .whyChoose__button{
        width:100%;
    }
    .whyChoose__showcaseMeta{
        left:15px;
        right:15px;
        bottom:15px;
        padding:15px;
        gap:10px;
    }
    .whyChoose__metaItem strong{
        font-size:16px;
    }
    .whyChoose__metaItem span{
        font-size:16px;
    }
    .whyChoose__metaDivider{
        height:29px;
    }
    .whyChoose__benefits{
        margin-top:18px;
        grid-template-columns:1fr;
        gap:18px;
    }
    .whyChoose__benefit{
        min-height:auto;
        padding:23px 20px 25px;
        border-radius:15px;
    }
    .whyChoose__benefitTop{
        margin-bottom:27px;
    }
    .whyChoose__benefit h3{
        font-size:20px;
    }
    .whyChoose__benefit p{
        font-size:16px;
        line-height:1.65;
    }
    .whyChoose__bottom{
        margin-top:18px;
        padding:21px 20px;
    }
    .whyChoose__bottom p,
    .whyChoose__bottomLink{
        font-size:15px;
    }
}

@media (max-width:390px){
    .whyChoose__showcase{
        min-height:670px;
    }
    .whyChoose__showcaseMeta{
        gap:8px;
    }
    .whyChoose__metaItem strong{
        font-size:16px;
    }
    .whyChoose__metaItem span{
        font-size:16px;
    }
}






/* =========================
   08. APPLIANCE REPAIR FAQ
========================= */
.repairFaq{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 10% 35%,rgba(227,197,109,.075),transparent 26%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 55%,#090909 100%);
}
.repairFaq__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:minmax(320px,.68fr) minmax(0,1.32fr);
    gap:90px;
    align-items:start;
}
.repairFaq__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.repairFaq__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:100px;
    background:radial-gradient(circle,rgba(227,197,109,.07),transparent 70%);
}
.repairFaq__glow--right{
    width:480px;
    height:480px;
    right:-250px;
    bottom:-180px;
    background:radial-gradient(circle,rgba(227,197,109,.045),transparent 70%);
}

/* LEFT */
.repairFaq__sidebar{
    position:sticky;
    top:120px;
    max-width:510px;
}
.repairFaq__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.repairFaq__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.repairFaq__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.repairFaq__intro{
    margin:24px 0 0;
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}
.repairFaq__help{
    margin-top:34px;
    padding:20px;
    display:flex;
    align-items:center;
    gap:16px;
    border:1px solid rgba(227,197,109,.14);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(227,197,109,.055),rgba(255,255,255,.015));
}
.repairFaq__helpIcon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:12px;
    background:rgba(227,197,109,.05);
}
.repairFaq__helpIcon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.repairFaq__help span{
    display:block;
    margin-bottom:5px;
    color:rgba(245,242,233,.58);
    font-size:16px;
    line-height:1.4;
}
.repairFaq__help strong{
    display:block;
    color:#f3f0e7;
    font-size:17px;
    line-height:1.3;
    font-weight:600;
}
.repairFaq__button{
    min-height:52px;
    margin-top:22px;
    padding:0 23px;
    width:max-content;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}
.repairFaq__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.22);
}
.repairFaq__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* ACCORDION */
.repairFaq__accordion{
    border-top:1px solid rgba(255,255,255,.09);
}
.repairFaq__item{
    position:relative;
    border-bottom:1px solid rgba(255,255,255,.09);
    transition:background .3s ease;
}
.repairFaq__item.is-active{
    background:
        linear-gradient(90deg,rgba(227,197,109,.045),transparent 72%);
}
.repairFaq__question{
    width:100%;
    min-height:94px;
    padding:24px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    border:0;
    outline:0;
    color:#f3f0e7;
    background:transparent;
    font-family:Overlock,Arial,sans-serif;
    cursor:pointer;
    text-align:left;
}
.repairFaq__questionLeft{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:20px;
    align-items:center;
    font-size:19px;
    line-height:1.4;
    font-weight:600;
}
.repairFaq__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}
.repairFaq__toggle{
    position:relative;
    width:44px;
    height:44px;
    flex:0 0 44px;
    border:1px solid rgba(227,197,109,.18);
    border-radius:50%;
    background:rgba(227,197,109,.025);
    transition:background .25s ease,border-color .25s ease,transform .3s ease;
}
.repairFaq__toggle::before,
.repairFaq__toggle::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:14px;
    height:1px;
    background:#e3c56d;
    transform:translate(-50%,-50%);
    transition:transform .3s ease,opacity .3s ease;
}
.repairFaq__toggle::after{
    transform:translate(-50%,-50%) rotate(90deg);
}
.repairFaq__item.is-active .repairFaq__toggle{
    border-color:rgba(227,197,109,.38);
    background:rgba(227,197,109,.08);
}
.repairFaq__item.is-active .repairFaq__toggle::after{
    opacity:0;
    transform:translate(-50%,-50%) rotate(0);
}
.repairFaq__answer{
    display:grid;
    grid-template-rows:0fr;
    overflow:hidden;
    transition:grid-template-rows .35s ease;
}
.repairFaq__item.is-active .repairFaq__answer{
    grid-template-rows:1fr;
}
.repairFaq__answerInner{
    min-height:0;
}
.repairFaq__answer p{
    max-width:720px;
    margin:0;
    padding:0 80px 28px 82px;
    color:rgba(245,242,233,.64);
    font-size:15px;
    line-height:1.75;
}

/* =========================
   08. FAQ RESPONSIVE
========================= */
@media (max-width:1100px){
    .repairFaq{
        padding:95px 0;
    }
    .repairFaq__container{
        grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);
        gap:55px;
    }
}
@media (max-width:900px){
    .repairFaq__container{
        grid-template-columns:1fr;
        gap:46px;
    }
    .repairFaq__sidebar{
        position:relative;
        top:auto;
        max-width:700px;
    }
}
@media (max-width:768px){
    .repairFaq{
        padding:78px 0;
    }
    .repairFaq__title{
        font-size:clamp(30px,6vw,38px);
    }
    .repairFaq__questionLeft{
        font-size:17px;
    }
    .repairFaq__answer p{
        padding-left:82px;
    }
}
@media (max-width:576px){
    .repairFaq{
        padding:68px 0;
    }
    .repairFaq__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .repairFaq__title{
        font-size:clamp(29px,8vw,36px);
    }
    .repairFaq__intro{
        margin-top:20px;
        font-size:15px;
        line-height:1.7;
    }
    .repairFaq__help{
        margin-top:28px;
        padding:17px;
    }
    .repairFaq__button{
        width:100%;
    }
    .repairFaq__question{
        min-height:86px;
        padding:21px 0;
        gap:15px;
    }
    .repairFaq__questionLeft{
        grid-template-columns:34px minmax(0,1fr);
        gap:12px;
        font-size:16px;
        line-height:1.45;
    }
    .repairFaq__toggle{
        width:40px;
        height:40px;
        flex-basis:40px;
    }
    .repairFaq__answer p{
        padding:0 50px 24px 46px;
        font-size:16px;
        line-height:1.7;
    }
}








/* =========================
   09. FINAL BOOKING CTA / SCHEDULE APPLIANCE SERVICE
========================= */
.bookingCta{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 10% 40%,rgba(227,197,109,.075),transparent 27%),
        radial-gradient(circle at 92% 72%,rgba(227,197,109,.055),transparent 25%),
        linear-gradient(180deg,#090909 0%,#0e0e0c 50%,#090909 100%);
}
.bookingCta__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}
.bookingCta__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.bookingCta__glow--left{
    width:580px;
    height:580px;
    left:-290px;
    top:120px;
    background:radial-gradient(circle,rgba(227,197,109,.08),transparent 70%);
}
.bookingCta__glow--right{
    width:520px;
    height:520px;
    right:-250px;
    bottom:-180px;
    background:radial-gradient(circle,rgba(227,197,109,.06),transparent 70%);
}

/* =========================
   09. TOP
========================= */
.bookingCta__top{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.7fr);
    align-items:end;
    gap:80px;
}
.bookingCta__heading{
    max-width:780px;
}
.bookingCta__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.bookingCta__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.bookingCta__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.bookingCta__topText{
    max-width:500px;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
}
.bookingCta__topText p{
    margin:0;
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   09. MAIN LAYOUT
========================= */
.bookingCta__layout{
    display:grid;
    grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);
    gap:24px;
    align-items:stretch;
}

/* LEFT PANEL */
.bookingCta__panel{
    position:relative;
    overflow:hidden;
    padding:38px 34px;
    border:1px solid rgba(227,197,109,.16);
    border-radius:20px;
    background:
        linear-gradient(
            145deg,
            rgba(227,197,109,.065),
            rgba(255,255,255,.018) 45%,
            rgba(255,255,255,.01)
        );
}
.bookingCta__panelGlow{
    position:absolute;
    width:360px;
    height:360px;
    top:-180px;
    right:-170px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(227,197,109,.13),transparent 70%);
    pointer-events:none;
}
.bookingCta__panelLabel{
    position:relative;
    z-index:2;
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.bookingCta__panel h3{
    position:relative;
    z-index:2;
    max-width:450px;
    margin:0;
    color:#f4f1e8;
    font-size:clamp(26px,2.3vw,34px);
    line-height:1.16;
    font-weight:600;
    letter-spacing:-.03em;
}
.bookingCta__panelText{
    position:relative;
    z-index:2;
    margin:19px 0 0;
    color:rgba(245,242,233,.66);
    font-size:15px;
    line-height:1.72;
}

/* FEATURES */
.bookingCta__features{
    position:relative;
    z-index:2;
    margin-top:32px;
    display:flex;
    flex-direction:column;
}
.bookingCta__feature{
    padding:19px 0;
    display:flex;
    align-items:center;
    gap:16px;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.bookingCta__feature:first-child{
    border-top:1px solid rgba(255,255,255,.08);
}
.bookingCta__featureIcon{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.19);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}
.bookingCta__featureIcon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.bookingCta__feature strong{
    display:block;
    margin-bottom:5px;
    color:#f1eee5;
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}
.bookingCta__feature span{
    color:rgba(245,242,233,.56);
    font-size:16px;
    line-height:1.45;
}

/* AREAS */
.bookingCta__areas{
    position:relative;
    z-index:2;
    margin-top:28px;
}
.bookingCta__areas > span{
    display:block;
    margin-bottom:13px;
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}
.bookingCta__areaList{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.bookingCta__areaList span{
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:7px;
    color:rgba(245,242,233,.65);
    background:rgba(255,255,255,.018);
    font-size:16px;
    line-height:1.3;
}

/* CONTACT */
.bookingCta__contact{
    position:relative;
    z-index:2;
    margin-top:30px;
    padding-top:25px;
    border-top:1px solid rgba(227,197,109,.15);
}
.bookingCta__contact > span{
    display:block;
    margin-bottom:10px;
    color:rgba(245,242,233,.52);
    font-size:16px;
    line-height:1.4;
}
.bookingCta__contact a{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#e3c56d;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    text-decoration:none;
}
.bookingCta__contact svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}
.bookingCta__contact a:hover svg{
    transform:translateX(4px);
}

/* =========================
   09. FORM
========================= */
.bookingCta__form{
    padding:34px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:#11110f;
    box-shadow:0 28px 70px rgba(0,0,0,.24);
}
.bookingCta__formHead{
    margin-bottom:25px;
}
.bookingCta__formHead > span{
    display:block;
    margin-bottom:10px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.bookingCta__formHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:28px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}
.bookingCta__formHead p{
    max-width:600px;
    margin:11px 0 0;
    color:rgba(245,242,233,.62);
    font-size:15px;
    line-height:1.65;
}
.bookingCta__iframe{
    overflow:hidden;
    min-height:450px;
    border:1px solid rgba(227,197,109,.12);
    border-radius:14px;
    background:#fff;
}
.bookingCta__iframe iframe{
    display:block;
}

/* =========================
   09. RESPONSIVE
========================= */
@media (max-width:1100px){
    .bookingCta{
        padding:95px 0;
    }
    .bookingCta__top{
        gap:50px;
    }
    .bookingCta__layout{
        grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);
    }
}

@media (max-width:900px){
    .bookingCta__top{
        grid-template-columns:1fr;
        gap:27px;
    }
    .bookingCta__topText{
        max-width:650px;
    }
    .bookingCta__layout{
        grid-template-columns:1fr;
    }
    .bookingCta__panel{
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);
        column-gap:45px;
    }
    .bookingCta__panelLabel,
    .bookingCta__panel h3,
    .bookingCta__panelText{
        grid-column:1;
    }
    .bookingCta__features{
        grid-column:2;
        grid-row:1 / span 5;
        margin-top:0;
    }
    .bookingCta__areas,
    .bookingCta__contact{
        grid-column:1;
    }
}

@media (max-width:768px){
    .bookingCta{
        padding:78px 0;
    }
    .bookingCta__title{
        font-size:clamp(30px,6vw,38px);
    }
    .bookingCta__panel{
        display:block;
    }
    .bookingCta__features{
        margin-top:30px;
    }
}

@media (max-width:576px){
    .bookingCta{
        padding:68px 0;
    }
    .bookingCta__top{
        margin-bottom:34px;
    }
    .bookingCta__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .bookingCta__title{
        font-size:clamp(29px,8vw,36px);
    }
    .bookingCta__topText{
        padding-left:17px;
    }
    .bookingCta__topText p{
        font-size:15px;
        line-height:1.7;
    }
    .bookingCta__layout{
        gap:18px;
    }
    .bookingCta__panel{
        padding:26px 20px;
        border-radius:16px;
    }
    .bookingCta__panel h3{
        font-size:26px;
    }
    .bookingCta__panelText{
        font-size:15px;
    }
    .bookingCta__feature strong{
        font-size:15px;
    }
    .bookingCta__feature span{
        font-size:16px;
    }
    .bookingCta__form{
        padding:24px 18px;
        border-radius:16px;
    }
    .bookingCta__formHead h3{
        font-size:24px;
    }
    .bookingCta__formHead p{
        font-size:16px;
    }
}







/* =========================
   10. AREAS WE SERVE THROUGHOUT MANHATTAN
========================= */
.serviceAreas{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 90% 20%,rgba(227,197,109,.07),transparent 25%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 50%,#090909 100%);
}
.serviceAreas__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}
.serviceAreas__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.serviceAreas__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    bottom:-150px;
    background:radial-gradient(circle,rgba(227,197,109,.06),transparent 70%);
}
.serviceAreas__glow--right{
    width:500px;
    height:500px;
    right:-230px;
    top:-170px;
    background:radial-gradient(circle,rgba(227,197,109,.055),transparent 70%);
}

/* =========================
   10. HEAD
========================= */
.serviceAreas__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}
.serviceAreas__heading{
    max-width:760px;
}
.serviceAreas__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.serviceAreas__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.serviceAreas__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.serviceAreas__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   10. SHOWCASE
========================= */
.serviceAreas__showcase{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);
    gap:24px;
    align-items:stretch;
}
.serviceAreas__visual{
    position:relative;
    min-height:660px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.28);
}
.serviceAreas__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}
.serviceAreas__visual:hover img{
    transform:scale(1.035);
}
.serviceAreas__visualOverlay{
    position:absolute;
    inset:0;
    /*background: rgba(0, 0, 0, 0.1);*/
}
.serviceAreas__visualContent{
    position:absolute;
    z-index:3;
    left:34px;
    right:34px;
    bottom:125px;
    max-width:570px;
}
.serviceAreas__visualLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.serviceAreas__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(28px,2.5vw,39px);
    line-height:1.13;
    font-weight:600;
    letter-spacing:-.03em;
}
.serviceAreas__visualContent h3 span{
    display:block;
    margin-top:5px;
    color:#c6c1b7;
    font-weight:500;
}
.serviceAreas__visualContent p{
    max-width:540px;
    margin:18px 0 0;
    color:rgba(245,242,233,.72);
    font-size:15px;
    line-height:1.7;
}
.serviceAreas__button{
    min-height:52px;
    margin-top:25px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.14);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}
.serviceAreas__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.24);
}
.serviceAreas__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.serviceAreas__visualStats{
    position:absolute;
    z-index:3;
    left:24px;
    right:24px;
    bottom:24px;
    padding:18px 21px;
    display:flex;
    align-items:center;
    gap:22px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(9,9,8,.76);
    backdrop-filter:blur(15px);
}
.serviceAreas__visualStats > div{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.serviceAreas__visualStats strong{
    color:#e3c56d;
    font-size:18px;
    line-height:1.25;
    font-weight:600;
}
.serviceAreas__visualStats span{
    color:rgba(245,242,233,.58);
    font-size:16px;
    line-height:1.4;
}
.serviceAreas__visualDivider{
    width:1px;
    height:34px;
    background:rgba(227,197,109,.18);
}

/* =========================
   10. AREAS GRID
========================= */
.serviceAreas__districts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:stretch;
    border-top:1px solid rgba(255,255,255,.08);
    border-left:1px solid rgba(255,255,255,.08);
}
.serviceAreas__item{
    min-height:94px;
    padding:0 20px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 24px;
    align-items:center;
    gap:12px;
    border-right:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#f0ede4;
    background:rgba(255,255,255,.014);
    text-decoration:none;
    transition:
        background .25s ease,
        color .25s ease,
        padding-left .25s ease;
}
.serviceAreas__item:hover{
    padding-left:24px;
    color:#e3c56d;
    background:rgba(227,197,109,.045);
}
.serviceAreas__number{
    color:rgba(227,197,109,.7);
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.07em;
}
.serviceAreas__name{
    font-size:15px;
    line-height:1.35;
    font-weight:600;
}
.serviceAreas__arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(227,197,109,.72);
    font-size:18px;
    transition:transform .25s ease;
}
.serviceAreas__item:hover .serviceAreas__arrow{
    transform:translate(3px,-3px);
}

/* =========================
   10. RESPONSIVE
========================= */
@media (max-width:1100px){
    .serviceAreas{
        padding:95px 0;
    }
    .serviceAreas__head{
        gap:50px;
    }
    .serviceAreas__showcase{
        grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);
    }
    .serviceAreas__visual{
        min-height:620px;
    }
    .serviceAreas__districts{
        grid-template-columns:1fr;
    }
    .serviceAreas__item{
        min-height:72px;
    }
}

@media (max-width:900px){
    .serviceAreas__head{
        grid-template-columns:1fr;
        gap:27px;
    }
    .serviceAreas__intro{
        max-width:650px;
    }
    .serviceAreas__showcase{
        grid-template-columns:1fr;
    }
    .serviceAreas__visual{
        min-height:590px;
    }
    .serviceAreas__districts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:768px){
    .serviceAreas{
        padding:78px 0;
    }
    .serviceAreas__title{
        font-size:clamp(30px,6vw,38px);
    }
    .serviceAreas__visual{
        min-height:560px;
    }
    .serviceAreas__districts{
        grid-template-columns:1fr;
    }
}

@media (max-width:576px){
    .serviceAreas{
        padding:68px 0;
    }
    .serviceAreas__head{
        margin-bottom:34px;
    }
    .serviceAreas__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .serviceAreas__title{
        font-size:clamp(29px,8vw,36px);
    }
    .serviceAreas__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }
    .serviceAreas__showcase{
        gap:18px;
    }
    .serviceAreas__visual{
        min-height:620px;
        border-radius:16px;
    }
    .serviceAreas__visual img{
        object-position:58% center;
    }
    .serviceAreas__visualContent{
        left:20px;
        right:20px;
        bottom:145px;
    }
    .serviceAreas__visualContent h3{
        font-size:28px;
    }
    .serviceAreas__visualContent p{
        font-size:15px;
    }
    .serviceAreas__button{
        width:100%;
    }
    .serviceAreas__visualStats{
        left:15px;
        right:15px;
        bottom:15px;
        padding:16px;
    }
    .serviceAreas__visualStats strong{
        font-size:16px;
    }
    .serviceAreas__visualStats span{
        font-size:16px;
    }
    .serviceAreas__item{
        min-height:70px;
        padding:0 17px;
        grid-template-columns:34px minmax(0,1fr) 22px;
        gap:9px;
    }
    .serviceAreas__name{
        font-size:15px;
    }
}



























/* =========================
   01. CONTACT PAGE HERO / INTRO
========================= */
.contactHero{
    position:relative;
    min-height:720px;
    overflow:hidden;
    display:flex;
    align-items:center;
    padding:155px 0 76px;
    background:#090909;
    isolation:isolate;
}
.contactHero__media{
    position:absolute;
    inset:0;
    z-index:-5;
}
.contactHero__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
}
.contactHero__overlay{
    position:absolute;
    inset:0;
    z-index:-4;
    background:
        linear-gradient(
            90deg,
            rgba(5,5,5,.94) 0%,
            rgba(5,5,5,.84) 38%,
            rgba(5,5,5,.44) 68%,
            rgba(5,5,5,.62) 100%
        ),
        linear-gradient(
            180deg,
            rgba(6,6,6,.36) 0%,
            rgba(6,6,6,.12) 45%,
            rgba(6,6,6,.90) 100%
        );
}
.contactHero__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}
.contactHero__glow{
    position:absolute;
    z-index:-3;
    border-radius:50%;
    pointer-events:none;
}
.contactHero__glow--left{
    width:580px;
    height:580px;
    left:-300px;
    top:-120px;
    background:radial-gradient(circle,rgba(227,197,109,.12),transparent 70%);
}
.contactHero__glow--right{
    width:520px;
    height:520px;
    right:-270px;
    bottom:-210px;
    background:radial-gradient(circle,rgba(227,197,109,.07),transparent 70%);
}

/* BREADCRUMBS */
.contactHero__breadcrumb{
    margin-bottom:40px;
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.4;
}
.contactHero__breadcrumb a{
    color:rgba(245,242,233,.7);
    text-decoration:none;
    transition:color .25s ease;
}
.contactHero__breadcrumb a:hover{
    color:#e3c56d;
}
.contactHero__breadcrumb > span:last-child{
    color:#e3c56d;
}

/* MAIN */
.contactHero__layout{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
    gap:90px;
    align-items:end;
}
.contactHero__content{
    max-width:800px;
}
.contactHero__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.contactHero__title{
    margin:0;
    color:#f5f2e9;
    font-size:clamp(42px,4vw,62px);
    line-height:1.04;
    font-weight:620;
    letter-spacing:-.04em;
    text-shadow:0 4px 24px rgba(0,0,0,.22);
}
.contactHero__title span{
    display:block;
    margin-top:7px;
    color:#c9c4b9;
    font-weight:500;
}
.contactHero__text{
    max-width:680px;
    margin:25px 0 0;
    color:rgba(245,242,233,.76);
    font-size:16px;
    line-height:1.75;
}
.contactHero__actions{
    margin-top:32px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
}
.contactHero__button{
    min-height:52px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.13);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}
.contactHero__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.23);
}
.contactHero__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.contactHero__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.34);
    color:#e7e2d8;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:color .25s ease,border-color .25s ease;
}
.contactHero__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* QUICK CONTACT */
.contactHero__quick{
    padding:25px 26px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:16px;
    background:
        linear-gradient(145deg,rgba(15,15,13,.74),rgba(8,8,8,.58));
    box-shadow:0 25px 65px rgba(0,0,0,.28);
    backdrop-filter:blur(16px);
}
.contactHero__quickItem{
    display:flex;
    align-items:center;
    gap:16px;
}
.contactHero__quickIcon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:12px;
    background:rgba(227,197,109,.06);
}
.contactHero__quickIcon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.contactHero__quickItem div > span{
    display:block;
    margin-bottom:5px;
    color:rgba(245,242,233,.56);
    font-size:16px;
    line-height:1.3;
}
.contactHero__quickItem strong{
    display:block;
    color:#f2efe6;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}
.contactHero__divider{
    height:1px;
    margin:20px 0;
    background:rgba(255,255,255,.08);
}

/* BOTTOM */
.contactHero__bottom{
    margin-top:62px;
    display:flex;
    align-items:center;
    gap:20px;
}
.contactHero__bottomLine{
    height:1px;
    flex:1;
    background:linear-gradient(90deg,transparent,rgba(227,197,109,.28),transparent);
}
.contactHero__bottom p{
    flex:0 0 auto;
    margin:0;
    color:rgba(245,242,233,.54);
    font-size:16px;
    line-height:1.4;
}

/* =========================
   01. CONTACT HERO RESPONSIVE
========================= */
@media (max-width:1100px){
    .contactHero{
        min-height:700px;
        padding:140px 0 70px;
    }
    .contactHero__layout{
        grid-template-columns:minmax(0,1fr) 350px;
        gap:55px;
    }
}

@media (max-width:900px){
    .contactHero{
        min-height:760px;
        padding-top:130px;
    }
    .contactHero__layout{
        grid-template-columns:1fr;
        gap:42px;
    }
    .contactHero__quick{
        max-width:650px;
    }
}

@media (max-width:768px){
    .contactHero{
        min-height:730px;
        padding:120px 0 64px;
    }
    .contactHero__overlay{
        background:
            linear-gradient(
                90deg,
                rgba(5,5,5,.90),
                rgba(5,5,5,.62)
            ),
            linear-gradient(
                180deg,
                rgba(6,6,6,.30),
                rgba(6,6,6,.92)
            );
    }
    .contactHero__breadcrumb{
        margin-bottom:32px;
    }
    .contactHero__title{
        font-size:clamp(36px,8vw,48px);
    }
    .contactHero__bottom{
        margin-top:50px;
    }
}

@media (max-width:576px){
    .contactHero{
        min-height:760px;
        padding:105px 0 56px;
    }
    .contactHero__media img{
        object-position:62% center;
    }
    .contactHero__overlay{
        background:
            linear-gradient(
                180deg,
                rgba(5,5,5,.62) 0%,
                rgba(5,5,5,.75) 44%,
                rgba(5,5,5,.96) 100%
            );
    }
    .contactHero__breadcrumb{
        margin-bottom:28px;
        font-size:16px;
    }
    .contactHero__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .contactHero__title{
        font-size:clamp(34px,9.5vw,42px);
        line-height:1.06;
    }
    .contactHero__text{
        margin-top:20px;
        font-size:15px;
        line-height:1.7;
    }
    .contactHero__actions{
        margin-top:27px;
        flex-direction:column;
        align-items:stretch;
    }
    .contactHero__button{
        width:100%;
    }
    .contactHero__link{
        width:max-content;
    }
    .contactHero__quick{
        padding:21px 19px;
    }
    .contactHero__quickItem strong{
        font-size:15px;
    }
    .contactHero__quickItem div > span{
        font-size:16px;
    }
    .contactHero__bottom{
        margin-top:40px;
    }
    .contactHero__bottomLine{
        display:none;
    }
    .contactHero__bottom p{
        font-size:16px;
    }
}







/* =========================
   02. CONTACT DETAILS / SERVICE AREA
========================= */
.contactDetails{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 10% 30%,rgba(227,197,109,.065),transparent 25%),
        radial-gradient(circle at 90% 72%,rgba(227,197,109,.05),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 50%,#090909 100%);
}
.contactDetails__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}
.contactDetails__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.contactDetails__glow--left{
    width:520px;
    height:520px;
    left:-270px;
    top:160px;
    background:radial-gradient(circle,rgba(227,197,109,.06),transparent 70%);
}
.contactDetails__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-180px;
    background:radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* =========================
   02. HEAD
========================= */
.contactDetails__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}
.contactDetails__heading{
    max-width:760px;
}
.contactDetails__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.contactDetails__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.contactDetails__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.contactDetails__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   02. CARDS
========================= */
.contactDetails__layout{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}
.contactDetails__card{
    position:relative;
    min-height:490px;
    padding:30px 28px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(255,255,255,.018);
    box-shadow:0 22px 60px rgba(0,0,0,.2);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}
.contactDetails__card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.035);
}
.contactDetails__card--hours{
    background:
        linear-gradient(
            155deg,
            rgba(227,197,109,.055),
            rgba(255,255,255,.015)
        );
}
.contactDetails__card--area{
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.085),transparent 34%),
        rgba(255,255,255,.018);
}
.contactDetails__cardTop{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:16px;
}
.contactDetails__icon{
    width:52px;
    height:52px;
    flex:0 0 52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:13px;
    background:rgba(227,197,109,.05);
}
.contactDetails__icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.contactDetails__cardTop div > span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}
.contactDetails__cardTop h3{
    margin:0;
    color:#f3f0e7;
    font-size:21px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}
.contactDetails__cardText{
    position:relative;
    z-index:2;
    margin:24px 0 0;
    color:rgba(245,242,233,.65);
    font-size:15px;
    line-height:1.7;
}

/* CONTACT */
.contactDetails__contactList{
    margin-top:28px;
    border-top:1px solid rgba(255,255,255,.08);
}
.contactDetails__contactItem{
    padding:20px 0;
    display:flex;
    align-items:center;
    gap:15px;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.contactDetails__miniIcon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(227,197,109,.045);
}
.contactDetails__miniIcon svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.contactDetails__contactItem div > span{
    display:block;
    margin-bottom:4px;
    color:rgba(245,242,233,.5);
    font-size:16px;
}
.contactDetails__contactItem strong{
    color:#eeeae0;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}
.contactDetails__button{
    min-height:50px;
    margin-top:auto;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}
.contactDetails__button:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(227,197,109,.2);
}
.contactDetails__button svg,
.contactDetails__areaLink svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* SCHEDULE */
.contactDetails__schedule{
    margin-top:28px;
}
.contactDetails__schedule > div{
    padding:17px 0;
    display:grid;
    grid-template-columns:70px minmax(0,1fr);
    gap:15px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.contactDetails__schedule > div:first-child{
    border-top:1px solid rgba(255,255,255,.08);
}
.contactDetails__schedule span{
    color:#e3c56d;
    font-size:16px;
    font-weight:700;
}
.contactDetails__schedule strong{
    color:#ece8df;
    font-size:15px;
    line-height:1.4;
    font-weight:500;
}
.contactDetails__notice{
    margin-top:auto;
    padding:17px;
    display:flex;
    align-items:center;
    gap:11px;
    border:1px solid rgba(227,197,109,.12);
    border-radius:10px;
    background:rgba(227,197,109,.035);
}
.contactDetails__noticeDot{
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:#e3c56d;
    box-shadow:0 0 0 5px rgba(227,197,109,.07);
}
.contactDetails__notice p{
    margin:0;
    color:rgba(245,242,233,.64);
    font-size:16px;
    line-height:1.5;
}

/* AREAS */
.contactDetails__areas{
    position:relative;
    z-index:2;
    margin-top:27px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.contactDetails__areas span{
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:7px;
    color:rgba(245,242,233,.68);
    background:rgba(255,255,255,.018);
    font-size:16px;
    line-height:1.3;
}
.contactDetails__areaLink{
    position:relative;
    z-index:2;
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#e3c56d;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    text-decoration:none;
}
.contactDetails__areaLink svg{
    transition:transform .25s ease;
}
.contactDetails__areaLink:hover svg{
    transform:translateX(4px);
}
.contactDetails__areaDecor{
    position:absolute;
    width:260px;
    height:260px;
    right:-120px;
    bottom:-100px;
    opacity:.35;
}
.contactDetails__areaDecor span{
    position:absolute;
    inset:0;
    border:1px solid rgba(227,197,109,.12);
    border-radius:50%;
}
.contactDetails__areaDecor span:nth-child(2){
    inset:35px;
}
.contactDetails__areaDecor span:nth-child(3){
    inset:70px;
}

/* =========================
   02. BOTTOM TRUST ROW
========================= */
.contactDetails__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}
.contactDetails__bottomItem{
    display:flex;
    align-items:center;
    gap:14px;
}
.contactDetails__bottomNumber{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}
.contactDetails__bottomItem strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    font-weight:600;
}
.contactDetails__bottomItem div > span{
    color:rgba(245,242,233,.5);
    font-size:16px;
}
.contactDetails__bottomDivider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   02. CONTACT DETAILS RESPONSIVE
========================= */
@media (max-width:1100px){
    .contactDetails{
        padding:95px 0;
    }
    .contactDetails__head{
        gap:50px;
    }
    .contactDetails__layout{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .contactDetails__card--area{
        grid-column:1 / -1;
        min-height:auto;
    }
}

@media (max-width:900px){
    .contactDetails__head{
        grid-template-columns:1fr;
        gap:27px;
    }
    .contactDetails__intro{
        max-width:650px;
    }
    .contactDetails__bottom{
        flex-wrap:wrap;
    }
}

@media (max-width:768px){
    .contactDetails{
        padding:78px 0;
    }
    .contactDetails__title{
        font-size:clamp(30px,6vw,38px);
    }
    .contactDetails__layout{
        grid-template-columns:1fr;
    }
    .contactDetails__card--area{
        grid-column:auto;
    }
    .contactDetails__card{
        min-height:auto;
    }
    .contactDetails__button,
    .contactDetails__notice,
    .contactDetails__areaLink{
        margin-top:28px;
    }
}

@media (max-width:576px){
    .contactDetails{
        padding:68px 0;
    }
    .contactDetails__head{
        margin-bottom:34px;
    }
    .contactDetails__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .contactDetails__title{
        font-size:clamp(29px,8vw,36px);
    }
    .contactDetails__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }
    .contactDetails__layout{
        gap:18px;
    }
    .contactDetails__card{
        padding:24px 20px;
        border-radius:15px;
    }
    .contactDetails__cardTop h3{
        font-size:20px;
    }
    .contactDetails__cardText{
        font-size:15px;
    }
    .contactDetails__button{
        width:100%;
    }
    .contactDetails__bottom{
        padding:21px 20px;
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }
    .contactDetails__bottomDivider{
        width:100%;
        height:1px;
    }
}






/* =========================
   03. REQUEST APPLIANCE SERVICE / APPOINTMENT FORM
========================= */
.contactForm{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 12% 28%,rgba(227,197,109,.07),transparent 26%),
        radial-gradient(circle at 90% 80%,rgba(227,197,109,.05),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0e0e0c 50%,#090909 100%);
}
.contactForm__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}
.contactForm__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.contactForm__glow--left{
    width:540px;
    height:540px;
    left:-280px;
    top:160px;
    background:radial-gradient(circle,rgba(227,197,109,.07),transparent 70%);
}
.contactForm__glow--right{
    width:520px;
    height:520px;
    right:-260px;
    bottom:-200px;
    background:radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* =========================
   03. HEAD
========================= */
.contactForm__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}
.contactForm__heading{
    max-width:790px;
}
.contactForm__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.contactForm__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.contactForm__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.contactForm__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   03. LAYOUT
========================= */
.contactForm__layout{
    display:grid;
    grid-template-columns:minmax(330px,.67fr) minmax(0,1.33fr);
    gap:24px;
    align-items:stretch;
}

/* LEFT INFO */
.contactForm__info{
    position:relative;
    padding:34px 30px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(circle at 10% 0%,rgba(227,197,109,.07),transparent 32%),
        linear-gradient(145deg,rgba(227,197,109,.04),rgba(255,255,255,.015));
    box-shadow:0 25px 65px rgba(0,0,0,.2);
}
.contactForm__infoTop{
    display:flex;
    align-items:center;
    gap:16px;
}
.contactForm__icon{
    width:52px;
    height:52px;
    flex:0 0 52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:13px;
    background:rgba(227,197,109,.05);
}
.contactForm__icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.contactForm__infoTop div > span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}
.contactForm__infoTop h3{
    margin:0;
    color:#f3f0e7;
    font-size:21px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}
.contactForm__infoText{
    margin:25px 0 0;
    color:rgba(245,242,233,.66);
    font-size:15px;
    line-height:1.72;
}

/* STEPS */
.contactForm__steps{
    margin-top:30px;
    border-top:1px solid rgba(255,255,255,.08);
}
.contactForm__step{
    padding:21px 0;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:15px;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.contactForm__stepNumber{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
}
.contactForm__step strong{
    display:block;
    margin-bottom:6px;
    color:#f0ede4;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}
.contactForm__step p{
    margin:0;
    color:rgba(245,242,233,.54);
    font-size:16px;
    line-height:1.55;
}

/* TRUST */
.contactForm__trust{
    margin-top:auto;
    padding-top:28px;
    display:flex;
    align-items:center;
    gap:15px;
}
.contactForm__trustIcon{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}
.contactForm__trustIcon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.contactForm__trust strong{
    display:block;
    margin-bottom:5px;
    color:#f1eee5;
    font-size:15px;
    line-height:1.3;
    font-weight:600;
}
.contactForm__trust span{
    color:rgba(245,242,233,.53);
    font-size:16px;
    line-height:1.45;
}

/* =========================
   03. FORM
========================= */
.contactForm__formWrap{
    padding:34px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:19px;
    background:#11110f;
    box-shadow:0 28px 70px rgba(0,0,0,.24);
}
.contactForm__formHead{
    margin-bottom:25px;
}
.contactForm__formHead > span{
    display:block;
    margin-bottom:10px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.contactForm__formHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:28px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}
.contactForm__formHead p{
    max-width:620px;
    margin:11px 0 0;
    color:rgba(245,242,233,.62);
    font-size:15px;
    line-height:1.65;
}
.contactForm__iframeWrap{
    min-height:450px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.12);
    border-radius:14px;
    background:#fff;
}
.contactForm__iframeWrap iframe{
    display:block;
}

/* =========================
   03. BOTTOM
========================= */
.contactForm__bottom{
    margin-top:24px;
    padding:22px 28px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:linear-gradient(90deg,rgba(227,197,109,.04),rgba(255,255,255,.012));
}
.contactForm__bottomItem{
    display:flex;
    align-items:center;
    gap:12px;
}
.contactForm__bottomItem > span{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}
.contactForm__bottomItem strong{
    color:#eeeae1;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}
.contactForm__bottomDivider{
    width:1px;
    height:30px;
    background:rgba(227,197,109,.15);
}

/* =========================
   03. CONTACT FORM RESPONSIVE
========================= */
@media (max-width:1100px){
    .contactForm{
        padding:95px 0;
    }
    .contactForm__head{
        gap:50px;
    }
}
@media (max-width:900px){
    .contactForm__head{
        grid-template-columns:1fr;
        gap:27px;
    }
    .contactForm__intro{
        max-width:650px;
    }
    .contactForm__layout{
        grid-template-columns:1fr;
    }
    .contactForm__info{
        min-height:auto;
    }
}
@media (max-width:768px){
    .contactForm{
        padding:78px 0;
    }
    .contactForm__title{
        font-size:clamp(30px,6vw,38px);
    }
    .contactForm__bottom{
        flex-wrap:wrap;
    }
}
@media (max-width:576px){
    .contactForm{
        padding:68px 0;
    }
    .contactForm__head{
        margin-bottom:34px;
    }
    .contactForm__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .contactForm__title{
        font-size:clamp(29px,8vw,36px);
    }
    .contactForm__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }
    .contactForm__layout{
        gap:18px;
    }
    .contactForm__info{
        padding:25px 20px;
        border-radius:16px;
    }
    .contactForm__infoTop h3{
        font-size:20px;
    }
    .contactForm__infoText{
        font-size:15px;
    }
    .contactForm__formWrap{
        padding:24px 18px;
        border-radius:16px;
    }
    .contactForm__formHead h3{
        font-size:24px;
    }
    .contactForm__formHead p{
        font-size:16px;
    }
    .contactForm__bottom{
        padding:21px 20px;
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }
    .contactForm__bottomDivider{
        width:100%;
        height:1px;
    }
}
































/* =========================
   01. ABOUT US / OUR STORY
========================= */
.aboutStory{
    position:relative;
    overflow:hidden;
    padding:155px 0 90px;
    background:
        radial-gradient(circle at 10% 28%,rgba(227,197,109,.075),transparent 27%),
        radial-gradient(circle at 88% 78%,rgba(227,197,109,.045),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 54%,#090909 100%);
}
.aboutStory__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}
.aboutStory__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.aboutStory__glow--left{
    width:560px;
    height:560px;
    left:-300px;
    top:-100px;
    background:radial-gradient(circle,rgba(227,197,109,.08),transparent 70%);
}
.aboutStory__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* BREADCRUMB */
.aboutStory__breadcrumb{
    margin-bottom:40px;
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.4;
}
.aboutStory__breadcrumb a{
    color:rgba(245,242,233,.68);
    text-decoration:none;
    transition:color .25s ease;
}
.aboutStory__breadcrumb a:hover{
    color:#e3c56d;
}
.aboutStory__breadcrumb > span:last-child{
    color:#e3c56d;
}

/* HEAD */
.aboutStory__head{
    margin-bottom:50px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}
.aboutStory__heading{
    max-width:800px;
}
.aboutStory__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.aboutStory__title{
    margin:0;
    color:#f5f2e9;
    font-size:clamp(42px,4vw,62px);
    line-height:1.04;
    font-weight:620;
    letter-spacing:-.04em;
}
.aboutStory__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.aboutStory__intro{
    max-width:500px;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
}
.aboutStory__intro p{
    margin:0;
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* MAIN */
.aboutStory__layout{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
    gap:24px;
}
.aboutStory__statement{
    min-height:520px;
    padding:42px 40px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:
        radial-gradient(circle at 0% 0%,rgba(227,197,109,.075),transparent 32%),
        linear-gradient(145deg,rgba(227,197,109,.035),rgba(255,255,255,.014));
    box-shadow:0 28px 70px rgba(0,0,0,.22);
}
.aboutStory__statementLabel{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.aboutStory__statement h2{
    max-width:680px;
    margin:0;
    color:#f3f0e7;
    font-size:clamp(27px,2.5vw,38px);
    line-height:1.16;
    font-weight:600;
    letter-spacing:-.03em;
}
.aboutStory__statement p{
    max-width:700px;
    margin:20px 0 0;
    color:rgba(245,242,233,.66);
    font-size:15px;
    line-height:1.75;
}
.aboutStory__link{
    width:max-content;
    margin-top:28px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#e3c56d;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    text-decoration:none;
}
.aboutStory__link svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}
.aboutStory__link:hover svg{
    transform:translateX(4px);
}

/* VALUES */
.aboutStory__values{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
}
.aboutStory__value{
    padding:26px 27px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:rgba(255,255,255,.018);
    transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.aboutStory__value:hover{
    transform:translateX(5px);
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.04);
}
.aboutStory__value--accent{
    background:linear-gradient(145deg,rgba(227,197,109,.06),rgba(255,255,255,.015));
}
.aboutStory__valueTop{
    margin-bottom:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.aboutStory__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}
.aboutStory__icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}
.aboutStory__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.aboutStory__value h3{
    margin:0 0 10px;
    color:#f2efe6;
    font-size:20px;
    line-height:1.3;
    font-weight:600;
}
.aboutStory__value p{
    margin:0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.65;
}

/* BOTTOM */
.aboutStory__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
    align-items:center;
    gap:24px;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:linear-gradient(90deg,rgba(227,197,109,.04),rgba(255,255,255,.012));
}
.aboutStory__bottomItem{
    text-align:center;
}
.aboutStory__bottomItem strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}
.aboutStory__bottomItem span{
    color:rgba(245,242,233,.52);
    font-size:16px;
    line-height:1.4;
}
.aboutStory__bottomDivider{
    width:1px;
    height:34px;
    background:rgba(227,197,109,.15);
}

/* =========================
   01. ABOUT STORY RESPONSIVE
========================= */
@media (max-width:1100px){
    .aboutStory{
        padding:140px 0 82px;
    }
    .aboutStory__head{
        gap:50px;
    }
    .aboutStory__layout{
        grid-template-columns:1fr 420px;
    }
}
@media (max-width:900px){
    .aboutStory{
        padding-top:130px;
    }
    .aboutStory__head{
        grid-template-columns:1fr;
        gap:27px;
    }
    .aboutStory__intro{
        max-width:650px;
    }
    .aboutStory__layout{
        grid-template-columns:1fr;
    }
    .aboutStory__statement{
        min-height:auto;
    }
    .aboutStory__values{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media (max-width:768px){
    .aboutStory{
        padding:120px 0 70px;
    }
    .aboutStory__title{
        font-size:clamp(36px,8vw,48px);
    }
    .aboutStory__values{
        grid-template-columns:1fr;
    }
    .aboutStory__bottom{
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }
    .aboutStory__bottomDivider{
        display:none;
    }
}
@media (max-width:576px){
    .aboutStory{
        padding:105px 0 62px;
    }
    .aboutStory__breadcrumb{
        margin-bottom:28px;
        font-size:16px;
    }
    .aboutStory__head{
        margin-bottom:34px;
    }
    .aboutStory__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .aboutStory__title{
        font-size:clamp(34px,9.5vw,42px);
        line-height:1.06;
    }
    .aboutStory__intro{
        padding-left:17px;
    }
    .aboutStory__intro p{
        font-size:15px;
        line-height:1.7;
    }
    .aboutStory__layout{
        gap:18px;
    }
    .aboutStory__statement{
        padding:27px 21px;
        border-radius:16px;
    }
    .aboutStory__statement h2{
        font-size:27px;
    }
    .aboutStory__statement p{
        font-size:15px;
        line-height:1.7;
    }
    .aboutStory__value{
        padding:23px 20px;
        border-radius:15px;
    }
    .aboutStory__value h3{
        font-size:19px;
    }
    .aboutStory__value p{
        font-size:16px;
    }
    .aboutStory__bottom{
        padding:21px 18px;
        grid-template-columns:1fr;
    }
}






/* =========================
   02. WHAT SETS US APART
========================= */
.aboutApart{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 88% 18%,rgba(227,197,109,.07),transparent 25%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 50%,#090909 100%);
}
.aboutApart__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}
.aboutApart__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.aboutApart__glow--left{
    width:520px;
    height:520px;
    left:-270px;
    bottom:-170px;
    background:radial-gradient(circle,rgba(227,197,109,.06),transparent 70%);
}
.aboutApart__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    top:-170px;
    background:radial-gradient(circle,rgba(227,197,109,.055),transparent 70%);
}

/* HEAD */
.aboutApart__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}
.aboutApart__heading{
    max-width:760px;
}
.aboutApart__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.aboutApart__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}
.aboutApart__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}
.aboutApart__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* LAYOUT */
.aboutApart__layout{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
    gap:24px;
    align-items:stretch;
}

/* VISUAL */
.aboutApart__visual{
    position:relative;
    min-height:620px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.28);
}
.aboutApart__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}
.aboutApart__visual:hover img{
    transform:scale(1.035);
}
.aboutApart__visualOverlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.06) 15%,*/
    /*        rgba(0,0,0,.20) 45%,*/
    /*        rgba(0,0,0,.88) 100%*/
    /*    );*/
}
.aboutApart__visualContent{
    position:absolute;
    z-index:3;
    left:32px;
    right:32px;
    bottom:112px;
    max-width:540px;
}
.aboutApart__visualLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.aboutApart__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(27px,2.4vw,38px);
    line-height:1.14;
    font-weight:600;
    letter-spacing:-.03em;
}
.aboutApart__visualContent h3 span{
    display:block;
    margin-top:5px;
    color:#c4bfb5;
    font-weight:500;
}
.aboutApart__visualContent p{
    max-width:520px;
    margin:17px 0 0;
    color:rgba(245,242,233,.72);
    font-size:15px;
    line-height:1.7;
}
.aboutApart__visualBadge{
    position:absolute;
    z-index:3;
    left:24px;
    right:24px;
    bottom:24px;
    padding:17px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(9,9,8,.76);
    backdrop-filter:blur(14px);
}
.aboutApart__visualBadge strong{
    color:#e3c56d;
    font-size:17px;
    line-height:1.3;
    font-weight:600;
}
.aboutApart__visualBadge span{
    color:rgba(245,242,233,.6);
    font-size:16px;
    line-height:1.4;
}

/* FEATURES */
.aboutApart__features{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.aboutApart__feature{
    min-height:300px;
    padding:26px 24px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:rgba(255,255,255,.018);
    transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.aboutApart__feature:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.04);
}
.aboutApart__feature--accent{
    background:linear-gradient(150deg,rgba(227,197,109,.065),rgba(255,255,255,.015));
}
.aboutApart__featureTop{
    margin-bottom:32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}
.aboutApart__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}
.aboutApart__icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.19);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}
.aboutApart__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.aboutApart__feature h3{
    margin:0 0 11px;
    color:#f3f0e7;
    font-size:20px;
    line-height:1.3;
    font-weight:600;
}
.aboutApart__feature p{
    margin:0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.67;
}

/* BOTTOM CTA */
.aboutApart__bottom{
    margin-top:24px;
    padding:25px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    border:1px solid rgba(227,197,109,.13);
    border-radius:15px;
    background:linear-gradient(90deg,rgba(227,197,109,.045),rgba(255,255,255,.014));
}
.aboutApart__bottom span{
    display:block;
    margin-bottom:6px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.aboutApart__bottom strong{
    display:block;
    color:#eeeae1;
    font-size:17px;
    line-height:1.4;
    font-weight:600;
}
.aboutApart__button{
    min-height:52px;
    padding:0 22px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}
.aboutApart__button:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(227,197,109,.2);
}
.aboutApart__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   02. WHAT SETS US APART RESPONSIVE
========================= */
@media (max-width:1100px){
    .aboutApart{
        padding:95px 0;
    }
    .aboutApart__head{
        gap:50px;
    }
    .aboutApart__layout{
        grid-template-columns:minmax(0,1fr) 430px;
    }
    .aboutApart__features{
        grid-template-columns:1fr;
    }
    .aboutApart__feature{
        min-height:auto;
    }
}
@media (max-width:900px){
    .aboutApart__head{
        grid-template-columns:1fr;
        gap:27px;
    }
    .aboutApart__intro{
        max-width:650px;
    }
    .aboutApart__layout{
        grid-template-columns:1fr;
    }
    .aboutApart__visual{
        min-height:580px;
    }
    .aboutApart__features{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:768px){
    .aboutApart{
        padding:78px 0;
    }
    .aboutApart__title{
        font-size:clamp(30px,6vw,38px);
    }
    .aboutApart__features{
        grid-template-columns:1fr;
    }
    .aboutApart__bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}
@media (max-width:576px){
    .aboutApart{
        padding:68px 0;
    }
    .aboutApart__head{
        margin-bottom:34px;
    }
    .aboutApart__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }
    .aboutApart__title{
        font-size:clamp(29px,8vw,36px);
    }
    .aboutApart__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }
    .aboutApart__visual{
        min-height:560px;
        border-radius:16px;
    }
    .aboutApart__visualContent{
        left:20px;
        right:20px;
        bottom:125px;
    }
    .aboutApart__visualContent h3{
        font-size:27px;
    }
    .aboutApart__visualContent p{
        font-size:15px;
    }
    .aboutApart__visualBadge{
        left:15px;
        right:15px;
        bottom:15px;
    }
    .aboutApart__feature{
        padding:23px 20px;
        border-radius:15px;
    }
    .aboutApart__feature h3{
        font-size:19px;
    }
    .aboutApart__feature p{
        font-size:16px;
    }
    .aboutApart__bottom{
        padding:21px 20px;
    }
    .aboutApart__button{
        width:100%;
    }
}








/* =========================
   03. OUR COMMITMENT
========================= */
.aboutCommitment{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 13% 25%,rgba(227,197,109,.07),transparent 27%),
        radial-gradient(circle at 88% 78%,rgba(227,197,109,.045),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.aboutCommitment__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.aboutCommitment__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.aboutCommitment__glow--left{
    width:540px;
    height:540px;
    left:-280px;
    top:80px;
    background:
        radial-gradient(circle,rgba(227,197,109,.07),transparent 70%);
}

.aboutCommitment__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-190px;
    background:
        radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* =========================
   03. MAIN LAYOUT
========================= */
.aboutCommitment__layout{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);
    gap:90px;
    align-items:center;
}

/* LEFT */
.aboutCommitment__main{
    max-width:650px;
}

.aboutCommitment__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.aboutCommitment__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.aboutCommitment__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.aboutCommitment__lead{
    margin:25px 0 0;
    color:#e5e1d7;
    font-size:18px;
    line-height:1.65;
    font-weight:500;
}

.aboutCommitment__text{
    margin:18px 0 0;
    color:rgba(245,242,233,.65);
    font-size:15px;
    line-height:1.75;
}

/* QUOTE */
.aboutCommitment__quote{
    position:relative;
    margin-top:34px;
    padding:27px 28px 25px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.14);
    border-radius:15px;
    background:
        linear-gradient(
            140deg,
            rgba(227,197,109,.055),
            rgba(255,255,255,.015)
        );
}

.aboutCommitment__quoteMark{
    position:absolute;
    top:4px;
    right:20px;
    color:rgba(227,197,109,.16);
    font-size:80px;
    line-height:1;
    font-family:Overlock,Arial,sans-serif;
}

.aboutCommitment__quote p{
    position:relative;
    z-index:2;
    max-width:500px;
    margin:0;
    color:#f0ede4;
    font-size:17px;
    line-height:1.65;
    font-weight:500;
}

.aboutCommitment__quoteAuthor{
    position:relative;
    z-index:2;
    display:block;
    margin-top:16px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

/* =========================
   03. COMMITMENT POINTS
========================= */
.aboutCommitment__points{
    border-top:1px solid rgba(255,255,255,.08);
}

.aboutCommitment__point{
    min-height:165px;
    padding:27px 22px;
    display:grid;
    grid-template-columns:45px minmax(0,1fr);
    gap:20px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.08);
    transition:
        background .3s ease,
        padding-left .3s ease;
}

.aboutCommitment__point:hover{
    padding-left:30px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            transparent
        );
}

.aboutCommitment__point--accent{
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.035),
            transparent
        );
}

.aboutCommitment__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}

.aboutCommitment__pointContent{
    display:flex;
    align-items:center;
    gap:20px;
}

.aboutCommitment__icon{
    width:54px;
    height:54px;
    flex:0 0 54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(227,197,109,.045);
}

.aboutCommitment__icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.aboutCommitment__point h3{
    margin:0 0 8px;
    color:#f3f0e7;
    font-size:20px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}

.aboutCommitment__point p{
    max-width:500px;
    margin:0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.65;
}

/* =========================
   03. CTA
========================= */
.aboutCommitment__cta{
    margin-top:48px;
    padding:28px 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    border:1px solid rgba(227,197,109,.15);
    border-radius:16px;
    background:
        radial-gradient(circle at 90% 50%,rgba(227,197,109,.08),transparent 24%),
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.014)
        );
}

.aboutCommitment__ctaContent > span{
    display:block;
    margin-bottom:7px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.aboutCommitment__ctaContent strong{
    display:block;
    color:#f0ede4;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
}

.aboutCommitment__button{
    min-height:52px;
    padding:0 23px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:
        0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.aboutCommitment__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.22);
}

.aboutCommitment__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   03. OUR COMMITMENT RESPONSIVE
========================= */
@media (max-width:1100px){
    .aboutCommitment{
        padding:95px 0;
    }

    .aboutCommitment__layout{
        grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);
        gap:55px;
    }
}

@media (max-width:900px){
    .aboutCommitment__layout{
        grid-template-columns:1fr;
        gap:48px;
    }

    .aboutCommitment__main{
        max-width:720px;
    }

    .aboutCommitment__points{
        max-width:800px;
    }
}

@media (max-width:768px){
    .aboutCommitment{
        padding:78px 0;
    }

    .aboutCommitment__title{
        font-size:clamp(30px,6vw,38px);
    }

    .aboutCommitment__cta{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:576px){
    .aboutCommitment{
        padding:68px 0;
    }

    .aboutCommitment__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .aboutCommitment__title{
        font-size:clamp(29px,8vw,36px);
    }

    .aboutCommitment__lead{
        margin-top:20px;
        font-size:17px;
    }

    .aboutCommitment__text{
        font-size:15px;
        line-height:1.7;
    }

    .aboutCommitment__quote{
        margin-top:28px;
        padding:23px 20px;
    }

    .aboutCommitment__quote p{
        font-size:16px;
    }

    .aboutCommitment__point{
        min-height:auto;
        padding:22px 0;
        grid-template-columns:34px minmax(0,1fr);
        gap:10px;
    }

    .aboutCommitment__point:hover{
        padding-left:5px;
    }

    .aboutCommitment__pointContent{
        align-items:flex-start;
        gap:14px;
    }

    .aboutCommitment__icon{
        width:46px;
        height:46px;
        flex-basis:46px;
    }

    .aboutCommitment__point h3{
        font-size:18px;
    }

    .aboutCommitment__point p{
        font-size:16px;
    }

    .aboutCommitment__cta{
        margin-top:36px;
        padding:22px 20px;
    }

    .aboutCommitment__ctaContent strong{
        font-size:17px;
    }

    .aboutCommitment__button{
        width:100%;
    }
}






/* =========================
   04. PROFESSIONAL AFFILIATIONS / INDUSTRY STANDARDS
========================= */
.aboutAffiliations{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 88% 20%,rgba(227,197,109,.07),transparent 25%),
        radial-gradient(circle at 10% 80%,rgba(227,197,109,.05),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 50%,#090909 100%);
}

.aboutAffiliations__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.aboutAffiliations__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.aboutAffiliations__glow--left{
    width:520px;
    height:520px;
    left:-270px;
    bottom:-180px;
    background:
        radial-gradient(circle,rgba(227,197,109,.06),transparent 70%);
}

.aboutAffiliations__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    top:-170px;
    background:
        radial-gradient(circle,rgba(227,197,109,.055),transparent 70%);
}

/* =========================
   04. HEAD
========================= */
.aboutAffiliations__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}

.aboutAffiliations__heading{
    max-width:780px;
}

.aboutAffiliations__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.aboutAffiliations__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.aboutAffiliations__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.aboutAffiliations__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   04. VISUAL
========================= */
.aboutAffiliations__visual{
    position:relative;
    min-height:520px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.27);
}

.aboutAffiliations__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.aboutAffiliations__visual:hover img{
    transform:scale(1.03);
}

.aboutAffiliations__visualOverlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(5,5,5,.31) 0%,
            rgba(5,5,5,.23) 34%,
            rgba(5,5,5,.18) 68%,
            rgba(5,5,5,.1) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.06) 30%,
            rgba(0,0,0,.22) 100%
        );
}

.aboutAffiliations__visualContent{
    position:absolute;
    z-index:3;
    top:50%;
    left:42px;
    max-width:510px;
    transform:translateY(-50%);
}

.aboutAffiliations__visualLabel{
    display:block;
    margin-bottom:15px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.aboutAffiliations__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(28px,2.6vw,40px);
    line-height:1.13;
    font-weight:600;
    letter-spacing:-.03em;
}

.aboutAffiliations__visualContent h3 span{
    display:block;
    margin-top:5px;
    color:#c6c1b7;
    font-weight:500;
}

.aboutAffiliations__visualContent p{
    max-width:500px;
    margin:18px 0 0;
    color:rgba(245,242,233,.72);
    font-size:15px;
    line-height:1.7;
}

.aboutAffiliations__badge{
    position:absolute;
    z-index:4;
    right:24px;
    bottom:24px;
    padding:18px 21px;
    display:flex;
    align-items:center;
    gap:14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(9,9,8,.76);
    backdrop-filter:blur(15px);
}

.aboutAffiliations__badgeIcon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:11px;
    background:rgba(227,197,109,.05);
}

.aboutAffiliations__badgeIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.aboutAffiliations__badge strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.3;
    font-weight:600;
}

.aboutAffiliations__badge div > span{
    color:rgba(245,242,233,.54);
    font-size:16px;
    line-height:1.4;
}

/* =========================
   04. STANDARDS GRID
========================= */
.aboutAffiliations__grid{
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.aboutAffiliations__card{
    min-height:250px;
    padding:25px 23px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    background:rgba(255,255,255,.018);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.aboutAffiliations__card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.04);
}

.aboutAffiliations__card--accent{
    background:
        linear-gradient(
            150deg,
            rgba(227,197,109,.065),
            rgba(255,255,255,.015)
        );
}

.aboutAffiliations__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}

.aboutAffiliations__icon{
    width:48px;
    height:48px;
    margin:28px 0 23px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}

.aboutAffiliations__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.aboutAffiliations__card h3{
    margin:0 0 11px;
    color:#f2efe6;
    font-size:19px;
    line-height:1.3;
    font-weight:600;
}

.aboutAffiliations__card p{
    margin:0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.66;
}

/* =========================
   04. BOTTOM CTA
========================= */
.aboutAffiliations__bottom{
    margin-top:24px;
    padding:26px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    border:1px solid rgba(227,197,109,.14);
    border-radius:15px;
    background:
        radial-gradient(circle at 90% 50%,rgba(227,197,109,.07),transparent 24%),
        linear-gradient(90deg,rgba(227,197,109,.045),rgba(255,255,255,.014));
}

.aboutAffiliations__bottomLabel{
    display:block;
    margin-bottom:7px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.aboutAffiliations__bottom strong{
    display:block;
    color:#f0ede4;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
}

.aboutAffiliations__button{
    min-height:52px;
    padding:0 23px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}

.aboutAffiliations__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.22);
}

.aboutAffiliations__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   04. RESPONSIVE
========================= */
@media (max-width:1100px){
    .aboutAffiliations{
        padding:95px 0;
    }

    .aboutAffiliations__head{
        gap:50px;
    }

    .aboutAffiliations__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:900px){
    .aboutAffiliations__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .aboutAffiliations__intro{
        max-width:650px;
    }

    .aboutAffiliations__visual{
        min-height:560px;
    }

    .aboutAffiliations__visualContent{
        top:auto;
        left:30px;
        right:30px;
        bottom:120px;
        max-width:600px;
        transform:none;
    }
}

@media (max-width:768px){
    .aboutAffiliations{
        padding:78px 0;
    }

    .aboutAffiliations__title{
        font-size:clamp(30px,6vw,38px);
    }

    .aboutAffiliations__bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:576px){
    .aboutAffiliations{
        padding:68px 0;
    }

    .aboutAffiliations__head{
        margin-bottom:34px;
    }

    .aboutAffiliations__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .aboutAffiliations__title{
        font-size:clamp(29px,8vw,36px);
    }

    .aboutAffiliations__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .aboutAffiliations__visual{
        min-height:600px;
        border-radius:16px;
    }

    .aboutAffiliations__visual img{
        object-position:58% center;
    }

    .aboutAffiliations__visualContent{
        left:20px;
        right:20px;
        bottom:140px;
    }

    .aboutAffiliations__visualContent h3{
        font-size:28px;
    }

    .aboutAffiliations__visualContent p{
        font-size:15px;
    }

    .aboutAffiliations__badge{
        left:15px;
        right:15px;
        bottom:15px;
    }

    .aboutAffiliations__grid{
        grid-template-columns:1fr;
    }

    .aboutAffiliations__card{
        min-height:auto;
        padding:23px 20px;
    }

    .aboutAffiliations__card p{
        font-size:16px;
    }

    .aboutAffiliations__bottom{
        padding:22px 20px;
    }

    .aboutAffiliations__button{
        width:100%;
    }
}








/* =========================
   05. LOCAL PARTNERS & COMMUNITY
========================= */
.aboutPartners{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 10% 25%,rgba(227,197,109,.065),transparent 25%),
        radial-gradient(circle at 90% 75%,rgba(227,197,109,.045),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.aboutPartners__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.aboutPartners__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.aboutPartners__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    top:120px;
    background:radial-gradient(circle,rgba(227,197,109,.07),transparent 70%);
}

.aboutPartners__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-180px;
    background:radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* =========================
   05. TOP
========================= */
.aboutPartners__top{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);
    gap:70px;
    align-items:center;
}

.aboutPartners__content{
    max-width:720px;
}

.aboutPartners__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.aboutPartners__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.aboutPartners__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.aboutPartners__lead{
    max-width:680px;
    margin:25px 0 0;
    color:#e4e0d6;
    font-size:17px;
    line-height:1.7;
}

.aboutPartners__text{
    max-width:680px;
    margin:17px 0 0;
    color:rgba(245,242,233,.64);
    font-size:15px;
    line-height:1.72;
}

.aboutPartners__link{
    width:max-content;
    margin-top:27px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#e3c56d;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    text-decoration:none;
}

.aboutPartners__link svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}

.aboutPartners__link:hover svg{
    transform:translateX(4px);
}

/* =========================
   05. COMMUNITY PANEL
========================= */
.aboutPartners__community{
    position:relative;
    overflow:hidden;
    padding:30px 28px;
    border:1px solid rgba(227,197,109,.16);
    border-radius:18px;
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.09),transparent 35%),
        linear-gradient(145deg,rgba(227,197,109,.045),rgba(255,255,255,.015));
    box-shadow:0 25px 65px rgba(0,0,0,.22);
}

.aboutPartners__communityTop{
    display:flex;
    align-items:center;
    gap:16px;
    padding-bottom:24px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.aboutPartners__communityIcon,
.aboutPartners__locationIcon{
    width:50px;
    height:50px;
    flex:0 0 50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(227,197,109,.05);
}

.aboutPartners__communityIcon svg,
.aboutPartners__locationIcon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.aboutPartners__communityTop div > span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    font-weight:600;
}

.aboutPartners__communityTop strong{
    display:block;
    color:#f2efe6;
    font-size:19px;
    line-height:1.3;
    font-weight:600;
}

.aboutPartners__location{
    padding:24px 0 22px;
    display:flex;
    align-items:flex-start;
    gap:16px;
}

.aboutPartners__location strong{
    display:block;
    margin:3px 0 7px;
    color:#f0ede4;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.aboutPartners__location p{
    margin:0;
    color:rgba(245,242,233,.58);
    font-size:16px;
    line-height:1.6;
}

.aboutPartners__areas{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.aboutPartners__areas span{
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:7px;
    color:rgba(245,242,233,.66);
    background:rgba(255,255,255,.018);
    font-size:16px;
    line-height:1.3;
}

.aboutPartners__areasLink{
    margin-top:23px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#e3c56d;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
}

.aboutPartners__areasLink span{
    transition:transform .25s ease;
}

.aboutPartners__areasLink:hover span{
    transform:translate(3px,-3px);
}

/* =========================
   05. BENEFITS
========================= */
.aboutPartners__grid{
    margin-top:48px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-top:1px solid rgba(255,255,255,.08);
    border-left:1px solid rgba(255,255,255,.08);
}

.aboutPartners__card{
    min-height:280px;
    padding:27px 24px;
    border-right:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.012);
    transition:background .3s ease;
}

.aboutPartners__card:hover{
    background:rgba(227,197,109,.04);
}

.aboutPartners__card--accent{
    background:
        linear-gradient(150deg,rgba(227,197,109,.055),rgba(255,255,255,.012));
}

.aboutPartners__number{
    display:block;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}

.aboutPartners__icon{
    width:48px;
    height:48px;
    margin:28px 0 22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}

.aboutPartners__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.aboutPartners__card h3{
    margin:0 0 11px;
    color:#f2efe6;
    font-size:19px;
    line-height:1.3;
    font-weight:600;
}

.aboutPartners__card p{
    margin:0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.67;
}

/* =========================
   05. CTA
========================= */
.aboutPartners__bottom{
    margin-top:24px;
    padding:26px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    border:1px solid rgba(227,197,109,.14);
    border-radius:15px;
    background:
        radial-gradient(circle at 90% 50%,rgba(227,197,109,.08),transparent 25%),
        linear-gradient(90deg,rgba(227,197,109,.045),rgba(255,255,255,.014));
}

.aboutPartners__bottomContent > span{
    display:block;
    margin-bottom:7px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.aboutPartners__bottomContent strong{
    color:#f0ede4;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
}

.aboutPartners__button{
    min-height:52px;
    padding:0 23px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}

.aboutPartners__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.22);
}

.aboutPartners__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   05. RESPONSIVE
========================= */
@media (max-width:1100px){
    .aboutPartners{
        padding:95px 0;
    }

    .aboutPartners__top{
        grid-template-columns:minmax(0,1fr) 400px;
        gap:50px;
    }

    .aboutPartners__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:900px){
    .aboutPartners__top{
        grid-template-columns:1fr;
    }

    .aboutPartners__community{
        max-width:700px;
    }
}

@media (max-width:768px){
    .aboutPartners{
        padding:78px 0;
    }

    .aboutPartners__title{
        font-size:clamp(30px,6vw,38px);
    }

    .aboutPartners__bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:576px){
    .aboutPartners{
        padding:68px 0;
    }

    .aboutPartners__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .aboutPartners__title{
        font-size:clamp(29px,8vw,36px);
    }

    .aboutPartners__lead{
        margin-top:20px;
        font-size:16px;
    }

    .aboutPartners__text{
        font-size:15px;
    }

    .aboutPartners__community{
        padding:24px 20px;
        border-radius:15px;
    }

    .aboutPartners__grid{
        margin-top:35px;
        grid-template-columns:1fr;
    }

    .aboutPartners__card{
        min-height:auto;
        padding:23px 20px;
    }

    .aboutPartners__card p{
        font-size:16px;
    }

    .aboutPartners__bottom{
        padding:22px 20px;
    }

    .aboutPartners__button{
        width:100%;
    }
}








/* =========================
   06. EXPERIENCE THE DIFFERENCE
========================= */
.aboutExperience{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 12% 30%,rgba(227,197,109,.07),transparent 26%),
        radial-gradient(circle at 90% 78%,rgba(227,197,109,.045),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.aboutExperience__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.aboutExperience__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.aboutExperience__glow--left{
    width:540px;
    height:540px;
    left:-280px;
    top:100px;
    background:radial-gradient(circle,rgba(227,197,109,.07),transparent 70%);
}

.aboutExperience__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-180px;
    background:radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* MAIN */
.aboutExperience__layout{
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);
    gap:70px;
    align-items:center;
}

.aboutExperience__content{
    max-width:650px;
}

.aboutExperience__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.aboutExperience__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.aboutExperience__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.aboutExperience__lead{
    margin:25px 0 0;
    color:#e4e0d6;
    font-size:17px;
    line-height:1.7;
}

.aboutExperience__text{
    margin:17px 0 0;
    color:rgba(245,242,233,.64);
    font-size:15px;
    line-height:1.72;
}

/* POINTS */
.aboutExperience__points{
    margin-top:31px;
    border-top:1px solid rgba(255,255,255,.08);
}

.aboutExperience__point{
    padding:18px 0;
    display:flex;
    align-items:center;
    gap:15px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.aboutExperience__pointIcon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:11px;
    background:rgba(227,197,109,.045);
}

.aboutExperience__pointIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.aboutExperience__point strong{
    display:block;
    margin-bottom:4px;
    color:#f1eee5;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.aboutExperience__point span{
    color:rgba(245,242,233,.53);
    font-size:16px;
    line-height:1.45;
}

.aboutExperience__button{
    min-height:52px;
    margin-top:28px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}

.aboutExperience__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.22);
}

.aboutExperience__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* VISUAL */
.aboutExperience__visual{
    position:relative;
    min-height:570px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.aboutExperience__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.aboutExperience__visual:hover img{
    transform:scale(1.035);
}

.aboutExperience__visualOverlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.72) 100%);*/
}

.aboutExperience__badge{
    position:absolute;
    z-index:3;
    left:24px;
    bottom:24px;
    padding:18px 20px;
    display:flex;
    align-items:center;
    gap:14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(9,9,8,.76);
    backdrop-filter:blur(15px);
}

.aboutExperience__badgeIcon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:11px;
    background:rgba(227,197,109,.05);
}

.aboutExperience__badgeIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.aboutExperience__badge strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    font-weight:600;
}

.aboutExperience__badge div > span{
    color:rgba(245,242,233,.54);
    font-size:16px;
}

/* BOTTOM */
.aboutExperience__bottom{
    margin-top:28px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    gap:25px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:linear-gradient(90deg,rgba(227,197,109,.04),rgba(255,255,255,.012));
}

.aboutExperience__bottomItem{
    display:grid;
    grid-template-columns:34px 1fr;
    gap:13px;
    align-items:start;
}

.aboutExperience__bottomItem > span{
    color:#e3c56d;
    font-size:16px;
    font-weight:700;
}

.aboutExperience__bottomItem strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:15px;
    font-weight:600;
}

.aboutExperience__bottomItem p{
    margin:0;
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.5;
}

.aboutExperience__divider{
    width:1px;
    height:42px;
    background:rgba(227,197,109,.15);
}

/* RESPONSIVE */
@media (max-width:1100px){
    .aboutExperience{
        padding:95px 0;
    }

    .aboutExperience__layout{
        grid-template-columns:minmax(0,.8fr) minmax(440px,1.2fr);
        gap:50px;
    }
}

@media (max-width:900px){
    .aboutExperience__layout{
        grid-template-columns:1fr;
        gap:45px;
    }

    .aboutExperience__content{
        max-width:700px;
    }

    .aboutExperience__visual{
        min-height:540px;
    }
}

@media (max-width:768px){
    .aboutExperience{
        padding:78px 0;
    }

    .aboutExperience__title{
        font-size:clamp(30px,6vw,38px);
    }

    .aboutExperience__bottom{
        grid-template-columns:1fr;
    }

    .aboutExperience__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){
    .aboutExperience{
        padding:68px 0;
    }

    .aboutExperience__eyebrow{
        margin-bottom:14px;
    }

    .aboutExperience__title{
        font-size:clamp(29px,8vw,36px);
    }

    .aboutExperience__lead{
        margin-top:20px;
        font-size:16px;
    }

    .aboutExperience__text{
        font-size:15px;
    }

    .aboutExperience__button{
        width:100%;
    }

    .aboutExperience__visual{
        min-height:500px;
        border-radius:16px;
    }

    .aboutExperience__badge{
        left:15px;
        right:15px;
        bottom:15px;
    }

    .aboutExperience__bottom{
        padding:21px 20px;
    }
}






/* =========================
   07. OUR PROMISE / FINAL ABOUT CTA
========================= */
.aboutPromise{
    position:relative;
    overflow:hidden;
    padding:110px 0 90px;
    background:
        radial-gradient(circle at 10% 30%,rgba(227,197,109,.07),transparent 26%),
        radial-gradient(circle at 90% 70%,rgba(227,197,109,.05),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.aboutPromise__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.aboutPromise__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.aboutPromise__glow--left{
    width:540px;
    height:540px;
    left:-280px;
    top:80px;
    background:
        radial-gradient(circle,rgba(227,197,109,.07),transparent 70%);
}

.aboutPromise__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-180px;
    background:
        radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* =========================
   07. MAIN
========================= */
.aboutPromise__main{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
    gap:80px;
    align-items:center;
    padding:48px;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:
        radial-gradient(circle at 0% 0%,rgba(227,197,109,.07),transparent 30%),
        linear-gradient(
            145deg,
            rgba(227,197,109,.035),
            rgba(255,255,255,.014)
        );
    box-shadow:0 30px 80px rgba(0,0,0,.22);
}

.aboutPromise__content{
    max-width:690px;
}

.aboutPromise__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.aboutPromise__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.aboutPromise__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.aboutPromise__lead{
    margin:25px 0 0;
    color:#e4e0d6;
    font-size:17px;
    line-height:1.7;
}

.aboutPromise__text{
    margin:17px 0 0;
    color:rgba(245,242,233,.64);
    font-size:15px;
    line-height:1.72;
}

/* ACTIONS */
.aboutPromise__actions{
    margin-top:30px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
}

.aboutPromise__button{
    min-height:52px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}

.aboutPromise__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.22);
}

.aboutPromise__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.aboutPromise__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.34);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:color .25s ease,border-color .25s ease;
}

.aboutPromise__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   07. SIDE PROMISES
========================= */
.aboutPromise__side{
    border-top:1px solid rgba(255,255,255,.08);
}

.aboutPromise__item{
    padding:24px 0;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:17px;
    border-bottom:1px solid rgba(255,255,255,.08);
    transition:padding-left .25s ease,background .25s ease;
}

.aboutPromise__item:hover{
    padding-left:8px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.035),
            transparent
        );
}

.aboutPromise__item--accent{
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.025),
            transparent
        );
}

.aboutPromise__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1.5;
    font-weight:700;
    letter-spacing:.08em;
}

.aboutPromise__item h3{
    margin:0 0 8px;
    color:#f2efe6;
    font-size:20px;
    line-height:1.3;
    font-weight:600;
}

.aboutPromise__item p{
    max-width:470px;
    margin:0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.65;
}

/* =========================
   07. BOTTOM
========================= */
.aboutPromise__bottom{
    margin-top:42px;
    display:flex;
    align-items:center;
    gap:20px;
}

.aboutPromise__bottomLine{
    height:1px;
    flex:1;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(227,197,109,.24),
            transparent
        );
}

.aboutPromise__bottom p{
    margin:0;
    flex:0 0 auto;
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.4;
    letter-spacing:.03em;
}

/* =========================
   07. RESPONSIVE
========================= */
@media (max-width:1100px){
    .aboutPromise{
        padding:95px 0 80px;
    }

    .aboutPromise__main{
        grid-template-columns:minmax(0,1fr) 400px;
        gap:50px;
        padding:40px;
    }
}

@media (max-width:900px){
    .aboutPromise__main{
        grid-template-columns:1fr;
        gap:42px;
    }

    .aboutPromise__content{
        max-width:720px;
    }

    .aboutPromise__side{
        max-width:760px;
    }
}

@media (max-width:768px){
    .aboutPromise{
        padding:78px 0 68px;
    }

    .aboutPromise__title{
        font-size:clamp(30px,6vw,38px);
    }
}

@media (max-width:576px){
    .aboutPromise{
        padding:68px 0 58px;
    }

    .aboutPromise__main{
        padding:27px 20px;
        border-radius:16px;
    }

    .aboutPromise__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .aboutPromise__title{
        font-size:clamp(29px,8vw,36px);
    }

    .aboutPromise__lead{
        margin-top:20px;
        font-size:16px;
    }

    .aboutPromise__text{
        font-size:15px;
    }

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

    .aboutPromise__button{
        width:100%;
    }

    .aboutPromise__link{
        width:max-content;
    }

    .aboutPromise__item{
        grid-template-columns:34px minmax(0,1fr);
        gap:12px;
        padding:21px 0;
    }

    .aboutPromise__item h3{
        font-size:18px;
    }

    .aboutPromise__item p{
        font-size:16px;
    }

    .aboutPromise__bottom{
        margin-top:34px;
    }

    .aboutPromise__bottomLine{
        display:none;
    }

    .aboutPromise__bottom p{
        font-size:16px;
    }
}























/* =========================
   01. LOCATIONS HERO / CHOOSE YOUR SERVICE AREA
========================= */
.locationsHero{
    position:relative;
    overflow:hidden;
    padding:155px 0 90px;
    background:
        radial-gradient(circle at 12% 25%,rgba(227,197,109,.075),transparent 27%),
        radial-gradient(circle at 90% 75%,rgba(227,197,109,.045),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 54%,#090909 100%);
}

.locationsHero__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.locationsHero__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.locationsHero__glow--left{
    width:560px;
    height:560px;
    left:-300px;
    top:-100px;
    background:
        radial-gradient(circle,rgba(227,197,109,.08),transparent 70%);
}

.locationsHero__glow--right{
    width:520px;
    height:520px;
    right:-270px;
    bottom:-190px;
    background:
        radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* BREADCRUMB */
.locationsHero__breadcrumb{
    margin-bottom:40px;
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.4;
}

.locationsHero__breadcrumb a{
    color:rgba(245,242,233,.68);
    text-decoration:none;
    transition:color .25s ease;
}

.locationsHero__breadcrumb a:hover{
    color:#e3c56d;
}

.locationsHero__breadcrumb > span:last-child{
    color:#e3c56d;
}

/* =========================
   HEAD
========================= */
.locationsHero__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}

.locationsHero__heading{
    max-width:800px;
}

.locationsHero__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.locationsHero__title{
    margin:0;
    color:#f5f2e9;
    font-size:clamp(42px,4vw,62px);
    line-height:1.04;
    font-weight:620;
    letter-spacing:-.04em;
}

.locationsHero__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.locationsHero__intro{
    max-width:500px;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
}

.locationsHero__intro p{
    margin:0;
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   LOCATION CARDS
========================= */
.locationsHero__cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.locationsHero__card{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    color:inherit;
    background:rgba(255,255,255,.018);
    box-shadow:0 28px 70px rgba(0,0,0,.22);
    text-decoration:none;
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.locationsHero__card:hover{
    transform:translateY(-6px);
    border-color:rgba(227,197,109,.22);
    box-shadow:0 34px 85px rgba(0,0,0,.3);
}

.locationsHero__image{
    position:relative;
    min-height:250px;
    overflow:hidden;
    background:#111;
}

.locationsHero__image img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .6s ease;
}

.locationsHero__card:hover .locationsHero__image img{
    transform:scale(1.045);
}

.locationsHero__imageOverlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.05) 30%,*/
    /*        rgba(0,0,0,.68) 100%*/
    /*    );*/
}

.locationsHero__cardNumber{
    position:absolute;
    top:20px;
    left:20px;
    min-width:42px;
    height:42px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:10px;
    color:#e3c56d;
    background:rgba(9,9,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    font-weight:700;
}

.locationsHero__areaBadge{
    position:absolute;
    right:20px;
    bottom:20px;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f1eee5;
    background:rgba(9,9,8,.72);
    backdrop-filter:blur(12px);
    font-size:16px;
    font-weight:600;
}

/* CARD CONTENT */
.locationsHero__cardContent{
    min-height:185px;
    padding:27px 26px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.locationsHero__cardLabel{
    display:block;
    margin-bottom:9px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.locationsHero__cardContent h2{
    margin:0;
    color:#f3f0e7;
    font-size:27px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}

.locationsHero__cardContent p{
    max-width:440px;
    margin:12px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.65;
}

.locationsHero__arrow{
    width:50px;
    height:50px;
    flex:0 0 50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:50%;
    color:#e3c56d;
    background:rgba(227,197,109,.035);
    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease;
}

.locationsHero__arrow svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.locationsHero__card:hover .locationsHero__arrow{
    color:#16140d;
    background:#e3c56d;
    transform:rotate(5deg);
}

/* =========================
   BOTTOM
========================= */
.locationsHero__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    gap:25px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.locationsHero__bottomItem{
    display:flex;
    align-items:center;
    gap:14px;
}

.locationsHero__bottomIcon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.04);
}

.locationsHero__bottomIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.locationsHero__bottomItem strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.35;
    font-weight:600;
}

.locationsHero__bottomItem div > span{
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.45;
}

.locationsHero__bottomDivider{
    width:1px;
    height:40px;
    background:rgba(227,197,109,.15);
}

/* =========================
   01. RESPONSIVE
========================= */
@media (max-width:1100px){
    .locationsHero{
        padding:140px 0 82px;
    }

    .locationsHero__head{
        gap:50px;
    }

    .locationsHero__image{
        min-height:220px;
    }
    .locationsHero__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
}

@media (max-width:900px){
    .locationsHero{
        padding-top:130px;
    }

    .locationsHero__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .locationsHero__intro{
        max-width:650px;
    }
}

@media (max-width:768px){
    .locationsHero{
        padding:120px 0 70px;
    }

    .locationsHero__title{
        font-size:clamp(36px,8vw,48px);
    }

    .locationsHero__cards{
        grid-template-columns:1fr;
    }

    .locationsHero__bottom{
        grid-template-columns:1fr;
    }

    .locationsHero__bottomDivider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){
    .locationsHero{
        padding:105px 0 62px;
    }

    .locationsHero__breadcrumb{
        margin-bottom:28px;
        font-size:16px;
    }

    .locationsHero__head{
        margin-bottom:34px;
    }

    .locationsHero__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .locationsHero__title{
        font-size:clamp(34px,9.5vw,42px);
        line-height:1.06;
    }

    .locationsHero__intro{
        padding-left:17px;
    }

    .locationsHero__intro p{
        font-size:15px;
        line-height:1.7;
    }

    .locationsHero__cards{
        gap:18px;
    }

    .locationsHero__card{
        border-radius:16px;
    }

    .locationsHero__image{
        /* min-height:270px; */
    }

    .locationsHero__cardContent{
        min-height:auto;
        padding:23px 20px;
    }

    .locationsHero__cardContent h2{
        font-size:24px;
    }

    .locationsHero__cardContent p{
        font-size:16px;
    }

    .locationsHero__arrow{
        width:44px;
        height:44px;
        flex-basis:44px;
    }

    .locationsHero__bottom{
        padding:21px 20px;
    }
}





/* =========================
   02. LONG ISLAND LOCAL COVERAGE
========================= */
.longIslandCoverage{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 88% 25%,rgba(227,197,109,.07),transparent 25%),
        radial-gradient(circle at 10% 80%,rgba(227,197,109,.045),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.longIslandCoverage__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.longIslandCoverage__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.longIslandCoverage__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    bottom:-180px;
    background:radial-gradient(circle,rgba(227,197,109,.06),transparent 70%);
}

.longIslandCoverage__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    top:-160px;
    background:radial-gradient(circle,rgba(227,197,109,.055),transparent 70%);
}

/* =========================
   HEAD
========================= */
.longIslandCoverage__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}

.longIslandCoverage__heading{
    max-width:780px;
}

.longIslandCoverage__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.longIslandCoverage__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.longIslandCoverage__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.longIslandCoverage__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   MAIN LAYOUT
========================= */
.longIslandCoverage__layout{
    display:grid;
    grid-template-columns:minmax(420px,.85fr) minmax(0,1.15fr);
    gap:24px;
    align-items:stretch;
}

/* CONTENT */
.longIslandCoverage__content{
    padding:35px 31px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.08);
    border-radius:19px;
    background:
        radial-gradient(circle at 0% 0%,rgba(227,197,109,.065),transparent 34%),
        rgba(255,255,255,.018);
}

.longIslandCoverage__label{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.longIslandCoverage__content > h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.025em;
}

.longIslandCoverage__content > p{
    margin:17px 0 0;
    color:rgba(245,242,233,.64);
    font-size:15px;
    line-height:1.72;
}

/* AREAS */
.longIslandCoverage__areas{
    margin-top:27px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.longIslandCoverage__areas span{
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:7px;
    color:rgba(245,242,233,.68);
    background:rgba(255,255,255,.018);
    font-size:16px;
    line-height:1.3;
}

/* FEATURES */
.longIslandCoverage__features{
    margin-top:30px;
    border-top:1px solid rgba(255,255,255,.08);
}

.longIslandCoverage__feature{
    padding:18px 0;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.longIslandCoverage__featureNumber{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.longIslandCoverage__feature strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.longIslandCoverage__feature p{
    margin:0;
    color:rgba(245,242,233,.52);
    font-size:16px;
    line-height:1.5;
}

/* ACTIONS */
.longIslandCoverage__actions{
    margin-top:auto;
    padding-top:28px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}

.longIslandCoverage__button{
    min-height:52px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}

.longIslandCoverage__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.22);
}

.longIslandCoverage__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.longIslandCoverage__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.32);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
}

.longIslandCoverage__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   VISUAL
========================= */
.longIslandCoverage__visual{
    position:relative;
    min-height:650px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.longIslandCoverage__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.longIslandCoverage__visual:hover img{
    transform:scale(1.035);
}

.longIslandCoverage__overlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.04) 20%,*/
    /*        rgba(0,0,0,.12) 48%,*/
    /*        rgba(0,0,0,.84) 100%*/
    /*    );*/
}

.longIslandCoverage__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    right:22px;
}

.longIslandCoverage__visualTop span{
    display:inline-flex;
    padding:10px 13px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(9,9,8,.68);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

.longIslandCoverage__visualBottom{
    position:absolute;
    z-index:3;
    left:24px;
    right:24px;
    bottom:24px;
    padding:21px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:14px;
    background:rgba(9,9,8,.76);
    backdrop-filter:blur(15px);
}

.longIslandCoverage__visualLabel{
    display:block;
    margin-bottom:7px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.longIslandCoverage__visualBottom h3{
    margin:0;
    color:#f4f1e8;
    font-size:24px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.02em;
}

.longIslandCoverage__visualBottom h3 span{
    color:#aaa69c;
    font-weight:500;
}

.longIslandCoverage__locationIcon{
    width:52px;
    height:52px;
    flex:0 0 52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:13px;
    background:rgba(227,197,109,.05);
}

.longIslandCoverage__locationIcon svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   BOTTOM STRIP
========================= */
.longIslandCoverage__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
    align-items:center;
    gap:24px;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.longIslandCoverage__bottomItem{
    text-align:center;
}

.longIslandCoverage__bottomItem span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.longIslandCoverage__bottomItem strong{
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.longIslandCoverage__bottomDivider{
    width:1px;
    height:36px;
    background:rgba(227,197,109,.15);
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width:1100px){
    .longIslandCoverage{
        padding:95px 0;
    }

    .longIslandCoverage__head{
        gap:50px;
    }

    .longIslandCoverage__layout{
        grid-template-columns:400px minmax(0,1fr);
    }
}

@media (max-width:900px){
    .longIslandCoverage__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .longIslandCoverage__intro{
        max-width:650px;
    }

    .longIslandCoverage__layout{
        grid-template-columns:1fr;
    }

    .longIslandCoverage__visual{
        min-height:580px;
    }
}

@media (max-width:768px){
    .longIslandCoverage{
        padding:78px 0;
    }

    .longIslandCoverage__title{
        font-size:clamp(30px,6vw,38px);
    }

    .longIslandCoverage__bottom{
        grid-template-columns:repeat(2,1fr);
    }

    .longIslandCoverage__bottomDivider{
        display:none;
    }
}

@media (max-width:576px){
    .longIslandCoverage{
        padding:68px 0;
    }

    .longIslandCoverage__head{
        margin-bottom:34px;
    }

    .longIslandCoverage__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .longIslandCoverage__title{
        font-size:clamp(29px,8vw,36px);
    }

    .longIslandCoverage__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .longIslandCoverage__content{
        padding:25px 20px;
        border-radius:16px;
    }

    .longIslandCoverage__content > h3{
        font-size:25px;
    }

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

    .longIslandCoverage__button{
        width:100%;
    }

    .longIslandCoverage__link{
        width:max-content;
    }

    .longIslandCoverage__visual{
        min-height:520px;
        border-radius:16px;
    }

    .longIslandCoverage__visualBottom{
        left:15px;
        right:15px;
        bottom:15px;
        padding:17px;
    }

    .longIslandCoverage__visualBottom h3{
        font-size:20px;
    }

    .longIslandCoverage__locationIcon{
        width:46px;
        height:46px;
        flex-basis:46px;
    }

    .longIslandCoverage__bottom{
        padding:21px 18px;
        grid-template-columns:1fr;
    }
}








/* =========================
   03. MANHATTAN LOCAL COVERAGE
========================= */
.manhattanCoverage{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 12% 25%,rgba(227,197,109,.065),transparent 25%),
        radial-gradient(circle at 90% 80%,rgba(227,197,109,.05),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.manhattanCoverage__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.manhattanCoverage__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.manhattanCoverage__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    top:100px;
    background:radial-gradient(circle,rgba(227,197,109,.06),transparent 70%);
}

.manhattanCoverage__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-180px;
    background:radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* HEAD */
.manhattanCoverage__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}

.manhattanCoverage__heading{
    max-width:790px;
}

.manhattanCoverage__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.manhattanCoverage__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.manhattanCoverage__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.manhattanCoverage__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* LAYOUT */
.manhattanCoverage__layout{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
    gap:24px;
    align-items:stretch;
}

/* VISUAL */
.manhattanCoverage__visual{
    position:relative;
    min-height:680px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.manhattanCoverage__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.manhattanCoverage__visual:hover img{
    transform:scale(1.035);
}

.manhattanCoverage__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.05) 15%,
            rgba(0,0,0,.14) 45%,
            rgba(0,0,0,.4) 100%
        );
}

.manhattanCoverage__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    left:22px;
}

.manhattanCoverage__visualTop span{
    display:inline-flex;
    padding:10px 13px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(9,9,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

.manhattanCoverage__visualContent{
    position:absolute;
    z-index:3;
    left:32px;
    right:32px;
    bottom:130px;
    max-width:550px;
}

.manhattanCoverage__visualLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.manhattanCoverage__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(28px,2.5vw,39px);
    line-height:1.13;
    font-weight:600;
    letter-spacing:-.03em;
}

.manhattanCoverage__visualContent h3 span{
    display:block;
    margin-top:5px;
    color:#c6c1b7;
    font-weight:500;
}

.manhattanCoverage__visualContent p{
    margin:17px 0 0;
    max-width:520px;
    color:rgba(245,242,233,.72);
    font-size:15px;
    line-height:1.7;
}

.manhattanCoverage__badge{
    position:absolute;
    z-index:3;
    left:24px;
    right:24px;
    bottom:24px;
    padding:17px 20px;
    display:flex;
    align-items:center;
    gap:14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(9,9,8,.76);
    backdrop-filter:blur(15px);
}

.manhattanCoverage__badgeIcon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:11px;
    background:rgba(227,197,109,.05);
}

.manhattanCoverage__badgeIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manhattanCoverage__badge strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    font-weight:600;
}

.manhattanCoverage__badge div > span{
    color:rgba(245,242,233,.54);
    font-size:16px;
}

/* CONTENT */
.manhattanCoverage__content{
    padding:35px 31px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.08);
    border-radius:19px;
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.07),transparent 32%),
        rgba(255,255,255,.018);
}

.manhattanCoverage__label{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.manhattanCoverage__content > h3{
    margin:0;
    color:#f3f0e7;
    font-size:28px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}

.manhattanCoverage__content > p{
    margin:15px 0 0;
    color:rgba(245,242,233,.62);
    font-size:15px;
    line-height:1.68;
}

/* AREAS */
.manhattanCoverage__areas{
    margin-top:27px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.manhattanCoverage__areas span{
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:7px;
    color:rgba(245,242,233,.68);
    background:rgba(255,255,255,.018);
    font-size:16px;
    line-height:1.3;
}

/* STATS */
.manhattanCoverage__stats{
    margin-top:28px;
    padding:22px 0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.manhattanCoverage__stats > div{
    text-align:center;
}

.manhattanCoverage__stats > div + div{
    border-left:1px solid rgba(227,197,109,.14);
}

.manhattanCoverage__stats strong{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:17px;
    line-height:1.3;
    font-weight:600;
}

.manhattanCoverage__stats span{
    color:rgba(245,242,233,.52);
    font-size:16px;
}

/* SERVICES */
.manhattanCoverage__services{
    margin-top:9px;
}

.manhattanCoverage__service{
    padding:16px 0;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:12px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.manhattanCoverage__service > span{
    color:#e3c56d;
    font-size:16px;
    font-weight:700;
}

.manhattanCoverage__service p{
    margin:0;
    color:#eeeae1;
    font-size:15px;
    line-height:1.45;
}

/* ACTIONS */
.manhattanCoverage__actions{
    margin-top:auto;
    padding-top:28px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}

.manhattanCoverage__button{
    min-height:52px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}

.manhattanCoverage__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.22);
}

.manhattanCoverage__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manhattanCoverage__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.32);
    color:#ddd9cf;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
}

.manhattanCoverage__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* RESPONSIVE */
@media (max-width:1100px){
    .manhattanCoverage{
        padding:95px 0;
    }

    .manhattanCoverage__head{
        gap:50px;
    }

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

@media (max-width:900px){
    .manhattanCoverage__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .manhattanCoverage__intro{
        max-width:650px;
    }

    .manhattanCoverage__layout{
        grid-template-columns:1fr;
    }

    .manhattanCoverage__visual{
        min-height:600px;
    }
}

@media (max-width:768px){
    .manhattanCoverage{
        padding:78px 0;
    }

    .manhattanCoverage__title{
        font-size:clamp(30px,6vw,38px);
    }
}

@media (max-width:576px){
    .manhattanCoverage{
        padding:68px 0;
    }

    .manhattanCoverage__head{
        margin-bottom:34px;
    }

    .manhattanCoverage__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .manhattanCoverage__title{
        font-size:clamp(29px,8vw,36px);
    }

    .manhattanCoverage__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .manhattanCoverage__visual{
        min-height:540px;
        border-radius:16px;
    }

    .manhattanCoverage__visualContent{
        left:20px;
        right:20px;
        bottom:125px;
    }

    .manhattanCoverage__badge{
        left:15px;
        right:15px;
        bottom:15px;
    }

    .manhattanCoverage__content{
        padding:25px 20px;
        border-radius:16px;
    }

    .manhattanCoverage__content > h3{
        font-size:24px;
    }

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

    .manhattanCoverage__stats > div + div{
        padding-top:16px;
        border-left:0;
        border-top:1px solid rgba(227,197,109,.14);
    }

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

    .manhattanCoverage__button{
        width:100%;
    }

    .manhattanCoverage__link{
        width:max-content;
    }
}







/* =========================
   04. ALL SERVICE AREAS / NEIGHBORHOOD DIRECTORY
========================= */
.serviceDirectory{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 10% 25%,rgba(227,197,109,.06),transparent 24%),
        radial-gradient(circle at 90% 80%,rgba(227,197,109,.045),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.serviceDirectory__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.serviceDirectory__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.serviceDirectory__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    top:120px;
    background:
        radial-gradient(circle,rgba(227,197,109,.055),transparent 70%);
}

.serviceDirectory__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-180px;
    background:
        radial-gradient(circle,rgba(227,197,109,.045),transparent 70%);
}

/* =========================
   04. HEAD
========================= */
.serviceDirectory__head{
    margin-bottom:42px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}

.serviceDirectory__heading{
    max-width:780px;
}

.serviceDirectory__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.serviceDirectory__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.serviceDirectory__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.serviceDirectory__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   04. TABS
========================= */
.serviceDirectory__tabs{
    margin-bottom:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.serviceDirectory__tab{
    min-height:70px;
    padding:0 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    color:#f0ede4;
    background:rgba(255,255,255,.015);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
    text-decoration:none;
    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

.serviceDirectory__tab span{
    color:rgba(245,242,233,.45);
    font-size:16px;
    font-weight:500;
}

.serviceDirectory__tab:hover,
.serviceDirectory__tab.is-active{
    color:#e3c56d;
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.045);
}

/* =========================
   04. AREA SECTION
========================= */
.serviceDirectory__section{
    padding:34px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.05),transparent 28%),
        rgba(255,255,255,.014);
}

.serviceDirectory__section + .serviceDirectory__section{
    margin-top:24px;
}

.serviceDirectory__sectionHead{
    padding-bottom:28px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.serviceDirectory__sectionHead > div{
    display:flex;
    align-items:center;
    gap:18px;
}

.serviceDirectory__sectionNumber{
    width:50px;
    height:50px;
    flex:0 0 50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:12px;
    color:#e3c56d;
    background:rgba(227,197,109,.045);
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.serviceDirectory__sectionLabel{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.serviceDirectory__sectionHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:26px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.02em;
}

.serviceDirectory__sectionHead > p{
    max-width:420px;
    margin:0;
    color:rgba(245,242,233,.55);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   04. DIRECTORY GRID
========================= */
.serviceDirectory__grid{
    padding-top:26px;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
}

.serviceDirectory__item{
    position:relative;
    min-height:48px;
    padding:0 12px 0 27px;
    display:flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.06);
    border-radius:7px;
    color:rgba(245,242,233,.66);
    background:rgba(255,255,255,.012);
    font-size:16px;
    line-height:1.35;
    font-weight:500;
    text-decoration:none;
    transition:
        color .25s ease,
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;
}

.serviceDirectory__item::before{
    content:"";
    position:absolute;
    left:12px;
    top:50%;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#e3c56d;
    transform:translateY(-50%);
    box-shadow:0 0 0 4px rgba(227,197,109,.05);
}

.serviceDirectory__item:hover{
    color:#e3c56d;
    border-color:rgba(227,197,109,.18);
    background:rgba(227,197,109,.035);
    transform:translateY(-2px);
}

/* =========================
   04. BOTTOM CTA
========================= */
.serviceDirectory__bottom{
    margin-top:24px;
    padding:25px 28px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:20px;
    border:1px solid rgba(227,197,109,.14);
    border-radius:15px;
    background:
        radial-gradient(circle at 90% 50%,rgba(227,197,109,.07),transparent 25%),
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.014)
        );
}

.serviceDirectory__bottomIcon{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(227,197,109,.05);
}

.serviceDirectory__bottomIcon svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.serviceDirectory__bottomContent > span{
    display:block;
    margin-bottom:6px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.serviceDirectory__bottomContent strong{
    color:#f0ede4;
    font-size:17px;
    line-height:1.4;
    font-weight:600;
}

.serviceDirectory__button{
    min-height:52px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}

.serviceDirectory__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.22);
}

.serviceDirectory__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width:1200px){
    .serviceDirectory__grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media (max-width:1100px){
    .serviceDirectory{
        padding:95px 0;
    }

    .serviceDirectory__head{
        gap:50px;
    }
}

@media (max-width:900px){
    .serviceDirectory__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .serviceDirectory__intro{
        max-width:650px;
    }

    .serviceDirectory__sectionHead{
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
    }

    .serviceDirectory__grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:768px){
    .serviceDirectory{
        padding:78px 0;
    }

    .serviceDirectory__title{
        font-size:clamp(30px,6vw,38px);
    }

    .serviceDirectory__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .serviceDirectory__bottom{
        grid-template-columns:auto 1fr;
    }

    .serviceDirectory__button{
        grid-column:1 / -1;
        width:100%;
    }
}

@media (max-width:576px){
    .serviceDirectory{
        padding:68px 0;
    }

    .serviceDirectory__head{
        margin-bottom:34px;
    }

    .serviceDirectory__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .serviceDirectory__title{
        font-size:clamp(29px,8vw,36px);
    }

    .serviceDirectory__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .serviceDirectory__tabs{
        grid-template-columns:1fr;
    }

    .serviceDirectory__section{
        padding:24px 18px;
        border-radius:15px;
    }

    .serviceDirectory__sectionHead h3{
        font-size:22px;
    }

    .serviceDirectory__grid{
        grid-template-columns:1fr;
    }

    .serviceDirectory__item{
        min-height:46px;
        font-size:16px;
    }

    .serviceDirectory__bottom{
        padding:21px 18px;
        grid-template-columns:1fr;
    }

    .serviceDirectory__bottomIcon{
        width:48px;
        height:48px;
    }

    .serviceDirectory__bottomContent strong{
        font-size:16px;
    }
}







/* =========================
   05. FINAL LOCATIONS CTA
========================= */
.locationsCta{
    position:relative;
    overflow:hidden;
    padding:90px 0 80px;
    background:
        radial-gradient(circle at 12% 35%,rgba(227,197,109,.065),transparent 25%),
        radial-gradient(circle at 90% 65%,rgba(227,197,109,.05),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 55%,#090909 100%);
}

.locationsCta__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.locationsCta__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.locationsCta__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    top:50px;
    background:
        radial-gradient(circle,rgba(227,197,109,.065),transparent 70%);
}

.locationsCta__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-200px;
    background:
        radial-gradient(circle,rgba(227,197,109,.05),transparent 70%);
}

/* =========================
   MAIN BOX
========================= */
.locationsCta__box{
    position:relative;
    overflow:hidden;
    padding:48px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
    gap:75px;
    align-items:center;
    border:1px solid rgba(227,197,109,.16);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.075),
            transparent 32%
        ),
        radial-gradient(
            circle at 100% 100%,
            rgba(227,197,109,.045),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            rgba(227,197,109,.025),
            rgba(255,255,255,.014)
        );
    box-shadow:0 30px 80px rgba(0,0,0,.23);
}

/* =========================
   CONTENT
========================= */
.locationsCta__content{
    max-width:680px;
}

.locationsCta__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.locationsCta__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.locationsCta__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.locationsCta__text{
    max-width:650px;
    margin:24px 0 0;
    color:rgba(245,242,233,.67);
    font-size:16px;
    line-height:1.75;
}

/* ACTIONS */
.locationsCta__actions{
    margin-top:30px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
}

.locationsCta__button{
    min-height:52px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:
        0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.locationsCta__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.22);
}

.locationsCta__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.locationsCta__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.34);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:
        color .25s ease,
        border-color .25s ease;
}

.locationsCta__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   INFO
========================= */
.locationsCta__info{
    border-top:1px solid rgba(255,255,255,.08);
}

.locationsCta__item{
    padding:21px 0;
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    gap:17px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.locationsCta__icon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(227,197,109,.045);
}

.locationsCta__icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.locationsCta__item div > span{
    display:block;
    margin-bottom:4px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.locationsCta__item strong{
    display:block;
    margin-bottom:5px;
    color:#f1eee5;
    font-size:17px;
    line-height:1.35;
    font-weight:600;
}

.locationsCta__item p{
    margin:0;
    color:rgba(245,242,233,.52);
    font-size:16px;
    line-height:1.5;
}

/* =========================
   BOTTOM
========================= */
.locationsCta__bottom{
    margin-top:38px;
    display:flex;
    align-items:center;
    gap:20px;
}

.locationsCta__line{
    height:1px;
    flex:1;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(227,197,109,.24),
            transparent
        );
}

.locationsCta__bottom p{
    margin:0;
    flex:0 0 auto;
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.4;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width:1100px){
    .locationsCta{
        padding:80px 0 72px;
    }

    .locationsCta__box{
        grid-template-columns:minmax(0,1fr) 400px;
        gap:50px;
        padding:40px;
    }
}

@media (max-width:900px){
    .locationsCta__box{
        grid-template-columns:1fr;
        gap:42px;
    }

    .locationsCta__content{
        max-width:720px;
    }

    .locationsCta__info{
        max-width:760px;
    }
}

@media (max-width:768px){
    .locationsCta{
        padding:72px 0 64px;
    }

    .locationsCta__title{
        font-size:clamp(30px,6vw,38px);
    }
}

@media (max-width:576px){
    .locationsCta{
        padding:68px 0 58px;
    }

    .locationsCta__box{
        padding:27px 20px;
        border-radius:16px;
    }

    .locationsCta__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .locationsCta__title{
        font-size:clamp(29px,8vw,36px);
    }

    .locationsCta__text{
        margin-top:20px;
        font-size:15px;
        line-height:1.7;
    }

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

    .locationsCta__button{
        width:100%;
    }

    .locationsCta__link{
        width:max-content;
    }

    .locationsCta__item{
        grid-template-columns:46px minmax(0,1fr);
        gap:14px;
    }

    .locationsCta__icon{
        width:46px;
        height:46px;
    }

    .locationsCta__item strong{
        font-size:16px;
    }

    .locationsCta__bottom{
        margin-top:32px;
    }

    .locationsCta__line{
        display:none;
    }

    .locationsCta__bottom p{
        font-size:16px;
    }
}






/* =========================
   06. APPLIANCE SERVICES ACROSS ALL LOCATIONS
========================= */
.locationServices{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 12% 20%,rgba(227,197,109,.06),transparent 25%),
        radial-gradient(circle at 90% 75%,rgba(227,197,109,.045),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.locationServices__container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   06. HEAD
========================= */
.locationServices__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}

.locationServices__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.locationServices__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.locationServices__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.locationServices__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   06. GRID
========================= */
.locationServices__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.locationServices__card{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:19px;
    background:rgba(255,255,255,.016);
    color:inherit;
    text-decoration:none;
    box-shadow:0 25px 70px rgba(0,0,0,.2);
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.locationServices__card--offset{
    transform:translateY(38px);
}

.locationServices__card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.22);
    box-shadow:0 32px 80px rgba(0,0,0,.3);
}

.locationServices__card--offset:hover{
    transform:translateY(31px);
}

/* =========================
   06. IMAGE
========================= */
.locationServices__image{
    position:relative;
    height:360px;
    overflow:hidden;
    background:#111;
}

.locationServices__image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .6s ease;
}

.locationServices__card:hover .locationServices__image img{
    transform:scale(1.045);
}

.locationServices__overlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.02) 45%,*/
    /*        rgba(0,0,0,.55) 100%*/
    /*    );*/
}

.locationServices__number{
    position:absolute;
    top:20px;
    left:20px;
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:10px;
    color:#e3c56d;
    background:rgba(9,9,8,.72);
    backdrop-filter:blur(12px);
    font-size:16px;
    font-weight:700;
}

/* =========================
   06. CONTENT
========================= */
.locationServices__content{
    padding:28px 27px 29px;
}

.locationServices__content > span{
    display:block;
    margin-bottom:10px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.locationServices__content h3{
    margin:0;
    color:#f4f1e8;
    font-size:25px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.025em;
}

.locationServices__content p{
    max-width:570px;
    margin:14px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.68;
}

.locationServices__link{
    margin-top:22px;
    padding-top:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid rgba(255,255,255,.08);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    transition:color .25s ease;
}

.locationServices__link svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}

.locationServices__card:hover .locationServices__link{
    color:#e3c56d;
}

.locationServices__card:hover .locationServices__link svg{
    transform:translateX(4px);
}

/* =========================
   06. BOTTOM CTA
========================= */
.locationServices__bottom{
    margin-top:62px;
    padding:24px 27px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    border:1px solid rgba(227,197,109,.13);
    border-radius:14px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.012)
        );
}

.locationServices__bottom p{
    margin:0;
    color:#f1eee5;
    font-size:16px;
    line-height:1.5;
    font-weight:600;
}

.locationServices__bottom p span{
    margin-left:6px;
    color:rgba(245,242,233,.55);
    font-weight:400;
}

.locationServices__button{
    min-height:50px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    flex:0 0 auto;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.locationServices__button:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(227,197,109,.18);
}

.locationServices__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   06. RESPONSIVE
========================= */
@media (max-width:1100px){
    .locationServices{
        padding:95px 0;
    }

    .locationServices__head{
        gap:50px;
    }

    .locationServices__image{
        height:320px;
    }
}

@media (max-width:900px){
    .locationServices__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .locationServices__intro{
        max-width:650px;
    }

    .locationServices__card--offset{
        transform:none;
    }

    .locationServices__card--offset:hover{
        transform:translateY(-5px);
    }

    .locationServices__bottom{
        margin-top:24px;
    }
}

@media (max-width:768px){
    .locationServices{
        padding:78px 0;
    }

    .locationServices__grid{
        grid-template-columns:1fr;
    }

    .locationServices__image{
        height:350px;
    }

    .locationServices__bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:576px){
    .locationServices{
        padding:68px 0;
    }

    .locationServices__head{
        margin-bottom:34px;
    }

    .locationServices__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .locationServices__title{
        font-size:clamp(29px,8vw,36px);
    }

    .locationServices__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .locationServices__image{
        height:285px;
    }

    .locationServices__content{
        padding:23px 20px 24px;
    }

    .locationServices__content h3{
        font-size:23px;
    }

    .locationServices__bottom{
        padding:21px 20px;
    }

    .locationServices__bottom p span{
        display:block;
        margin:5px 0 0;
    }

    .locationServices__button{
        width:100%;
    }
}







/* =========================
   07. WHY HOMEOWNERS CHOOSE US LOCALLY
========================= */
.locationsWhy{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 12% 30%,rgba(227,197,109,.06),transparent 25%),
        radial-gradient(circle at 90% 75%,rgba(227,197,109,.045),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.locationsWhy__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.locationsWhy__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.locationsWhy__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    top:80px;
    background:
        radial-gradient(circle,rgba(227,197,109,.055),transparent 70%);
}

.locationsWhy__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-170px;
    background:
        radial-gradient(circle,rgba(227,197,109,.045),transparent 70%);
}

/* =========================
   07. HEAD
========================= */
.locationsWhy__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}

.locationsWhy__heading{
    max-width:790px;
}

.locationsWhy__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.locationsWhy__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.locationsWhy__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.locationsWhy__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   07. LAYOUT
========================= */
.locationsWhy__layout{
    display:grid;
    grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   07. STATEMENT
========================= */
.locationsWhy__statement{
    padding:38px 34px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(circle at 0% 0%,rgba(227,197,109,.075),transparent 34%),
        linear-gradient(145deg,rgba(227,197,109,.025),rgba(255,255,255,.012));
}

.locationsWhy__statementLabel{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.locationsWhy__statement h3{
    margin:0;
    color:#f3f0e7;
    font-size:31px;
    line-height:1.17;
    font-weight:600;
    letter-spacing:-.03em;
}

.locationsWhy__statement h3 span{
    display:block;
    margin-top:6px;
    color:#aaa69c;
    font-weight:500;
}

.locationsWhy__statement > p{
    margin:21px 0 0;
    color:rgba(245,242,233,.62);
    font-size:15px;
    line-height:1.72;
}

/* QUOTE */
.locationsWhy__quote{
    position:relative;
    margin-top:30px;
    padding:22px 21px 22px 52px;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.locationsWhy__quoteMark{
    position:absolute;
    top:17px;
    left:0;
    color:#e3c56d;
    font-size:48px;
    line-height:1;
    font-family:Overlock,Arial,sans-serif;
    opacity:.75;
}

.locationsWhy__quote p{
    margin:0;
    color:#d8d4ca;
    font-size:15px;
    line-height:1.7;
    font-style:italic;
}

/* BUTTON */
.locationsWhy__button{
    width:max-content;
    min-height:52px;
    margin-top:auto;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.locationsWhy__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.locationsWhy__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   07. CARDS
========================= */
.locationsWhy__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.locationsWhy__card{
    position:relative;
    min-height:250px;
    padding:27px 25px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.05),transparent 34%),
        rgba(255,255,255,.014);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.locationsWhy__card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.2);
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.08),transparent 38%),
        rgba(255,255,255,.02);
}

.locationsWhy__cardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.locationsWhy__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}

.locationsWhy__icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.19);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}

.locationsWhy__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.locationsWhy__card h3{
    margin:32px 0 0;
    color:#f2efe6;
    font-size:21px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}

.locationsWhy__card p{
    max-width:330px;
    margin:10px 0 0;
    color:rgba(245,242,233,.56);
    font-size:16px;
    line-height:1.65;
}

.locationsWhy__cardLine{
    position:absolute;
    left:25px;
    right:25px;
    bottom:24px;
    height:1px;
    background:linear-gradient(
        90deg,
        rgba(227,197,109,.36),
        rgba(227,197,109,.04)
    );
}

/* =========================
   07. BOTTOM
========================= */
.locationsWhy__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    gap:26px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.locationsWhy__bottomItem{
    text-align:center;
}

.locationsWhy__bottomItem span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.locationsWhy__bottomItem strong{
    color:#f0ede4;
    font-size:15px;
    line-height:1.45;
    font-weight:600;
}

.locationsWhy__divider{
    width:1px;
    height:36px;
    background:rgba(227,197,109,.15);
}

/* =========================
   07. RESPONSIVE
========================= */
@media (max-width:1100px){
    .locationsWhy{
        padding:95px 0;
    }

    .locationsWhy__head{
        gap:50px;
    }

    .locationsWhy__layout{
        grid-template-columns:360px minmax(0,1fr);
    }
}

@media (max-width:900px){
    .locationsWhy__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .locationsWhy__intro{
        max-width:650px;
    }

    .locationsWhy__layout{
        grid-template-columns:1fr;
    }

    .locationsWhy__button{
        margin-top:30px;
    }
}

@media (max-width:768px){
    .locationsWhy{
        padding:78px 0;
    }

    .locationsWhy__grid{
        grid-template-columns:1fr;
    }

    .locationsWhy__bottom{
        grid-template-columns:1fr;
    }

    .locationsWhy__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){
    .locationsWhy{
        padding:68px 0;
    }

    .locationsWhy__head{
        margin-bottom:34px;
    }

    .locationsWhy__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .locationsWhy__title{
        font-size:clamp(29px,8vw,36px);
    }

    .locationsWhy__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .locationsWhy__statement{
        padding:27px 20px;
        border-radius:16px;
    }

    .locationsWhy__statement h3{
        font-size:26px;
    }

    .locationsWhy__button{
        width:100%;
    }

    .locationsWhy__card{
        min-height:230px;
        padding:23px 20px;
    }

    .locationsWhy__card h3{
        margin-top:26px;
        font-size:20px;
    }

    .locationsWhy__cardLine{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .locationsWhy__bottom{
        padding:21px 18px;
    }
}






/* =========================
   08. FAQ ABOUT SERVICE AREAS
========================= */
.locationsFaq{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 9% 25%,rgba(227,197,109,.06),transparent 24%),
        radial-gradient(circle at 92% 78%,rgba(227,197,109,.045),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.locationsFaq__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.locationsFaq__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.locationsFaq__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    top:80px;
    background:
        radial-gradient(circle,rgba(227,197,109,.055),transparent 70%);
}

.locationsFaq__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-180px;
    background:
        radial-gradient(circle,rgba(227,197,109,.045),transparent 70%);
}

/* =========================
   08. HEAD
========================= */
.locationsFaq__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}

.locationsFaq__heading{
    max-width:780px;
}

.locationsFaq__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.locationsFaq__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.locationsFaq__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.locationsFaq__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   08. LAYOUT
========================= */
.locationsFaq__layout{
    display:grid;
    grid-template-columns:minmax(340px,.68fr) minmax(0,1.32fr);
    gap:24px;
    align-items:start;
}

/* =========================
   08. ASIDE
========================= */
.locationsFaq__aside{
    position:sticky;
    top:120px;
    padding:35px 31px;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(circle at 0% 0%,rgba(227,197,109,.075),transparent 34%),
        rgba(255,255,255,.014);
}

.locationsFaq__asideLabel{
    display:block;
    margin-bottom:16px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.locationsFaq__aside h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.025em;
}

.locationsFaq__aside > p{
    margin:18px 0 0;
    color:rgba(245,242,233,.62);
    font-size:15px;
    line-height:1.72;
}

/* COVERAGE */
.locationsFaq__coverage{
    margin-top:30px;
    border-top:1px solid rgba(255,255,255,.08);
}

.locationsFaq__coverageItem{
    padding:20px 0;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:15px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.locationsFaq__coverageIcon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(227,197,109,.04);
}

.locationsFaq__coverageIcon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.locationsFaq__coverageItem strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.locationsFaq__coverageItem div > span{
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.45;
}

/* BUTTON */
.locationsFaq__button{
    width:100%;
    min-height:52px;
    margin-top:28px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.locationsFaq__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.locationsFaq__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   08. ACCORDION
========================= */
.locationsFaq__accordion{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.locationsFaq__item{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.035),transparent 32%),
        rgba(255,255,255,.012);
    transition:
        border-color .25s ease,
        background .25s ease;
}

.locationsFaq__item:hover,
.locationsFaq__item.is-open{
    border-color:rgba(227,197,109,.18);
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.055),transparent 35%),
        rgba(255,255,255,.016);
}

/* QUESTION */
.locationsFaq__question{
    width:100%;
    min-height:92px;
    padding:0 24px;
    display:grid;
    grid-template-columns:50px minmax(0,1fr) 42px;
    gap:20px;
    align-items:center;
    border:0;
    outline:0;
    cursor:pointer;
    text-align:left;
    background:transparent;
    color:inherit;
}

.locationsFaq__questionNumber{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}

.locationsFaq__questionText{
    color:#f1eee5;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
}

/* PLUS */
.locationsFaq__toggle{
    position:relative;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.16);
    border-radius:10px;
    background:rgba(227,197,109,.035);
}

.locationsFaq__toggle span{
    position:absolute;
    width:14px;
    height:1px;
    background:#e3c56d;
    transition:transform .28s ease;
}

.locationsFaq__toggle span:last-child{
    transform:rotate(90deg);
}

.locationsFaq__item.is-open .locationsFaq__toggle span:last-child{
    transform:rotate(0deg);
}

/* ANSWER */
.locationsFaq__answer{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .35s ease;
}

.locationsFaq__item.is-open .locationsFaq__answer{
    grid-template-rows:1fr;
}

.locationsFaq__answerInner{
    overflow:hidden;
}

.locationsFaq__answerInner p{
    margin:0;
    padding:0 78px 26px 94px;
    color:rgba(245,242,233,.61);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   08. RESPONSIVE
========================= */
@media (max-width:1100px){
    .locationsFaq{
        padding:95px 0;
    }

    .locationsFaq__head{
        gap:50px;
    }

    .locationsFaq__layout{
        grid-template-columns:340px minmax(0,1fr);
    }
}

@media (max-width:900px){
    .locationsFaq__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .locationsFaq__intro{
        max-width:650px;
    }

    .locationsFaq__layout{
        grid-template-columns:1fr;
    }

    .locationsFaq__aside{
        position:relative;
        top:auto;
    }
}

@media (max-width:768px){
    .locationsFaq{
        padding:78px 0;
    }

    .locationsFaq__title{
        font-size:clamp(30px,6vw,38px);
    }

    .locationsFaq__question{
        min-height:84px;
    }

    .locationsFaq__questionText{
        font-size:17px;
    }

    .locationsFaq__answerInner p{
        padding-left:94px;
        padding-right:24px;
    }
}

@media (max-width:576px){
    .locationsFaq{
        padding:68px 0;
    }

    .locationsFaq__head{
        margin-bottom:34px;
    }

    .locationsFaq__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .locationsFaq__title{
        font-size:clamp(29px,8vw,36px);
    }

    .locationsFaq__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .locationsFaq__aside{
        padding:26px 20px;
        border-radius:16px;
    }

    .locationsFaq__aside h3{
        font-size:25px;
    }

    .locationsFaq__question{
        min-height:80px;
        padding:0 17px;
        grid-template-columns:32px minmax(0,1fr) 38px;
        gap:11px;
    }

    .locationsFaq__questionText{
        font-size:15px;
        line-height:1.45;
    }

    .locationsFaq__toggle{
        width:38px;
        height:38px;
    }

    .locationsFaq__answerInner p{
        padding:0 18px 22px 60px;
        font-size:16px;
        line-height:1.68;
    }
}







/* =========================
   09. FINAL BOOKING / SCHEDULE SERVICE CTA
========================= */
.locationsBooking{
    position:relative;
    overflow:hidden;
    padding:110px 0 95px;
    background:
        radial-gradient(circle at 10% 25%,rgba(227,197,109,.065),transparent 25%),
        radial-gradient(circle at 92% 78%,rgba(227,197,109,.045),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.locationsBooking__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.locationsBooking__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.locationsBooking__glow--left{
    width:540px;
    height:540px;
    left:-300px;
    top:80px;
    background:
        radial-gradient(circle,rgba(227,197,109,.06),transparent 70%);
}

.locationsBooking__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-170px;
    background:
        radial-gradient(circle,rgba(227,197,109,.045),transparent 70%);
}

/* =========================
   09. HEAD
========================= */
.locationsBooking__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}

.locationsBooking__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.locationsBooking__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.locationsBooking__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.locationsBooking__intro{
    max-width:500px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.7);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   09. MAIN LAYOUT
========================= */
.locationsBooking__layout{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   09. VISUAL
========================= */
.locationsBooking__visual{
    position:relative;
    min-height:720px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.16);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.locationsBooking__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.locationsBooking__visual:hover img{
    transform:scale(1.035);
}

.locationsBooking__overlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.04) 15%,*/
    /*        rgba(0,0,0,.13) 45%,*/
    /*        rgba(0,0,0,.9) 100%*/
    /*    );*/
}

.locationsBooking__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    left:22px;
}

.locationsBooking__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(9,9,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

.locationsBooking__visualContent{
    position:absolute;
    z-index:3;
    left:32px;
    right:32px;
    bottom:155px;
    max-width:570px;
}

.locationsBooking__visualLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.locationsBooking__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.12;
    font-weight:600;
    letter-spacing:-.03em;
}

.locationsBooking__visualContent h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.locationsBooking__visualContent p{
    max-width:520px;
    margin:18px 0 0;
    color:rgba(245,242,233,.7);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   09. VISUAL FEATURES
========================= */
.locationsBooking__features{
    position:absolute;
    z-index:3;
    left:24px;
    right:24px;
    bottom:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.locationsBooking__feature{
    padding:16px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:13px;
    align-items:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(9,9,8,.78);
    backdrop-filter:blur(14px);
}

.locationsBooking__featureIcon{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:10px;
    background:rgba(227,197,109,.04);
}

.locationsBooking__featureIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.locationsBooking__feature strong{
    display:block;
    margin-bottom:4px;
    color:#f1eee5;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.locationsBooking__feature div > span{
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.4;
}

/* =========================
   09. FORM WRAP
========================= */
.locationsBooking__formWrap{
    padding:34px 31px 28px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.065),transparent 34%),
        rgba(255,255,255,.016);
    box-shadow:0 30px 80px rgba(0,0,0,.18);
}

/* =========================
   09. FORM HEAD
========================= */
.locationsBooking__formHead{
    margin-bottom:24px;
}

.locationsBooking__formHead > span{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.locationsBooking__formHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:28px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}

.locationsBooking__formHead p{
    margin:13px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.65;
}

/* =========================
   09. EMBEDDED FORM
========================= */
.locationsBooking__form{
    flex:1;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:#fff;
}

.locationsBooking__form iframe{
    display:block;
    width:100%;
    min-height:520px !important;
    border:0;
}

/* =========================
   09. FORM BOTTOM
========================= */
.locationsBooking__formBottom{
    margin-top:20px;
    padding-top:20px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
}

.locationsBooking__formBottom > div + div{
    padding-left:20px;
    border-left:1px solid rgba(227,197,109,.13);
}

.locationsBooking__formBottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
}

.locationsBooking__formBottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

/* =========================
   09. RESPONSIVE — TABLET
========================= */
@media (max-width:1100px){

    .locationsBooking{
        padding:95px 0 85px;
    }

    .locationsBooking__head{
        gap:50px;
    }

    .locationsBooking__layout{
        grid-template-columns:minmax(0,1fr) 430px;
    }
}

/* =========================
   09. RESPONSIVE — TABLET
========================= */
@media (max-width:900px){

    .locationsBooking__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .locationsBooking__intro{
        max-width:650px;
    }

    .locationsBooking__layout{
        grid-template-columns:1fr;
    }

    .locationsBooking__visual{
        min-height:620px;
    }

    .locationsBooking__formWrap{
        width:100%;
    }
}

/* =========================
   09. RESPONSIVE — MOBILE
========================= */
@media (max-width:768px){

    .locationsBooking{
        padding:78px 0 70px;
    }

    .locationsBooking__title{
        font-size:clamp(30px,6vw,38px);
    }

    .locationsBooking__visual{
        min-height:600px;
    }
}

/* =========================
   09. RESPONSIVE — SMALL MOBILE
========================= */
@media (max-width:576px){

    .locationsBooking{
        padding:68px 0 60px;
    }

    .locationsBooking__container{
        padding:0 20px;
    }

    .locationsBooking__head{
        margin-bottom:34px;
    }

    .locationsBooking__eyebrow{
        margin-bottom:14px;
        font-size:16px;
    }

    .locationsBooking__title{
        font-size:clamp(29px,8vw,36px);
    }

    .locationsBooking__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .locationsBooking__visual{
        min-height:650px;
        border-radius:16px;
    }

    .locationsBooking__visualTop{
        top:15px;
        left:15px;
    }

    .locationsBooking__visualTop span{
        padding:9px 11px;
        font-size:16px;
    }

    .locationsBooking__visualContent{
        left:20px;
        right:20px;
        bottom:205px;
    }

    .locationsBooking__visualContent h3{
        font-size:28px;
    }

    .locationsBooking__visualContent p{
        font-size:16px;
        line-height:1.65;
    }

    .locationsBooking__features{
        left:15px;
        right:15px;
        bottom:15px;
        grid-template-columns:1fr;
    }

    .locationsBooking__feature{
        padding:13px;
    }

    .locationsBooking__formWrap{
        padding:25px 20px;
        border-radius:16px;
    }

    .locationsBooking__formHead h3{
        font-size:24px;
    }

    .locationsBooking__formHead p{
        font-size:16px;
    }

    .locationsBooking__form iframe{
        min-height:500px !important;
    }

    .locationsBooking__formBottom{
        grid-template-columns:1fr;
    }

    .locationsBooking__formBottom > div + div{
        padding-left:0;
        padding-top:15px;
        border-left:0;
        border-top:1px solid rgba(227,197,109,.13);
    }
}






/* =========================
   01. MANHASSET LOCATION HERO
========================= */
.manhassetHero{
    position:relative;
    min-height:820px;
    overflow:hidden;
    padding:150px 0 0;
    background:#080808;
}

/* BACKGROUND IMAGE */
.manhassetHero__media{
    position:absolute;
    inset:0;
}

.manhassetHero__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
}

/* OVERLAY */
.manhassetHero__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(5,5,5,.97) 0%,
            rgba(5,5,5,.91) 34%,
            rgba(5,5,5,.62) 58%,
            rgba(5,5,5,.28) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.24) 0%,
            rgba(0,0,0,.06) 45%,
            rgba(0,0,0,.90) 100%
        );
}

.manhassetHero__glow{
    position:absolute;
    top:-220px;
    left:-220px;
    width:650px;
    height:650px;
    border-radius:50%;
    pointer-events:none;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.12),
            transparent 69%
        );
}

/* =========================
   01. CONTAINER
========================= */
.manhassetHero__container{
    position:relative;
    z-index:3;
    width:100%;
    max-width:1440px;
    min-height:580px;
    margin:0 auto;
    padding:0 20px 72px;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(350px,.55fr);
    gap:80px;
    align-items:center;
}

/* =========================
   01. LEFT CONTENT
========================= */
.manhassetHero__content{
    max-width:790px;
}

/* BREADCRUMBS */
.manhassetHero__breadcrumb{
    margin-bottom:34px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    color:rgba(245,242,233,.42);
    font-size:16px;
    line-height:1.4;
}

.manhassetHero__breadcrumb a{
    color:rgba(245,242,233,.62);
    text-decoration:none;
    transition:color .25s ease;
}

.manhassetHero__breadcrumb a:hover{
    color:#e3c56d;
}

.manhassetHero__breadcrumb > span:last-child{
    color:#e3c56d;
}

/* EYEBROW */
.manhassetHero__eyebrow{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

/* TITLE */
.manhassetHero__title{
    max-width:850px;
    margin:0;
    color:#f4f1e8;
    font-size:clamp(45px,4.7vw,70px);
    line-height:1.02;
    font-weight:620;
    letter-spacing:-.045em;
}

.manhassetHero__title span{
    display:block;
    margin-top:8px;
    color:#c9c5bb;
    font-weight:500;
}

/* TEXT */
.manhassetHero__description{
    max-width:680px;
    margin:25px 0 0;
    color:rgba(245,242,233,.69);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   01. ACTIONS
========================= */
.manhassetHero__actions{
    margin-top:31px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
}

.manhassetHero__button{
    min-height:54px;
    padding:0 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#17140c;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 14px 38px rgba(227,197,109,.14);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.manhassetHero__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 17px 42px rgba(227,197,109,.23);
}

.manhassetHero__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manhassetHero__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.34);
    color:#e7e3d9;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:
        color .25s ease,
        border-color .25s ease;
}

.manhassetHero__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   01. RIGHT PANEL
========================= */
.manhassetHero__aside{
    padding:30px 27px;
    border:1px solid rgba(227,197,109,.18);
    border-radius:18px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.075),
            transparent 38%
        ),
        rgba(8,8,8,.74);
    backdrop-filter:blur(17px);
    box-shadow:0 30px 80px rgba(0,0,0,.3);
}

/* LOCATION */
.manhassetHero__location{
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    gap:15px;
    align-items:center;
}

.manhassetHero__locationIcon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}

.manhassetHero__locationIcon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manhassetHero__location div > span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.manhassetHero__location strong{
    color:#f2efe6;
    font-size:18px;
    line-height:1.35;
    font-weight:600;
}

.manhassetHero__asideLine{
    width:100%;
    height:1px;
    margin:25px 0 3px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.3),
            rgba(255,255,255,.04)
        );
}

/* FEATURES */
.manhassetHero__feature{
    padding:18px 0;
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.manhassetHero__feature:last-child{
    border-bottom:0;
    padding-bottom:0;
}

.manhassetHero__feature > span{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.manhassetHero__feature strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.manhassetHero__feature p{
    margin:0;
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.55;
}

/* =========================
   01. BOTTOM STRIP
========================= */
.manhassetHero__bottomWrap{
    position:relative;
    z-index:3;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.manhassetHero__bottom{
    padding:23px 28px;
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
    gap:24px;
    align-items:center;
    border:1px solid rgba(227,197,109,.14);
    border-bottom:0;
    border-radius:15px 15px 0 0;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.07),
            rgba(8,8,8,.92)
        );
    backdrop-filter:blur(16px);
}

.manhassetHero__bottomItem{
    text-align:center;
}

.manhassetHero__bottomItem span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.manhassetHero__bottomItem strong{
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.manhassetHero__divider{
    width:1px;
    height:36px;
    background:rgba(227,197,109,.17);
}

/* =========================
   01. RESPONSIVE
========================= */
@media (max-width:1100px){

    .manhassetHero{
        min-height:auto;
        padding-top:135px;
    }

    .manhassetHero__container{
        grid-template-columns:minmax(0,1fr) 370px;
        gap:45px;
    }

    .manhassetHero__title{
        font-size:clamp(42px,5vw,58px);
    }
}

@media (max-width:900px){

    .manhassetHero__overlay{
        background:
            linear-gradient(
                180deg,
                rgba(5,5,5,.85) 0%,
                rgba(5,5,5,.64) 42%,
                rgba(5,5,5,.93) 100%
            );
    }

    .manhassetHero__container{
        grid-template-columns:1fr;
        gap:40px;
        padding-bottom:55px;
    }

    .manhassetHero__content{
        max-width:760px;
    }

    .manhassetHero__aside{
        max-width:620px;
    }

    .manhassetHero__bottom{
        grid-template-columns:repeat(2,1fr);
    }

    .manhassetHero__divider{
        display:none;
    }
}

@media (max-width:576px){

    .manhassetHero{
        padding-top:110px;
    }

    .manhassetHero__container{
        padding:0 20px 45px;
    }

    .manhassetHero__breadcrumb{
        margin-bottom:27px;
    }

    .manhassetHero__eyebrow{
        margin-bottom:14px;
    }

    .manhassetHero__title{
        font-size:clamp(35px,10vw,45px);
        line-height:1.05;
    }

    .manhassetHero__description{
        margin-top:20px;
        font-size:15px;
        line-height:1.7;
    }

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

    .manhassetHero__button{
        width:100%;
    }

    .manhassetHero__link{
        width:max-content;
    }

    .manhassetHero__aside{
        padding:24px 20px;
        border-radius:16px;
    }

    .manhassetHero__location strong{
        font-size:16px;
    }

    .manhassetHero__bottom{
        padding:20px;
        grid-template-columns:1fr;
    }
}






/* =========================
   02. MANHASSET LOCAL SERVICE INTRO
========================= */
.manhassetIntro{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 12% 20%,rgba(227,197,109,.055),transparent 24%),
        radial-gradient(circle at 90% 80%,rgba(227,197,109,.04),transparent 22%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 55%,#090909 100%);
}

.manhassetIntro__container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   02. HEAD
========================= */
.manhassetIntro__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.manhassetIntro__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.manhassetIntro__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.manhassetIntro__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetIntro__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   02. MAIN
========================= */
.manhassetIntro__main{
    display:grid;
    grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr);
    gap:24px;
    align-items:stretch;
}

/* CONTENT */
.manhassetIntro__content{
    padding:35px 31px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:19px;
    background:
        radial-gradient(circle at 0% 0%,rgba(227,197,109,.065),transparent 34%),
        rgba(255,255,255,.015);
}

.manhassetIntro__label{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.manhassetIntro__content > h3{
    margin:0;
    color:#f3f0e7;
    font-size:30px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.028em;
}

.manhassetIntro__content > h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetIntro__content > p{
    margin:17px 0 0;
    color:rgba(245,242,233,.61);
    font-size:15px;
    line-height:1.72;
}

.manhassetIntro__points{
    margin-top:29px;
    border-top:1px solid rgba(255,255,255,.08);
}

.manhassetIntro__point{
    padding:18px 0;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.manhassetIntro__point > span{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.manhassetIntro__point strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.manhassetIntro__point p{
    margin:0;
    color:rgba(245,242,233,.49);
    font-size:16px;
    line-height:1.55;
}

.manhassetIntro__button{
    min-height:52px;
    margin-top:28px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.manhassetIntro__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.manhassetIntro__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   02. VISUAL
========================= */
.manhassetIntro__visual{
    position:relative;
    min-height:610px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 28px 75px rgba(0,0,0,.26);
}

.manhassetIntro__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.manhassetIntro__visual:hover img{
    transform:scale(1.035);
}

.manhassetIntro__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02) 35%,
            rgba(0,0,0,.15) 65%,
            rgba(0,0,0,.64) 100%
        );
}

.manhassetIntro__visualBadge{
    position:absolute;
    z-index:3;
    left:24px;
    bottom:24px;
    padding:15px 18px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:13px;
    align-items:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:12px;
    background:rgba(8,8,8,.78);
    backdrop-filter:blur(15px);
}

.manhassetIntro__visualIcon{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:10px;
    background:rgba(227,197,109,.045);
}

.manhassetIntro__visualIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manhassetIntro__visualBadge div > span{
    display:block;
    margin-bottom:4px;
    color:#e3c56d;
    font-size:16px;
}

.manhassetIntro__visualBadge strong{
    color:#f1eee5;
    font-size:15px;
    font-weight:600;
}

/* =========================
   02. EXTRAS
========================= */
.manhassetIntro__extras{
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.manhassetIntro__extra{
    padding:27px 26px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.045),transparent 34%),
        rgba(255,255,255,.012);
}

.manhassetIntro__extraTop{
    display:flex;
    align-items:center;
    gap:13px;
}

.manhassetIntro__extraNumber{
    color:#e3c56d;
    font-size:16px;
    font-weight:700;
}

.manhassetIntro__extraLabel{
    color:rgba(245,242,233,.48);
    font-size:16px;
    font-weight:600;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.manhassetIntro__extra h3{
    margin:22px 0 0;
    color:#f2efe6;
    font-size:22px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}

.manhassetIntro__extra p{
    margin:12px 0 0;
    color:rgba(245,242,233,.55);
    font-size:16px;
    line-height:1.65;
}

.manhassetIntro__faqList{
    margin-top:14px;
    display:flex;
    flex-direction:column;
    gap:9px;
}

.manhassetIntro__faqList span{
    position:relative;
    padding-left:16px;
    color:rgba(245,242,233,.58);
    font-size:16px;
    line-height:1.45;
}

.manhassetIntro__faqList span::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#e3c56d;
}

.manhassetIntro__extra a{
    margin-top:20px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#e3c56d;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
}

.manhassetIntro__extra a svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}

.manhassetIntro__extra a:hover svg{
    transform:translateX(4px);
}

/* =========================
   02. RESPONSIVE
========================= */
@media (max-width:1100px){
    .manhassetIntro{
        padding:95px 0;
    }

    .manhassetIntro__head{
        gap:50px;
    }

    .manhassetIntro__main{
        grid-template-columns:390px minmax(0,1fr);
    }
}

@media (max-width:900px){
    .manhassetIntro__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .manhassetIntro__intro{
        max-width:650px;
    }

    .manhassetIntro__main{
        grid-template-columns:1fr;
    }

    .manhassetIntro__visual{
        min-height:540px;
    }
}

@media (max-width:768px){
    .manhassetIntro{
        padding:78px 0;
    }

    .manhassetIntro__extras{
        grid-template-columns:1fr;
    }
}

@media (max-width:576px){
    .manhassetIntro{
        padding:68px 0;
    }

    .manhassetIntro__head{
        margin-bottom:34px;
    }

    .manhassetIntro__title{
        font-size:clamp(29px,8vw,36px);
    }

    .manhassetIntro__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .manhassetIntro__content{
        padding:25px 20px;
        border-radius:16px;
    }

    .manhassetIntro__content > h3{
        font-size:26px;
    }

    .manhassetIntro__button{
        width:100%;
    }

    .manhassetIntro__visual{
        min-height:450px;
        border-radius:16px;
    }

    .manhassetIntro__visualBadge{
        left:15px;
        right:15px;
        bottom:15px;
    }

    .manhassetIntro__extra{
        padding:23px 20px;
    }
}







/* =========================
   03. LUXURY APPLIANCE BRANDS
========================= */
.manhassetBrands{
    position:relative;
    overflow:hidden;
    padding:115px 0;
    background:#080808;
}

.manhassetBrands__media{
    position:absolute;
    inset:0;
}

.manhassetBrands__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
}

.manhassetBrands__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(7,7,7,.97) 0%,
            rgba(7,7,7,.91) 40%,
            rgba(7,7,7,.75) 67%,
            rgba(7,7,7,.55) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.12),
            rgba(0,0,0,.74)
        );
}

.manhassetBrands__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(330px,.58fr);
    gap:80px;
    align-items:center;
}

.manhassetBrands__content{
    max-width:850px;
}

.manhassetBrands__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.manhassetBrands__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(36px,3.5vw,52px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.manhassetBrands__title span{
    display:block;
    margin-top:7px;
    color:#c8c3b8;
    font-weight:500;
}

.manhassetBrands__intro{
    max-width:760px;
    margin:23px 0 0;
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   03. BRAND GRID
========================= */
.manhassetBrands__grid{
    margin-top:34px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.manhassetBrands__brand{
    min-height:54px;
    padding:0 15px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.09);
    border-radius:9px;
    color:#eeeae1;
    background:rgba(8,8,8,.58);
    backdrop-filter:blur(10px);
    font-size:16px;
    line-height:1.35;
    font-weight:600;
    text-align:center;
    text-decoration:none;
    transition:
        color .25s ease,
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;
}

.manhassetBrands__brand:hover{
    color:#e3c56d;
    border-color:rgba(227,197,109,.25);
    background:rgba(227,197,109,.05);
    transform:translateY(-2px);
}

/* =========================
   03. ACTIONS
========================= */
.manhassetBrands__actions{
    margin-top:31px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
}

.manhassetBrands__button{
    min-height:52px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.13);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.manhassetBrands__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.22);
}

.manhassetBrands__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manhassetBrands__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.32);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:
        color .25s ease,
        border-color .25s ease;
}

.manhassetBrands__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   03. SIDE PANEL
========================= */
.manhassetBrands__side{
    padding:14px 27px;
    border:1px solid rgba(227,197,109,.16);
    border-radius:18px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.07),
            transparent 38%
        ),
        rgba(8,8,8,.72);
    backdrop-filter:blur(16px);
}

.manhassetBrands__sideItem{
    padding:24px 0;
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:15px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.manhassetBrands__sideItem:last-child{
    border-bottom:0;
}

.manhassetBrands__sideNumber{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.manhassetBrands__sideItem strong{
    display:block;
    margin-bottom:6px;
    color:#f0ede4;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.manhassetBrands__sideItem p{
    margin:0;
    color:rgba(245,242,233,.53);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   03. RESPONSIVE
========================= */
@media (max-width:1100px){
    .manhassetBrands{
        padding:95px 0;
    }

    .manhassetBrands__container{
        grid-template-columns:minmax(0,1fr) 350px;
        gap:50px;
    }

    .manhassetBrands__grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:900px){
    .manhassetBrands__container{
        grid-template-columns:1fr;
    }

    .manhassetBrands__side{
        max-width:720px;
    }
}

@media (max-width:768px){
    .manhassetBrands{
        padding:78px 0;
    }

    .manhassetBrands__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:576px){
    .manhassetBrands{
        padding:68px 0;
    }

    .manhassetBrands__container{
        padding:0 20px;
    }

    .manhassetBrands__eyebrow{
        margin-bottom:14px;
    }

    .manhassetBrands__title{
        font-size:clamp(29px,8vw,36px);
    }

    .manhassetBrands__intro{
        font-size:15px;
        line-height:1.7;
    }

    .manhassetBrands__grid{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .manhassetBrands__brand{
        min-height:50px;
        padding:0 10px;
        font-size:16px;
    }

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

    .manhassetBrands__button{
        width:100%;
    }

    .manhassetBrands__link{
        width:max-content;
    }

    .manhassetBrands__side{
        padding:8px 20px;
        border-radius:16px;
    }

    .manhassetBrands__sideItem{
        grid-template-columns:34px minmax(0,1fr);
    }
}








/* =========================
   04. LOCAL APPLIANCE SERVICE IN MANHASSET
========================= */
.manhassetLocal{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 25%,
            rgba(227,197,109,.06),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.manhassetLocal__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* GLOWS */
.manhassetLocal__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.manhassetLocal__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    top:70px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.manhassetLocal__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   04. HEAD
========================= */
.manhassetLocal__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.manhassetLocal__heading{
    max-width:790px;
}

.manhassetLocal__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.manhassetLocal__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.manhassetLocal__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetLocal__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   04. MAIN LAYOUT
========================= */
.manhassetLocal__layout{
    display:grid;
    grid-template-columns:
        minmax(380px,.78fr)
        minmax(0,1.22fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   04. CONTENT
========================= */
.manhassetLocal__content{
    padding:35px 31px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.065),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.manhassetLocal__label{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.manhassetLocal__content > h3{
    margin:0;
    color:#f3f0e7;
    font-size:30px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.028em;
}

.manhassetLocal__content > h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetLocal__content > p{
    margin:17px 0 0;
    color:rgba(245,242,233,.61);
    font-size:15px;
    line-height:1.72;
}

/* BENEFITS */
.manhassetLocal__benefits{
    margin-top:29px;
    border-top:1px solid rgba(255,255,255,.08);
}

.manhassetLocal__benefit{
    padding:18px 0;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.manhassetLocal__benefitNumber{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.manhassetLocal__benefit strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.manhassetLocal__benefit p{
    margin:0;
    color:rgba(245,242,233,.49);
    font-size:16px;
    line-height:1.55;
}

/* BUTTON */
.manhassetLocal__button{
    min-height:52px;
    margin-top:28px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.manhassetLocal__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.2);
}

.manhassetLocal__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   04. SERVICE AREAS
========================= */
.manhassetLocal__areas{
    padding:34px 31px;
    border:1px solid rgba(227,197,109,.14);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.065),
            transparent 33%
        ),
        rgba(255,255,255,.012);
}

.manhassetLocal__areasTop{
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:17px;
    align-items:center;
}

.manhassetLocal__locationIcon{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(227,197,109,.045);
}

.manhassetLocal__locationIcon svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manhassetLocal__areasTop div > span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.manhassetLocal__areasTop h3{
    margin:0;
    color:#f3f0e7;
    font-size:26px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.02em;
}

.manhassetLocal__areasText{
    max-width:660px;
    margin:24px 0 0;
    color:rgba(245,242,233,.56);
    font-size:16px;
    line-height:1.65;
}

/* AREA GRID */
.manhassetLocal__areasGrid{
    margin-top:27px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.manhassetLocal__area{
    min-height:60px;
    padding:0 17px;
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    gap:10px;
    align-items:center;
    border:1px solid rgba(255,255,255,.07);
    border-radius:9px;
    background:rgba(255,255,255,.014);
    transition:
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;
}

.manhassetLocal__area:hover{
    transform:translateY(-2px);
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.035);
}

.manhassetLocal__area span{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.manhassetLocal__area strong{
    color:#e7e3da;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

/* AREA FOOTER */
.manhassetLocal__areaFooter{
    margin-top:23px;
    padding-top:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
}

.manhassetLocal__areaFooter > span{
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.5;
}

.manhassetLocal__areaFooter a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
}

.manhassetLocal__areaFooter a svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}

.manhassetLocal__areaFooter a:hover svg{
    transform:translateX(4px);
}

/* =========================
   04. BOTTOM
========================= */
.manhassetLocal__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:26px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.manhassetLocal__bottomItem{
    text-align:center;
}

.manhassetLocal__bottomItem span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.manhassetLocal__bottomItem strong{
    color:#f0ede4;
    font-size:15px;
    line-height:1.45;
    font-weight:600;
}

.manhassetLocal__divider{
    width:1px;
    height:36px;
    background:rgba(227,197,109,.15);
}

/* =========================
   04. RESPONSIVE
========================= */
@media (max-width:1100px){

    .manhassetLocal{
        padding:95px 0;
    }

    .manhassetLocal__head{
        gap:50px;
    }

    .manhassetLocal__layout{
        grid-template-columns:380px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .manhassetLocal__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .manhassetLocal__intro{
        max-width:650px;
    }

    .manhassetLocal__layout{
        grid-template-columns:1fr;
    }
}

@media (max-width:768px){

    .manhassetLocal{
        padding:78px 0;
    }

    .manhassetLocal__bottom{
        grid-template-columns:1fr;
    }

    .manhassetLocal__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .manhassetLocal{
        padding:68px 0;
    }

    .manhassetLocal__head{
        margin-bottom:34px;
    }

    .manhassetLocal__eyebrow{
        margin-bottom:14px;
    }

    .manhassetLocal__title{
        font-size:clamp(29px,8vw,36px);
    }

    .manhassetLocal__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .manhassetLocal__content{
        padding:25px 20px;
        border-radius:16px;
    }

    .manhassetLocal__content > h3{
        font-size:26px;
    }

    .manhassetLocal__button{
        width:100%;
    }

    .manhassetLocal__areas{
        padding:25px 20px;
        border-radius:16px;
    }

    .manhassetLocal__areasTop{
        grid-template-columns:48px minmax(0,1fr);
    }

    .manhassetLocal__locationIcon{
        width:48px;
        height:48px;
    }

    .manhassetLocal__areasTop h3{
        font-size:22px;
    }

    .manhassetLocal__areasGrid{
        grid-template-columns:1fr;
    }

    .manhassetLocal__areaFooter{
        align-items:flex-start;
        flex-direction:column;
    }

    .manhassetLocal__bottom{
        padding:21px 18px;
    }
}








/* =========================
   05. MAJOR HOME APPLIANCE REPAIR IN MANHASSET
========================= */
.manhassetAppliances{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 10% 20%,rgba(227,197,109,.055),transparent 24%),
        radial-gradient(circle at 90% 80%,rgba(227,197,109,.04),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.manhassetAppliances__container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   05. HEAD
========================= */
.manhassetAppliances__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.manhassetAppliances__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.manhassetAppliances__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.manhassetAppliances__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetAppliances__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   05. GRID
========================= */
.manhassetAppliances__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.manhassetAppliances__card{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(255,255,255,.014);
    box-shadow:0 26px 70px rgba(0,0,0,.2);
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.manhassetAppliances__card:hover{
    transform:translateY(-6px);
    border-color:rgba(227,197,109,.2);
    box-shadow:0 32px 80px rgba(0,0,0,.3);
}

/* =========================
   05. IMAGE
========================= */
.manhassetAppliances__image{
    position:relative;
    height:300px;
    overflow:hidden;
    background:#111;
}

.manhassetAppliances__image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .6s ease;
}

.manhassetAppliances__card:hover .manhassetAppliances__image img{
    transform:scale(1.045);
}

.manhassetAppliances__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02) 45%,
            rgba(0,0,0,.62) 100%
        );
}

.manhassetAppliances__number{
    position:absolute;
    top:18px;
    left:18px;
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:10px;
    color:#e3c56d;
    background:rgba(8,8,8,.72);
    backdrop-filter:blur(12px);
    font-size:16px;
    font-weight:700;
}

/* =========================
   05. CONTENT
========================= */
.manhassetAppliances__content{
    padding:27px 25px 26px;
}

.manhassetAppliances__label{
    display:block;
    margin-bottom:10px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.manhassetAppliances__content h3{
    margin:0;
    color:#f3f0e7;
    font-size:23px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.02em;
}

.manhassetAppliances__content > p{
    margin:14px 0 0;
    color:rgba(245,242,233,.56);
    font-size:16px;
    line-height:1.65;
}

/* LIST */
.manhassetAppliances__list{
    margin-top:21px;
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
}

.manhassetAppliances__list span{
    position:relative;
    padding-left:17px;
    color:rgba(245,242,233,.66);
    font-size:16px;
    line-height:1.4;
}

.manhassetAppliances__list span::before{
    content:"";
    position:absolute;
    left:0;
    top:7px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#e3c56d;
}

/* CARD LINK */
.manhassetAppliances__content > a{
    margin-top:23px;
    padding-top:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:color .25s ease;
}

.manhassetAppliances__content > a svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}

.manhassetAppliances__content > a:hover{
    color:#e3c56d;
}

.manhassetAppliances__content > a:hover svg{
    transform:translateX(4px);
}

/* =========================
   05. BOTTOM CTA
========================= */
.manhassetAppliances__bottom{
    margin-top:24px;
    padding:24px 27px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    border:1px solid rgba(227,197,109,.13);
    border-radius:14px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.012)
        );
}

.manhassetAppliances__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.manhassetAppliances__bottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.manhassetAppliances__button{
    min-height:50px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    flex:0 0 auto;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.manhassetAppliances__button:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(227,197,109,.18);
}

.manhassetAppliances__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   05. RESPONSIVE
========================= */
@media (max-width:1100px){
    .manhassetAppliances{
        padding:95px 0;
    }

    .manhassetAppliances__head{
        gap:50px;
    }

    .manhassetAppliances__image{
        height:260px;
    }
}

@media (max-width:900px){
    .manhassetAppliances__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .manhassetAppliances__intro{
        max-width:650px;
    }

    .manhassetAppliances__grid{
        grid-template-columns:1fr;
    }

    .manhassetAppliances__image{
        height:390px;
    }
}

@media (max-width:768px){
    .manhassetAppliances{
        padding:78px 0;
    }

    .manhassetAppliances__bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:576px){
    .manhassetAppliances{
        padding:68px 0;
    }

    .manhassetAppliances__head{
        margin-bottom:34px;
    }

    .manhassetAppliances__title{
        font-size:clamp(29px,8vw,36px);
    }

    .manhassetAppliances__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .manhassetAppliances__image{
        height:280px;
    }

    .manhassetAppliances__content{
        padding:23px 20px;
    }

    .manhassetAppliances__content h3{
        font-size:21px;
    }

    .manhassetAppliances__bottom{
        padding:21px 20px;
    }

    .manhassetAppliances__button{
        width:100%;
    }
}






/* =========================
   06. WHY MANHASSET HOMEOWNERS CHOOSE US
========================= */
.manhassetWhy{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 10% 25%,
            rgba(227,197,109,.06),
            transparent 24%
        ),
        radial-gradient(
            circle at 91% 76%,
            rgba(227,197,109,.045),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.manhassetWhy__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.manhassetWhy__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.manhassetWhy__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.manhassetWhy__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-190px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   06. HEAD
========================= */
.manhassetWhy__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.manhassetWhy__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.manhassetWhy__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.manhassetWhy__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetWhy__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   06. MAIN LAYOUT
========================= */
.manhassetWhy__layout{
    display:grid;
    grid-template-columns:
        minmax(350px,.7fr)
        minmax(0,1.3fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   06. STATEMENT
========================= */
.manhassetWhy__statement{
    padding:38px 34px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.075),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.manhassetWhy__statementLabel{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.manhassetWhy__statement h3{
    margin:0;
    color:#f3f0e7;
    font-size:31px;
    line-height:1.17;
    font-weight:600;
    letter-spacing:-.03em;
}

.manhassetWhy__statement h3 span{
    display:block;
    margin-top:6px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetWhy__statement > p{
    margin:21px 0 0;
    color:rgba(245,242,233,.61);
    font-size:15px;
    line-height:1.72;
}

/* QUOTE */
.manhassetWhy__quote{
    position:relative;
    margin-top:30px;
    padding:22px 20px 22px 51px;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.manhassetWhy__quote > span{
    position:absolute;
    top:14px;
    left:0;
    color:#e3c56d;
    font-family:Overlock,Arial,sans-serif;
    font-size:48px;
    line-height:1;
    opacity:.8;
}

.manhassetWhy__quote p{
    margin:0;
    color:#d5d1c7;
    font-size:15px;
    line-height:1.7;
    font-style:italic;
}

/* BUTTON */
.manhassetWhy__button{
    width:max-content;
    min-height:52px;
    margin-top:auto;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.manhassetWhy__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.2);
}

.manhassetWhy__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   06. BENEFIT CARDS
========================= */
.manhassetWhy__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.manhassetWhy__card{
    position:relative;
    min-height:245px;
    padding:27px 25px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.05),
            transparent 35%
        ),
        rgba(255,255,255,.014);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.manhassetWhy__card::after{
    content:"";
    position:absolute;
    left:25px;
    right:25px;
    bottom:24px;
    height:1px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.35),
            rgba(227,197,109,.04)
        );
}

.manhassetWhy__card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.2);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.08),
            transparent 38%
        ),
        rgba(255,255,255,.02);
}

.manhassetWhy__cardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.manhassetWhy__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}

.manhassetWhy__icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.19);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}

.manhassetWhy__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manhassetWhy__card h3{
    margin:31px 0 0;
    color:#f2efe6;
    font-size:21px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}

.manhassetWhy__card p{
    max-width:330px;
    margin:10px 0 35px;
    color:rgba(245,242,233,.55);
    font-size:16px;
    line-height:1.65;
}

/* =========================
   06. BOTTOM PROCESS STRIP
========================= */
.manhassetWhy__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:26px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.manhassetWhy__bottomItem{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:14px;
    align-items:start;
}

.manhassetWhy__bottomItem > span{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.manhassetWhy__bottomItem strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.manhassetWhy__bottomItem p{
    margin:0;
    color:rgba(245,242,233,.47);
    font-size:16px;
    line-height:1.5;
}

.manhassetWhy__divider{
    width:1px;
    height:42px;
    background:rgba(227,197,109,.15);
}

/* =========================
   06. RESPONSIVE
========================= */
@media (max-width:1100px){

    .manhassetWhy{
        padding:95px 0;
    }

    .manhassetWhy__head{
        gap:50px;
    }

    .manhassetWhy__layout{
        grid-template-columns:350px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .manhassetWhy__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .manhassetWhy__intro{
        max-width:650px;
    }

    .manhassetWhy__layout{
        grid-template-columns:1fr;
    }

    .manhassetWhy__button{
        margin-top:30px;
    }
}

@media (max-width:768px){

    .manhassetWhy{
        padding:78px 0;
    }

    .manhassetWhy__grid{
        grid-template-columns:1fr;
    }

    .manhassetWhy__bottom{
        grid-template-columns:1fr;
    }

    .manhassetWhy__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .manhassetWhy{
        padding:68px 0;
    }

    .manhassetWhy__head{
        margin-bottom:34px;
    }

    .manhassetWhy__title{
        font-size:clamp(29px,8vw,36px);
    }

    .manhassetWhy__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .manhassetWhy__statement{
        padding:27px 20px;
        border-radius:16px;
    }

    .manhassetWhy__statement h3{
        font-size:26px;
    }

    .manhassetWhy__button{
        width:100%;
    }

    .manhassetWhy__card{
        min-height:225px;
        padding:23px 20px;
    }

    .manhassetWhy__card::after{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .manhassetWhy__card h3{
        margin-top:26px;
        font-size:20px;
    }

    .manhassetWhy__bottom{
        padding:21px 18px;
    }
}






/* =========================
   07. MANHASSET FAQ
========================= */
.manhassetFaq{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 8% 25%,rgba(227,197,109,.06),transparent 24%),
        radial-gradient(circle at 92% 78%,rgba(227,197,109,.045),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.manhassetFaq__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.manhassetFaq__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.manhassetFaq__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.manhassetFaq__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   07. HEAD
========================= */
.manhassetFaq__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.manhassetFaq__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.manhassetFaq__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.manhassetFaq__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetFaq__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   07. LAYOUT
========================= */
.manhassetFaq__layout{
    display:grid;
    grid-template-columns:minmax(340px,.65fr) minmax(0,1.35fr);
    gap:24px;
    align-items:start;
}

/* =========================
   07. ASIDE
========================= */
.manhassetFaq__aside{
    position:sticky;
    top:120px;
    padding:35px 31px;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.07),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.manhassetFaq__asideLabel{
    display:block;
    margin-bottom:15px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.manhassetFaq__aside h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.025em;
}

.manhassetFaq__aside > p{
    margin:18px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

/* INFO */
.manhassetFaq__info{
    margin-top:29px;
    border-top:1px solid rgba(255,255,255,.08);
}

.manhassetFaq__infoItem{
    padding:19px 0;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:14px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.manhassetFaq__infoIcon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.04);
}

.manhassetFaq__infoIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manhassetFaq__infoItem strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.manhassetFaq__infoItem div > span{
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.45;
}

/* BUTTON */
.manhassetFaq__button{
    width:100%;
    min-height:52px;
    margin-top:27px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.manhassetFaq__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.manhassetFaq__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   07. ACCORDION
========================= */
.manhassetFaq__accordion{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.manhassetFaq__item{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.035),
            transparent 32%
        ),
        rgba(255,255,255,.012);
    transition:
        border-color .25s ease,
        background .25s ease;
}

.manhassetFaq__item:hover,
.manhassetFaq__item.is-open{
    border-color:rgba(227,197,109,.18);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.055),
            transparent 35%
        ),
        rgba(255,255,255,.016);
}

/* QUESTION */
.manhassetFaq__question{
    width:100%;
    min-height:92px;
    padding:0 24px;
    display:grid;
    grid-template-columns:50px minmax(0,1fr) 42px;
    gap:20px;
    align-items:center;
    border:0;
    outline:0;
    cursor:pointer;
    background:transparent;
    color:inherit;
    text-align:left;
}

.manhassetFaq__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}

.manhassetFaq__questionText{
    color:#f1eee5;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
}

/* TOGGLE */
.manhassetFaq__toggle{
    position:relative;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.16);
    border-radius:10px;
    background:rgba(227,197,109,.035);
}

.manhassetFaq__toggle span{
    position:absolute;
    width:14px;
    height:1px;
    background:#e3c56d;
    transition:transform .28s ease;
}

.manhassetFaq__toggle span:last-child{
    transform:rotate(90deg);
}

.manhassetFaq__item.is-open .manhassetFaq__toggle span:last-child{
    transform:rotate(0deg);
}

/* ANSWER */
.manhassetFaq__answer{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .35s ease;
}

.manhassetFaq__item.is-open .manhassetFaq__answer{
    grid-template-rows:1fr;
}

.manhassetFaq__answerInner{
    overflow:hidden;
}

.manhassetFaq__answerInner p{
    margin:0;
    padding:0 78px 26px 94px;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   07. RESPONSIVE
========================= */
@media (max-width:1100px){

    .manhassetFaq{
        padding:95px 0;
    }

    .manhassetFaq__head{
        gap:50px;
    }

    .manhassetFaq__layout{
        grid-template-columns:340px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .manhassetFaq__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .manhassetFaq__intro{
        max-width:650px;
    }

    .manhassetFaq__layout{
        grid-template-columns:1fr;
    }

    .manhassetFaq__aside{
        position:relative;
        top:auto;
    }
}

@media (max-width:768px){

    .manhassetFaq{
        padding:78px 0;
    }

    .manhassetFaq__question{
        min-height:84px;
    }

    .manhassetFaq__questionText{
        font-size:17px;
    }

    .manhassetFaq__answerInner p{
        padding-left:94px;
        padding-right:24px;
    }
}

@media (max-width:576px){

    .manhassetFaq{
        padding:68px 0;
    }

    .manhassetFaq__head{
        margin-bottom:34px;
    }

    .manhassetFaq__title{
        font-size:clamp(29px,8vw,36px);
    }

    .manhassetFaq__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .manhassetFaq__aside{
        padding:26px 20px;
        border-radius:16px;
    }

    .manhassetFaq__aside h3{
        font-size:25px;
    }

    .manhassetFaq__question{
        min-height:80px;
        padding:0 17px;
        grid-template-columns:31px minmax(0,1fr) 38px;
        gap:11px;
    }

    .manhassetFaq__questionText{
        font-size:15px;
        line-height:1.45;
    }

    .manhassetFaq__toggle{
        width:38px;
        height:38px;
    }

    .manhassetFaq__answerInner p{
        padding:0 18px 22px 59px;
        font-size:16px;
        line-height:1.68;
    }
}








/* =========================
   08. MANHASSET BOOKING / SCHEDULE SERVICE
========================= */
.manhassetBooking{
    position:relative;
    overflow:hidden;
    padding:110px 0 95px;
    background:
        radial-gradient(
            circle at 10% 25%,
            rgba(227,197,109,.065),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.manhassetBooking__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   08. DECORATIVE GLOWS
========================= */
.manhassetBooking__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.manhassetBooking__glow--left{
    width:540px;
    height:540px;
    left:-300px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.06),
            transparent 70%
        );
}

.manhassetBooking__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-170px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   08. HEAD
========================= */
.manhassetBooking__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.manhassetBooking__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.manhassetBooking__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.manhassetBooking__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetBooking__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   08. MAIN LAYOUT
========================= */
.manhassetBooking__layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.05fr)
        minmax(430px,.95fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   08. VISUAL
========================= */
.manhassetBooking__visual{
    position:relative;
    min-height:720px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.16);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.manhassetBooking__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.manhassetBooking__visual:hover img{
    transform:scale(1.035);
}

.manhassetBooking__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.03) 15%,
            rgba(0,0,0,.11) 45%,
            rgba(0,0,0,.9) 100%
        );
}

/* TOP LOCATION BADGE */
.manhassetBooking__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    left:22px;
}

.manhassetBooking__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(9,9,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

/* VISUAL TEXT */
.manhassetBooking__visualContent{
    position:absolute;
    z-index:3;
    left:32px;
    right:32px;
    bottom:155px;
    max-width:570px;
}

.manhassetBooking__visualLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.manhassetBooking__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.12;
    font-weight:600;
    letter-spacing:-.03em;
}

.manhassetBooking__visualContent h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetBooking__visualContent p{
    max-width:520px;
    margin:18px 0 0;
    color:rgba(245,242,233,.7);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   08. FEATURES
========================= */
.manhassetBooking__features{
    position:absolute;
    z-index:3;
    left:24px;
    right:24px;
    bottom:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.manhassetBooking__feature{
    padding:16px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:13px;
    align-items:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(9,9,8,.78);
    backdrop-filter:blur(14px);
}

.manhassetBooking__featureIcon{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:10px;
    background:rgba(227,197,109,.04);
}

.manhassetBooking__featureIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manhassetBooking__feature strong{
    display:block;
    margin-bottom:4px;
    color:#f1eee5;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.manhassetBooking__feature div > span{
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.4;
}

/* =========================
   08. FORM WRAP
========================= */
.manhassetBooking__formWrap{
    padding:34px 31px 28px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.065),
            transparent 34%
        ),
        rgba(255,255,255,.016);
    box-shadow:0 30px 80px rgba(0,0,0,.18);
}

/* FORM HEAD */
.manhassetBooking__formHead{
    margin-bottom:24px;
}

.manhassetBooking__formHead > span{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.manhassetBooking__formHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:28px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}

.manhassetBooking__formHead p{
    margin:13px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.65;
}

/* =========================
   08. EMBEDDED FORM
========================= */
.manhassetBooking__form{
    flex:1;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:#fff;
}

.manhassetBooking__form iframe{
    display:block;
    width:100%;
    min-height:520px !important;
    border:0;
}

/* =========================
   08. FORM BOTTOM
========================= */
.manhassetBooking__formBottom{
    margin-top:20px;
    padding-top:20px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
}

.manhassetBooking__formBottom > div + div{
    padding-left:20px;
    border-left:1px solid rgba(227,197,109,.13);
}

.manhassetBooking__formBottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
}

.manhassetBooking__formBottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

/* =========================
   08. RESPONSIVE — TABLET
========================= */
@media (max-width:1100px){

    .manhassetBooking{
        padding:95px 0 85px;
    }

    .manhassetBooking__head{
        gap:50px;
    }

    .manhassetBooking__layout{
        grid-template-columns:minmax(0,1fr) 430px;
    }
}

/* =========================
   08. RESPONSIVE — SMALL TABLET
========================= */
@media (max-width:900px){

    .manhassetBooking__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .manhassetBooking__intro{
        max-width:650px;
    }

    .manhassetBooking__layout{
        grid-template-columns:1fr;
    }

    .manhassetBooking__visual{
        min-height:620px;
    }

    .manhassetBooking__formWrap{
        width:100%;
    }
}

/* =========================
   08. RESPONSIVE — MOBILE
========================= */
@media (max-width:768px){

    .manhassetBooking{
        padding:78px 0 70px;
    }

    .manhassetBooking__title{
        font-size:clamp(30px,6vw,38px);
    }

    .manhassetBooking__visual{
        min-height:600px;
    }
}

/* =========================
   08. RESPONSIVE — SMALL MOBILE
========================= */
@media (max-width:576px){

    .manhassetBooking{
        padding:68px 0 60px;
    }

    .manhassetBooking__container{
        padding:0 20px;
    }

    .manhassetBooking__head{
        margin-bottom:34px;
    }

    .manhassetBooking__eyebrow{
        margin-bottom:14px;
    }

    .manhassetBooking__title{
        font-size:clamp(29px,8vw,36px);
    }

    .manhassetBooking__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .manhassetBooking__visual{
        min-height:650px;
        border-radius:16px;
    }

    .manhassetBooking__visualTop{
        top:15px;
        left:15px;
    }

    .manhassetBooking__visualTop span{
        padding:9px 11px;
        font-size:16px;
    }

    .manhassetBooking__visualContent{
        left:20px;
        right:20px;
        bottom:205px;
    }

    .manhassetBooking__visualContent h3{
        font-size:28px;
    }

    .manhassetBooking__visualContent p{
        font-size:16px;
        line-height:1.65;
    }

    .manhassetBooking__features{
        left:15px;
        right:15px;
        bottom:15px;
        grid-template-columns:1fr;
    }

    .manhassetBooking__feature{
        padding:13px;
    }

    .manhassetBooking__formWrap{
        padding:25px 20px;
        border-radius:16px;
    }

    .manhassetBooking__formHead h3{
        font-size:24px;
    }

    .manhassetBooking__formHead p{
        font-size:16px;
    }

    .manhassetBooking__form iframe{
        min-height:500px !important;
    }

    .manhassetBooking__formBottom{
        grid-template-columns:1fr;
    }

    .manhassetBooking__formBottom > div + div{
        padding-left:0;
        padding-top:15px;
        border-left:0;
        border-top:1px solid rgba(227,197,109,.13);
    }
}






/* =========================
   09. APPLIANCE CARE TIPS FOR MANHASSET HOMES
========================= */
.manhassetCare{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 22%,
            rgba(227,197,109,.055),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.04),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.manhassetCare__container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   09. HEAD
========================= */
.manhassetCare__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.manhassetCare__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.manhassetCare__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.manhassetCare__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetCare__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   09. LAYOUT
========================= */
.manhassetCare__layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.03fr)
        minmax(430px,.97fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   09. IMAGE
========================= */
.manhassetCare__visual{
    position:relative;
    min-height:680px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.25);
}

.manhassetCare__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.manhassetCare__visual:hover img{
    transform:scale(1.035);
}

.manhassetCare__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.03) 20%,
            rgba(0,0,0,.12) 50%,
            rgba(0,0,0,.88) 100%
        );
}

.manhassetCare__visualContent{
    position:absolute;
    z-index:2;
    left:32px;
    right:32px;
    bottom:105px;
    max-width:570px;
}

.manhassetCare__visualContent > span{
    display:block;
    margin-bottom:13px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.manhassetCare__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(29px,2.5vw,39px);
    line-height:1.14;
    font-weight:600;
    letter-spacing:-.03em;
}

.manhassetCare__visualContent h3 strong{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.manhassetCare__visualContent p{
    max-width:520px;
    margin:16px 0 0;
    color:rgba(245,242,233,.68);
    font-size:15px;
    line-height:1.7;
}

/* BADGE */
.manhassetCare__badge{
    position:absolute;
    z-index:2;
    left:24px;
    right:24px;
    bottom:24px;
    padding:16px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(8,8,8,.78);
    backdrop-filter:blur(14px);
}

.manhassetCare__badge span{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
}

.manhassetCare__badge strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

/* =========================
   09. TIPS
========================= */
.manhassetCare__content{
    padding:16px 31px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.06),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.manhassetCare__tip{
    padding:22px 0;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:17px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.manhassetCare__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1.5;
    font-weight:700;
}

.manhassetCare__tip h3{
    margin:0;
    color:#f1eee5;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
    letter-spacing:-.015em;
}

.manhassetCare__tip p{
    margin:8px 0 0;
    color:rgba(245,242,233,.53);
    font-size:16px;
    line-height:1.62;
}

/* =========================
   09. ACTIONS
========================= */
.manhassetCare__actions{
    padding-top:25px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}

.manhassetCare__button{
    min-height:52px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.manhassetCare__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.18);
}

.manhassetCare__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manhassetCare__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.32);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
}

.manhassetCare__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   09. BOTTOM
========================= */
.manhassetCare__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:25px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.manhassetCare__bottom > div{
    text-align:center;
}

.manhassetCare__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.manhassetCare__bottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.manhassetCare__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   09. RESPONSIVE
========================= */
@media (max-width:1100px){

    .manhassetCare{
        padding:95px 0;
    }

    .manhassetCare__head{
        gap:50px;
    }

    .manhassetCare__layout{
        grid-template-columns:minmax(0,1fr) 430px;
    }
}

@media (max-width:900px){

    .manhassetCare__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .manhassetCare__intro{
        max-width:650px;
    }

    .manhassetCare__layout{
        grid-template-columns:1fr;
    }

    .manhassetCare__visual{
        min-height:580px;
    }
}

@media (max-width:768px){

    .manhassetCare{
        padding:78px 0;
    }

    .manhassetCare__bottom{
        grid-template-columns:1fr;
    }

    .manhassetCare__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .manhassetCare{
        padding:68px 0;
    }

    .manhassetCare__head{
        margin-bottom:34px;
    }

    .manhassetCare__title{
        font-size:clamp(29px,8vw,36px);
    }

    .manhassetCare__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .manhassetCare__visual{
        min-height:510px;
        border-radius:16px;
    }

    .manhassetCare__visualContent{
        left:20px;
        right:20px;
        bottom:120px;
    }

    .manhassetCare__visualContent h3{
        font-size:27px;
    }

    .manhassetCare__badge{
        left:15px;
        right:15px;
        bottom:15px;
        align-items:flex-start;
        flex-direction:column;
        gap:5px;
    }

    .manhassetCare__content{
        padding:8px 20px 24px;
        border-radius:16px;
    }

    .manhassetCare__tip{
        grid-template-columns:34px minmax(0,1fr);
        gap:12px;
    }

    .manhassetCare__tip h3{
        font-size:17px;
    }

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

    .manhassetCare__button{
        width:100%;
    }

    .manhassetCare__link{
        width:max-content;
    }

    .manhassetCare__bottom{
        padding:21px 18px;
    }
}

































/* =========================
   01. BRANDS PAGE HERO
========================= */
.brandsHero{
    position:relative;
    overflow:hidden;
    padding:145px 0 95px;
    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(227,197,109,.075),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 75%,
            rgba(227,197,109,.045),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #080808 0%,
            #0d0d0c 55%,
            #090909 100%
        );
}

.brandsHero__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   01. DECORATIVE GLOWS
========================= */
.brandsHero__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.brandsHero__glow--left{
    width:560px;
    height:560px;
    left:-310px;
    top:-130px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.07),
            transparent 70%
        );
}

.brandsHero__glow--right{
    width:520px;
    height:520px;
    right:-280px;
    bottom:-170px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   01. HEAD
========================= */
.brandsHero__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.1fr)
        minmax(320px,.7fr);
    gap:80px;
    align-items:end;
}

.brandsHero__heading{
    max-width:820px;
}

/* BREADCRUMB */
.brandsHero__breadcrumb{
    margin-bottom:27px;
    display:flex;
    align-items:center;
    gap:9px;
    color:rgba(245,242,233,.42);
    font-size:16px;
    line-height:1.4;
}

.brandsHero__breadcrumb a{
    color:rgba(245,242,233,.58);
    text-decoration:none;
    transition:color .25s ease;
}

.brandsHero__breadcrumb a:hover{
    color:#e3c56d;
}

.brandsHero__breadcrumb > span:last-child{
    color:#e3c56d;
}

/* EYEBROW */
.brandsHero__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

/* TITLE */
.brandsHero__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(42px,4.3vw,64px);
    line-height:1.04;
    font-weight:620;
    letter-spacing:-.042em;
}

.brandsHero__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.brandsHero__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   01. MAIN
========================= */
.brandsHero__main{
    display:grid;
    grid-template-columns:
        minmax(390px,.78fr)
        minmax(0,1.22fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   01. LEFT CONTENT
========================= */
.brandsHero__content{
    padding:36px 32px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.07),
            transparent 34%
        ),
        rgba(255,255,255,.014);
}

.brandsHero__label{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.brandsHero__content > h2{
    margin:0;
    color:#f3f0e7;
    font-size:30px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.028em;
}

.brandsHero__content > h2 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.brandsHero__content > p{
    margin:18px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

/* CATEGORIES */
.brandsHero__categories{
    margin-top:29px;
    border-top:1px solid rgba(255,255,255,.08);
}

.brandsHero__category{
    padding:18px 0;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.brandsHero__category > span{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.brandsHero__category strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.brandsHero__category p{
    margin:0;
    color:rgba(245,242,233,.49);
    font-size:16px;
    line-height:1.55;
}

/* ACTIONS */
.brandsHero__actions{
    margin-top:auto;
    padding-top:28px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:21px;
}

.brandsHero__button{
    min-height:52px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.13);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.brandsHero__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.22);
}

.brandsHero__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.brandsHero__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.32);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
}

.brandsHero__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   01. VISUAL
========================= */
.brandsHero__visual{
    position:relative;
    min-height:610px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.27);
}

.brandsHero__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.brandsHero__visual:hover img{
    transform:scale(1.035);
}

.brandsHero__overlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.02) 30%,*/
    /*        rgba(0,0,0,.12) 58%,*/
    /*        rgba(0,0,0,.88) 100%*/
    /*    );*/
}

/* TOP BADGE */
.brandsHero__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    right:22px;
}

.brandsHero__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(8,8,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

/* PHOTO CONTENT */
.brandsHero__visualContent{
    position:absolute;
    z-index:3;
    left:30px;
    right:30px;
    bottom:125px;
    max-width:550px;
}

.brandsHero__visualContent > span{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.brandsHero__visualContent h2{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(28px,2.5vw,39px);
    line-height:1.14;
    font-weight:600;
    letter-spacing:-.03em;
}

.brandsHero__visualContent h2 strong{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

/* PHOTO BOTTOM */
.brandsHero__visualBottom{
    position:absolute;
    z-index:3;
    left:22px;
    right:22px;
    bottom:22px;
    padding:16px 18px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:18px;
    align-items:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(8,8,8,.78);
    backdrop-filter:blur(14px);
}

.brandsHero__visualBottom > div{
    text-align:center;
}

.brandsHero__visualBottom span{
    display:block;
    margin-bottom:4px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
}

.brandsHero__visualBottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.brandsHero__visualDivider{
    width:1px;
    height:36px;
    background:rgba(227,197,109,.17);
}

/* =========================
   01. BRAND PREVIEW
========================= */
.brandsHero__brands{
    margin-top:24px;
    padding:23px 27px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:35px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.brandsHero__brandsTitle span{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.brandsHero__brandsList{
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:8px;
}

.brandsHero__brandsList span{
    min-height:42px;
    padding:0 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid rgba(255,255,255,.07);
    color:rgba(245,242,233,.65);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
    text-align:center;
}

/* =========================
   01. RESPONSIVE
========================= */
@media (max-width:1200px){

    .brandsHero__brands{
        grid-template-columns:1fr;
        gap:18px;
    }

    .brandsHero__brandsList{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media (max-width:1100px){

    .brandsHero{
        padding:130px 0 85px;
    }

    .brandsHero__head{
        gap:50px;
    }

    .brandsHero__main{
        grid-template-columns:390px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .brandsHero__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .brandsHero__intro{
        max-width:650px;
    }

    .brandsHero__main{
        grid-template-columns:1fr;
    }

    .brandsHero__visual{
        min-height:560px;
    }
}

@media (max-width:768px){

    .brandsHero{
        padding:115px 0 75px;
    }

    .brandsHero__title{
        font-size:clamp(36px,7vw,48px);
    }

    .brandsHero__brandsList{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:576px){

    .brandsHero{
        padding:105px 0 68px;
    }

    .brandsHero__head{
        margin-bottom:34px;
    }

    .brandsHero__breadcrumb{
        margin-bottom:23px;
    }

    .brandsHero__eyebrow{
        margin-bottom:14px;
    }

    .brandsHero__title{
        font-size:clamp(34px,9vw,43px);
    }

    .brandsHero__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .brandsHero__content{
        padding:25px 20px;
        border-radius:16px;
    }

    .brandsHero__content > h2{
        font-size:26px;
    }

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

    .brandsHero__button{
        width:100%;
    }

    .brandsHero__link{
        width:max-content;
    }

    .brandsHero__visual{
        min-height:500px;
        border-radius:16px;
    }

    .brandsHero__visualTop{
        top:15px;
        right:15px;
    }

    .brandsHero__visualContent{
        left:20px;
        right:20px;
        bottom:145px;
    }

    .brandsHero__visualContent h2{
        font-size:27px;
    }

    .brandsHero__visualBottom{
        left:15px;
        right:15px;
        bottom:15px;
        grid-template-columns:1fr;
        gap:8px;
    }

    .brandsHero__visualDivider{
        width:100%;
        height:1px;
    }

    .brandsHero__brands{
        padding:21px 18px;
    }

    .brandsHero__brandsList{
        grid-template-columns:1fr 1fr;
    }
}




/* =========================
   02. BRANDS DIRECTORY
========================= */
.brandsDirectory{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 8% 20%,rgba(227,197,109,.06),transparent 24%),
        radial-gradient(circle at 92% 82%,rgba(227,197,109,.04),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.brandsDirectory__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

.brandsDirectory__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.brandsDirectory__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:80px;
    background:
        radial-gradient(circle,rgba(227,197,109,.055),transparent 70%);
}

.brandsDirectory__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(circle,rgba(227,197,109,.04),transparent 70%);
}

/* =========================
   02. HEAD
========================= */
.brandsDirectory__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.brandsDirectory__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.brandsDirectory__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.brandsDirectory__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.brandsDirectory__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   02. LAYOUT
========================= */
.brandsDirectory__layout{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
    gap:22px;
    align-items:stretch;
}

.brandsDirectory__side{
    display:grid;
    grid-template-rows:repeat(2,1fr);
    gap:22px;
}

/* =========================
   02. GROUP
========================= */
.brandsDirectory__group{
    padding:31px 28px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.05),transparent 35%),
        rgba(255,255,255,.013);
}

.brandsDirectory__group--featured{
    display:flex;
    flex-direction:column;
    border-color:rgba(227,197,109,.14);
    background:
        radial-gradient(circle at 0% 0%,rgba(227,197,109,.075),transparent 36%),
        radial-gradient(circle at 100% 100%,rgba(227,197,109,.04),transparent 32%),
        rgba(255,255,255,.014);
}

/* =========================
   02. GROUP HEAD
========================= */
.brandsDirectory__groupHead{
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:17px;
    align-items:center;
}

.brandsDirectory__groupIcon{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:13px;
    background:rgba(227,197,109,.045);
}

.brandsDirectory__groupIcon svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.brandsDirectory__groupHead div > span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.brandsDirectory__groupHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:24px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.02em;
}

.brandsDirectory__groupText{
    max-width:680px;
    margin:21px 0 0;
    color:rgba(245,242,233,.56);
    font-size:16px;
    line-height:1.65;
}

/* =========================
   02. FEATURED IMAGE
========================= */
.brandsDirectory__featuredImage{
    position:relative;
    height:300px;
    margin-top:26px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.13);
    border-radius:14px;
    background:#111;
}

.brandsDirectory__featuredImage img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .6s ease;
}

.brandsDirectory__featuredImage:hover img{
    transform:scale(1.04);
}

.brandsDirectory__featuredOverlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.02) 45%,*/
    /*        rgba(0,0,0,.72) 100%*/
    /*    );*/
}

.brandsDirectory__featuredBadge{
    position:absolute;
    z-index:2;
    left:16px;
    right:16px;
    bottom:16px;
    padding:13px 15px;
    border:1px solid rgba(227,197,109,.17);
    border-radius:10px;
    background:rgba(8,8,8,.75);
    backdrop-filter:blur(12px);
}

.brandsDirectory__featuredBadge span{
    display:block;
    margin-bottom:4px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.brandsDirectory__featuredBadge strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

/* =========================
   02. FEATURED BRAND GRID
========================= */
.brandsDirectory__brandGrid{
    margin-top:20px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.brandsDirectory__brand{
    min-height:58px;
    padding:0 16px;
    display:grid;
    grid-template-columns:31px minmax(0,1fr);
    gap:10px;
    align-items:center;
    border:1px solid rgba(255,255,255,.07);
    border-radius:9px;
    background:rgba(255,255,255,.012);
    text-decoration:none;
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.brandsDirectory__brand:hover{
    transform:translateY(-2px);
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.035);
}

.brandsDirectory__brand span{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.brandsDirectory__brand strong{
    color:#ebe7de;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

/* =========================
   02. COMPACT GRID
========================= */
.brandsDirectory__compactGrid{
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.brandsDirectory__compactGrid a{
    position:relative;
    min-height:47px;
    padding:0 12px 0 27px;
    display:flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.065);
    border-radius:8px;
    color:rgba(245,242,233,.67);
    background:rgba(255,255,255,.01);
    font-size:16px;
    line-height:1.4;
    font-weight:500;
    text-decoration:none;
    transition:
        color .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.brandsDirectory__compactGrid a::before{
    content:"";
    position:absolute;
    left:13px;
    top:50%;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#e3c56d;
    transform:translateY(-50%);
}

.brandsDirectory__compactGrid a:hover{
    color:#e3c56d;
    border-color:rgba(227,197,109,.18);
    background:rgba(227,197,109,.03);
}

/* =========================
   02. FEATURED BOTTOM
========================= */
.brandsDirectory__groupBottom{
    margin-top:auto;
    padding-top:25px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
}

.brandsDirectory__groupBottom > span{
    color:rgba(245,242,233,.47);
    font-size:16px;
    line-height:1.5;
}

.brandsDirectory__groupBottom a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
}

.brandsDirectory__groupBottom svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   02. BOTTOM CTA
========================= */
.brandsDirectory__bottom{
    margin-top:22px;
    padding:24px 27px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:20px;
    align-items:center;
    border:1px solid rgba(227,197,109,.13);
    border-radius:14px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.012)
        );
}

.brandsDirectory__bottomIcon{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.19);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}

.brandsDirectory__bottomIcon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.brandsDirectory__bottomContent span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.brandsDirectory__bottomContent strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.brandsDirectory__button{
    min-height:50px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.brandsDirectory__button:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(227,197,109,.18);
}

.brandsDirectory__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   02. RESPONSIVE
========================= */
@media (max-width:1100px){

    .brandsDirectory{
        padding:95px 0;
    }

    .brandsDirectory__head{
        gap:50px;
    }

    .brandsDirectory__layout{
        grid-template-columns:1fr 420px;
    }
}

@media (max-width:900px){

    .brandsDirectory__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .brandsDirectory__intro{
        max-width:650px;
    }

    .brandsDirectory__layout{
        grid-template-columns:1fr;
    }

    .brandsDirectory__side{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:auto;
    }

    .brandsDirectory__featuredImage{
        height:360px;
    }
}

@media (max-width:768px){

    .brandsDirectory{
        padding:78px 0;
    }

    .brandsDirectory__side{
        grid-template-columns:1fr;
    }

    .brandsDirectory__bottom{
        grid-template-columns:auto 1fr;
    }

    .brandsDirectory__button{
        grid-column:1 / -1;
        width:100%;
    }
}

@media (max-width:576px){

    .brandsDirectory{
        padding:68px 0;
    }

    .brandsDirectory__head{
        margin-bottom:34px;
    }

    .brandsDirectory__title{
        font-size:clamp(29px,8vw,36px);
    }

    .brandsDirectory__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .brandsDirectory__group{
        padding:24px 20px;
        border-radius:16px;
    }

    .brandsDirectory__groupHead{
        grid-template-columns:48px minmax(0,1fr);
        gap:14px;
    }

    .brandsDirectory__groupIcon{
        width:48px;
        height:48px;
    }

    .brandsDirectory__groupHead h3{
        font-size:21px;
    }

    .brandsDirectory__featuredImage{
        height:270px;
        border-radius:12px;
    }

    .brandsDirectory__brandGrid,
    .brandsDirectory__compactGrid{
        grid-template-columns:1fr;
    }

    .brandsDirectory__groupBottom{
        align-items:flex-start;
        flex-direction:column;
    }

    .brandsDirectory__bottom{
        padding:21px 18px;
        grid-template-columns:1fr;
    }
}







/* =========================
   03. REPAIR SERVICE MENU
========================= */
.brandsServices{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(227,197,109,.055),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 80%,
            rgba(227,197,109,.04),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.brandsServices__container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   03. HEAD
========================= */
.brandsServices__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.brandsServices__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.brandsServices__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.brandsServices__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.brandsServices__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   03. SERVICE LIST
========================= */
.brandsServices__list{
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* =========================
   03. SERVICE ITEM
========================= */
.brandsServices__item{
    min-height:370px;
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.045),
            transparent 33%
        ),
        rgba(255,255,255,.013);
    box-shadow:0 26px 70px rgba(0,0,0,.18);
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.brandsServices__item:hover{
    transform:translateY(-4px);
    border-color:rgba(227,197,109,.18);
    box-shadow:0 32px 80px rgba(0,0,0,.28);
}

.brandsServices__item--reverse .brandsServices__image{
    order:2;
}

.brandsServices__item--reverse .brandsServices__content{
    order:1;
}

/* =========================
   03. IMAGE
========================= */
.brandsServices__image{
    position:relative;
    min-height:370px;
    overflow:hidden;
    background:#111;
}

.brandsServices__image img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.brandsServices__item:hover .brandsServices__image img{
    transform:scale(1.04);
}

.brandsServices__imageOverlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.01) 50%,*/
    /*        rgba(0,0,0,.46) 100%*/
    /*    );*/
}

.brandsServices__number{
    position:absolute;
    top:20px;
    left:20px;
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:10px;
    color:#e3c56d;
    background:rgba(8,8,8,.72);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1;
    font-weight:700;
}

/* =========================
   03. CONTENT
========================= */
.brandsServices__content{
    padding:38px 34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.brandsServices__label{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.brandsServices__content h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}

.brandsServices__content > p{
    max-width:570px;
    margin:16px 0 0;
    color:rgba(245,242,233,.57);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   03. BRAND CHIPS
========================= */
.brandsServices__brands{
    margin-top:23px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.brandsServices__brands span{
    min-height:34px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:7px;
    color:rgba(245,242,233,.64);
    background:rgba(227,197,109,.025);
    font-size:16px;
    line-height:1.3;
    font-weight:500;
}

/* =========================
   03. LINK
========================= */
.brandsServices__link{
    margin-top:26px;
    padding-top:19px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:color .25s ease;
}

.brandsServices__link svg{
    width:18px;
    height:18px;
    flex:0 0 auto;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}

.brandsServices__link:hover{
    color:#e3c56d;
}

.brandsServices__link:hover svg{
    transform:translateX(4px);
}

/* =========================
   03. BOTTOM CTA
========================= */
.brandsServices__bottom{
    margin-top:24px;
    padding:24px 27px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    border:1px solid rgba(227,197,109,.13);
    border-radius:14px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.012)
        );
}

.brandsServices__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.brandsServices__bottom strong{
    display:block;
    max-width:800px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.5;
    font-weight:600;
}

.brandsServices__button{
    min-height:50px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    flex:0 0 auto;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.brandsServices__button:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(227,197,109,.18);
}

.brandsServices__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   03. RESPONSIVE
========================= */
@media (max-width:1100px){

    .brandsServices{
        padding:95px 0;
    }

    .brandsServices__head{
        gap:50px;
    }

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

@media (max-width:900px){

    .brandsServices__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .brandsServices__intro{
        max-width:650px;
    }

    .brandsServices__item{
        grid-template-columns:1fr;
    }

    .brandsServices__item--reverse .brandsServices__image,
    .brandsServices__item--reverse .brandsServices__content{
        order:initial;
    }

    .brandsServices__image{
        min-height:410px;
    }
}

@media (max-width:768px){

    .brandsServices{
        padding:78px 0;
    }

    .brandsServices__bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:576px){

    .brandsServices{
        padding:68px 0;
    }

    .brandsServices__head{
        margin-bottom:34px;
    }

    .brandsServices__title{
        font-size:clamp(29px,8vw,36px);
    }

    .brandsServices__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .brandsServices__item{
        border-radius:16px;
    }

    .brandsServices__image{
        min-height:285px;
    }

    .brandsServices__content{
        padding:26px 20px;
    }

    .brandsServices__content h3{
        font-size:24px;
    }

    .brandsServices__content > p{
        font-size:16px;
    }

    .brandsServices__bottom{
        padding:21px 20px;
    }

    .brandsServices__button{
        width:100%;
    }
}







/* =========================
   04. SPECIALTY / BOUTIQUE / COMMERCIAL APPLIANCES
========================= */
.brandsSpecialty{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(227,197,109,.06),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 80%,
            rgba(227,197,109,.04),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.brandsSpecialty__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   04. GLOWS
========================= */
.brandsSpecialty__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.brandsSpecialty__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:70px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.brandsSpecialty__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   04. HEAD
========================= */
.brandsSpecialty__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.brandsSpecialty__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.brandsSpecialty__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.brandsSpecialty__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.brandsSpecialty__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   04. LAYOUT
========================= */
.brandsSpecialty__layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.06fr)
        minmax(420px,.94fr);
    gap:22px;
    align-items:stretch;
}

.brandsSpecialty__side{
    display:grid;
    grid-template-rows:repeat(2,1fr);
    gap:22px;
}

/* =========================
   04. FEATURED CARD
========================= */
.brandsSpecialty__featured{
    overflow:hidden;
    border:1px solid rgba(227,197,109,.14);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 100%,
            rgba(227,197,109,.055),
            transparent 34%
        ),
        rgba(255,255,255,.014);
    box-shadow:0 28px 75px rgba(0,0,0,.2);
}

.brandsSpecialty__featuredImage{
    position:relative;
    height:410px;
    overflow:hidden;
    background:#111;
}

.brandsSpecialty__featuredImage img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.brandsSpecialty__featured:hover
.brandsSpecialty__featuredImage img{
    transform:scale(1.04);
}

.brandsSpecialty__overlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.02) 35%,*/
    /*        rgba(0,0,0,.75) 100%*/
    /*    );*/
}

/* NUMBER */
.brandsSpecialty__number{
    position:absolute;
    z-index:2;
    top:18px;
    left:18px;
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:10px;
    color:#e3c56d;
    background:rgba(8,8,8,.72);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1;
    font-weight:700;
}

/* PHOTO CONTENT */
.brandsSpecialty__photoContent{
    position:absolute;
    z-index:2;
    left:27px;
    right:27px;
    bottom:27px;
}

.brandsSpecialty__photoContent > span{
    display:block;
    margin-bottom:10px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.brandsSpecialty__photoContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:30px;
    line-height:1.17;
    font-weight:600;
    letter-spacing:-.027em;
}

.brandsSpecialty__photoContent h3 strong{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

/* =========================
   04. FEATURED CONTENT
========================= */
.brandsSpecialty__featuredContent{
    padding:28px 27px;
}

.brandsSpecialty__featuredContent > p{
    max-width:680px;
    margin:0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.7;
}

/* SERVICES */
.brandsSpecialty__serviceGrid{
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.brandsSpecialty__serviceGrid a{
    min-height:78px;
    padding:14px 15px;
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    gap:10px;
    align-items:start;
    border:1px solid rgba(255,255,255,.07);
    border-radius:9px;
    background:rgba(255,255,255,.012);
    text-decoration:none;
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.brandsSpecialty__serviceGrid a:hover{
    transform:translateY(-2px);
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.03);
}

.brandsSpecialty__serviceGrid a > span{
    color:#e3c56d;
    font-size:16px;
    line-height:1.5;
    font-weight:700;
}

.brandsSpecialty__serviceGrid strong{
    display:block;
    margin-bottom:4px;
    color:#ebe7de;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.brandsSpecialty__serviceGrid small{
    color:rgba(245,242,233,.45);
    font-size:16px;
    line-height:1.4;
}

/* TEXT LINK */
.brandsSpecialty__textLink{
    margin-top:23px;
    padding-top:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
}

.brandsSpecialty__textLink:hover{
    color:#e3c56d;
}

.brandsSpecialty__textLink svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}

.brandsSpecialty__textLink:hover svg{
    transform:translateX(4px);
}

/* =========================
   04. SIDE CARDS
========================= */
.brandsSpecialty__card{
    display:grid;
    grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.045),
            transparent 34%
        ),
        rgba(255,255,255,.013);
    transition:
        transform .3s ease,
        border-color .3s ease;
}

.brandsSpecialty__card:hover{
    transform:translateY(-4px);
    border-color:rgba(227,197,109,.18);
}

/* SIDE IMAGE */
.brandsSpecialty__cardImage{
    position:relative;
    min-height:100%;
    overflow:hidden;
    background:#111;
}

.brandsSpecialty__cardImage img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .6s ease;
}

.brandsSpecialty__card:hover
.brandsSpecialty__cardImage img{
    transform:scale(1.045);
}

/* SIDE CONTENT */
.brandsSpecialty__cardContent{
    padding:26px 23px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.brandsSpecialty__label{
    display:block;
    margin-bottom:10px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.brandsSpecialty__cardContent h3{
    margin:0;
    color:#f1eee5;
    font-size:21px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}

.brandsSpecialty__cardContent > p{
    margin:11px 0 0;
    color:rgba(245,242,233,.52);
    font-size:16px;
    line-height:1.6;
}

/* CHIPS */
.brandsSpecialty__chips{
    margin-top:15px;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.brandsSpecialty__chips span{
    padding:6px 9px;
    border:1px solid rgba(227,197,109,.11);
    border-radius:6px;
    color:rgba(245,242,233,.61);
    background:rgba(227,197,109,.02);
    font-size:16px;
    line-height:1.3;
}

/* SIDE LINK */
.brandsSpecialty__cardContent > a{
    margin-top:17px;
    padding-top:15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border-top:1px solid rgba(255,255,255,.07);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
}

.brandsSpecialty__cardContent > a:hover{
    color:#e3c56d;
}

.brandsSpecialty__cardContent > a svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   04. BOTTOM CTA
========================= */
.brandsSpecialty__bottom{
    margin-top:22px;
    padding:24px 27px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:20px;
    align-items:center;
    border:1px solid rgba(227,197,109,.13);
    border-radius:14px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.012)
        );
}

.brandsSpecialty__bottomIcon{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.19);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}

.brandsSpecialty__bottomIcon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.brandsSpecialty__bottomText span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.brandsSpecialty__bottomText strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.brandsSpecialty__button{
    min-height:50px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.brandsSpecialty__button:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(227,197,109,.18);
}

.brandsSpecialty__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   04. RESPONSIVE
========================= */
@media (max-width:1100px){

    .brandsSpecialty{
        padding:95px 0;
    }

    .brandsSpecialty__head{
        gap:50px;
    }

    .brandsSpecialty__layout{
        grid-template-columns:1fr 430px;
    }

    .brandsSpecialty__card{
        grid-template-columns:150px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .brandsSpecialty__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .brandsSpecialty__intro{
        max-width:650px;
    }

    .brandsSpecialty__layout{
        grid-template-columns:1fr;
    }

    .brandsSpecialty__side{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:auto;
    }

    .brandsSpecialty__card{
        grid-template-columns:1fr;
    }

    .brandsSpecialty__cardImage{
        min-height:260px;
    }
}

@media (max-width:768px){

    .brandsSpecialty{
        padding:78px 0;
    }

    .brandsSpecialty__side{
        grid-template-columns:1fr;
    }

    .brandsSpecialty__bottom{
        grid-template-columns:auto minmax(0,1fr);
    }

    .brandsSpecialty__button{
        grid-column:1 / -1;
        width:100%;
    }
}

@media (max-width:576px){

    .brandsSpecialty{
        padding:68px 0;
    }

    .brandsSpecialty__head{
        margin-bottom:34px;
    }

    .brandsSpecialty__title{
        font-size:clamp(29px,8vw,36px);
    }

    .brandsSpecialty__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .brandsSpecialty__featured{
        border-radius:16px;
    }

    .brandsSpecialty__featuredImage{
        height:320px;
    }

    .brandsSpecialty__photoContent{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .brandsSpecialty__photoContent h3{
        font-size:25px;
    }

    .brandsSpecialty__featuredContent{
        padding:24px 20px;
    }

    .brandsSpecialty__serviceGrid{
        grid-template-columns:1fr;
    }

    .brandsSpecialty__card{
        border-radius:16px;
    }

    .brandsSpecialty__cardImage{
        min-height:240px;
    }

    .brandsSpecialty__cardContent{
        padding:24px 20px;
    }

    .brandsSpecialty__bottom{
        padding:21px 18px;
        grid-template-columns:1fr;
    }
}







/* =========================
   05. WHY CHOOSE US FOR APPLIANCE BRAND SERVICE
========================= */
.brandsWhy{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 10% 24%,
            rgba(227,197,109,.06),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.brandsWhy__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   05. GLOWS
========================= */
.brandsWhy__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.brandsWhy__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.brandsWhy__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   05. HEAD
========================= */
.brandsWhy__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.brandsWhy__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.brandsWhy__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.brandsWhy__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.brandsWhy__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   05. MAIN LAYOUT
========================= */
.brandsWhy__layout{
    display:grid;
    grid-template-columns:
        minmax(350px,.7fr)
        minmax(0,1.3fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   05. STATEMENT
========================= */
.brandsWhy__statement{
    padding:38px 34px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.075),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.brandsWhy__statementLabel{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.brandsWhy__statement h3{
    margin:0;
    color:#f3f0e7;
    font-size:31px;
    line-height:1.17;
    font-weight:600;
    letter-spacing:-.03em;
}

.brandsWhy__statement h3 span{
    display:block;
    margin-top:6px;
    color:#aaa69c;
    font-weight:500;
}

.brandsWhy__statement > p{
    margin:21px 0 0;
    color:rgba(245,242,233,.61);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   05. QUOTE
========================= */
.brandsWhy__quote{
    position:relative;
    margin-top:30px;
    padding:22px 20px 22px 51px;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.brandsWhy__quoteMark{
    position:absolute;
    top:14px;
    left:0;
    color:#e3c56d;
    font-family:Overlock,Arial,sans-serif;
    font-size:48px;
    line-height:1;
    opacity:.8;
}

.brandsWhy__quote p{
    margin:0;
    color:#d5d1c7;
    font-size:15px;
    line-height:1.7;
    font-style:italic;
}

/* =========================
   05. BUTTON
========================= */
.brandsWhy__button{
    width:max-content;
    min-height:52px;
    margin-top:auto;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.brandsWhy__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.2);
}

.brandsWhy__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   05. CARDS
========================= */
.brandsWhy__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.brandsWhy__card{
    position:relative;
    min-height:245px;
    padding:27px 25px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.05),
            transparent 35%
        ),
        rgba(255,255,255,.014);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.brandsWhy__card::after{
    content:"";
    position:absolute;
    left:25px;
    right:25px;
    bottom:24px;
    height:1px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.35),
            rgba(227,197,109,.04)
        );
}

.brandsWhy__card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.2);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.08),
            transparent 38%
        ),
        rgba(255,255,255,.02);
}

.brandsWhy__cardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.brandsWhy__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}

.brandsWhy__icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.19);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}

.brandsWhy__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.brandsWhy__card h3{
    margin:31px 0 0;
    color:#f2efe6;
    font-size:21px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}

.brandsWhy__card p{
    max-width:330px;
    margin:10px 0 35px;
    color:rgba(245,242,233,.55);
    font-size:16px;
    line-height:1.65;
}

/* =========================
   05. BOTTOM STRIP
========================= */
.brandsWhy__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:26px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.brandsWhy__bottomItem{
    text-align:center;
}

.brandsWhy__bottomItem span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.brandsWhy__bottomItem strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.brandsWhy__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   05. RESPONSIVE
========================= */
@media (max-width:1100px){

    .brandsWhy{
        padding:95px 0;
    }

    .brandsWhy__head{
        gap:50px;
    }

    .brandsWhy__layout{
        grid-template-columns:350px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .brandsWhy__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .brandsWhy__intro{
        max-width:650px;
    }

    .brandsWhy__layout{
        grid-template-columns:1fr;
    }

    .brandsWhy__button{
        margin-top:30px;
    }
}

@media (max-width:768px){

    .brandsWhy{
        padding:78px 0;
    }

    .brandsWhy__grid{
        grid-template-columns:1fr;
    }

    .brandsWhy__bottom{
        grid-template-columns:1fr;
    }

    .brandsWhy__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .brandsWhy{
        padding:68px 0;
    }

    .brandsWhy__head{
        margin-bottom:34px;
    }

    .brandsWhy__title{
        font-size:clamp(29px,8vw,36px);
    }

    .brandsWhy__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .brandsWhy__statement{
        padding:27px 20px;
        border-radius:16px;
    }

    .brandsWhy__statement h3{
        font-size:26px;
    }

    .brandsWhy__button{
        width:100%;
    }

    .brandsWhy__card{
        min-height:225px;
        padding:23px 20px;
    }

    .brandsWhy__card::after{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .brandsWhy__card h3{
        margin-top:26px;
        font-size:20px;
    }

    .brandsWhy__bottom{
        padding:21px 18px;
    }
}







/* =========================
   06. HOW APPLIANCE BRAND SERVICE WORKS
========================= */
.brandsProcess{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 24%,
            rgba(227,197,109,.06),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 80%,
            rgba(227,197,109,.04),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.brandsProcess__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   06. GLOWS
========================= */
.brandsProcess__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.brandsProcess__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:70px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.brandsProcess__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   06. HEAD
========================= */
.brandsProcess__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.brandsProcess__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.brandsProcess__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.brandsProcess__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.brandsProcess__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   06. MAIN LAYOUT
========================= */
.brandsProcess__layout{
    display:grid;
    grid-template-columns:
        minmax(410px,.9fr)
        minmax(0,1.1fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   06. LEFT CONTENT
========================= */
.brandsProcess__content{
    padding:36px 32px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.065),
            transparent 34%
        ),
        rgba(255,255,255,.014);
}

.brandsProcess__label{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.brandsProcess__contentHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:30px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.028em;
}

.brandsProcess__contentHead h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.brandsProcess__contentHead p{
    margin:18px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   06. STEPS
========================= */
.brandsProcess__steps{
    position:relative;
    margin-top:30px;
    border-top:1px solid rgba(255,255,255,.08);
}

.brandsProcess__step{
    position:relative;
    padding:21px 0;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.brandsProcess__stepNumber{
    padding-top:13px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.brandsProcess__stepBody{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:15px;
    align-items:start;
}

.brandsProcess__stepIcon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.04);
}

.brandsProcess__stepIcon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.brandsProcess__stepBody h4{
    margin:2px 0 0;
    color:#f0ede4;
    font-size:17px;
    line-height:1.35;
    font-weight:600;
}

.brandsProcess__stepBody p{
    margin:7px 0 0;
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   06. BUTTON
========================= */
.brandsProcess__button{
    min-height:52px;
    margin-top:28px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.brandsProcess__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.brandsProcess__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   06. VISUAL
========================= */
.brandsProcess__visual{
    position:relative;
    min-height:730px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.27);
}

.brandsProcess__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.brandsProcess__visual:hover img{
    transform:scale(1.035);
}

.brandsProcess__overlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.03) 20%,*/
    /*        rgba(0,0,0,.12) 48%,*/
    /*        rgba(0,0,0,.9) 100%*/
    /*    );*/
}

/* TOP BADGE */
.brandsProcess__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    right:22px;
}

.brandsProcess__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(8,8,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

/* VISUAL CONTENT */
.brandsProcess__visualContent{
    position:absolute;
    z-index:3;
    left:30px;
    right:30px;
    bottom:125px;
    max-width:560px;
}

.brandsProcess__visualLabel{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.brandsProcess__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(29px,2.5vw,40px);
    line-height:1.13;
    font-weight:600;
    letter-spacing:-.03em;
}

.brandsProcess__visualContent h3 strong{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.brandsProcess__visualContent p{
    max-width:520px;
    margin:16px 0 0;
    color:rgba(245,242,233,.67);
    font-size:15px;
    line-height:1.68;
}

/* =========================
   06. VISUAL BOTTOM
========================= */
.brandsProcess__visualBottom{
    position:absolute;
    z-index:3;
    left:22px;
    right:22px;
    bottom:22px;
    padding:16px 18px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;
    gap:12px;
    align-items:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(8,8,8,.8);
    backdrop-filter:blur(14px);
}

.brandsProcess__visualBottom > div{
    text-align:center;
}

.brandsProcess__visualBottom div > span{
    display:block;
    margin-bottom:4px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.brandsProcess__visualBottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.brandsProcess__divider{
    width:1px;
    height:34px;
    background:rgba(227,197,109,.15);
}

/* =========================
   06. RESPONSIVE
========================= */
@media (max-width:1100px){

    .brandsProcess{
        padding:95px 0;
    }

    .brandsProcess__head{
        gap:50px;
    }

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

@media (max-width:900px){

    .brandsProcess__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .brandsProcess__intro{
        max-width:650px;
    }

    .brandsProcess__layout{
        grid-template-columns:1fr;
    }

    .brandsProcess__visual{
        min-height:600px;
    }
}

@media (max-width:768px){

    .brandsProcess{
        padding:78px 0;
    }
}

@media (max-width:576px){

    .brandsProcess{
        padding:68px 0;
    }

    .brandsProcess__head{
        margin-bottom:34px;
    }

    .brandsProcess__title{
        font-size:clamp(29px,8vw,36px);
    }

    .brandsProcess__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .brandsProcess__content{
        padding:25px 20px;
        border-radius:16px;
    }

    .brandsProcess__contentHead h3{
        font-size:26px;
    }

    .brandsProcess__step{
        grid-template-columns:28px minmax(0,1fr);
        gap:10px;
    }

    .brandsProcess__stepBody{
        grid-template-columns:44px minmax(0,1fr);
        gap:12px;
    }

    .brandsProcess__stepIcon{
        width:44px;
        height:44px;
    }

    .brandsProcess__button{
        width:100%;
    }

    .brandsProcess__visual{
        min-height:570px;
        border-radius:16px;
    }

    .brandsProcess__visualTop{
        top:15px;
        right:15px;
    }

    .brandsProcess__visualContent{
        left:20px;
        right:20px;
        bottom:155px;
    }

    .brandsProcess__visualContent h3{
        font-size:27px;
    }

    .brandsProcess__visualBottom{
        left:15px;
        right:15px;
        bottom:15px;
        grid-template-columns:repeat(2,1fr);
    }

    .brandsProcess__divider{
        display:none;
    }
}








/* =========================
   07. BRANDS FAQ
========================= */
.brandsFaq{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 25%,
            rgba(227,197,109,.06),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.brandsFaq__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   07. GLOWS
========================= */
.brandsFaq__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.brandsFaq__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.brandsFaq__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   07. HEAD
========================= */
.brandsFaq__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.brandsFaq__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.brandsFaq__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.brandsFaq__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.brandsFaq__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   07. LAYOUT
========================= */
.brandsFaq__layout{
    display:grid;
    grid-template-columns:
        minmax(340px,.65fr)
        minmax(0,1.35fr);
    gap:24px;
    align-items:start;
}

/* =========================
   07. ASIDE
========================= */
.brandsFaq__aside{
    position:sticky;
    top:120px;
    padding:35px 31px;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.07),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.brandsFaq__asideLabel{
    display:block;
    margin-bottom:15px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.brandsFaq__aside h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.025em;
}

.brandsFaq__aside h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.brandsFaq__aside > p{
    margin:18px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   07. INFO ITEMS
========================= */
.brandsFaq__info{
    margin-top:29px;
    border-top:1px solid rgba(255,255,255,.08);
}

.brandsFaq__infoItem{
    padding:19px 0;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:14px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.brandsFaq__infoIcon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.04);
}

.brandsFaq__infoIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.brandsFaq__infoItem strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.brandsFaq__infoItem div > span{
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.45;
}

/* =========================
   07. BUTTON
========================= */
.brandsFaq__button{
    width:100%;
    min-height:52px;
    margin-top:27px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.brandsFaq__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.2);
}

.brandsFaq__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   07. ACCORDION
========================= */
.brandsFaq__accordion{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.brandsFaq__item{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.035),
            transparent 32%
        ),
        rgba(255,255,255,.012);
    transition:
        border-color .25s ease,
        background .25s ease;
}

.brandsFaq__item:hover,
.brandsFaq__item.is-open{
    border-color:rgba(227,197,109,.18);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.055),
            transparent 35%
        ),
        rgba(255,255,255,.016);
}

/* =========================
   07. QUESTION
========================= */
.brandsFaq__question{
    width:100%;
    min-height:92px;
    padding:0 24px;
    display:grid;
    grid-template-columns:50px minmax(0,1fr) 42px;
    gap:20px;
    align-items:center;
    border:0;
    outline:0;
    cursor:pointer;
    text-align:left;
    color:inherit;
    background:transparent;
}

.brandsFaq__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}

.brandsFaq__questionText{
    color:#f1eee5;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
}

/* =========================
   07. TOGGLE
========================= */
.brandsFaq__toggle{
    position:relative;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.16);
    border-radius:10px;
    background:rgba(227,197,109,.035);
}

.brandsFaq__toggle span{
    position:absolute;
    width:14px;
    height:1px;
    background:#e3c56d;
    transition:transform .28s ease;
}

.brandsFaq__toggle span:last-child{
    transform:rotate(90deg);
}

.brandsFaq__item.is-open
.brandsFaq__toggle span:last-child{
    transform:rotate(0deg);
}

/* =========================
   07. ANSWER
========================= */
.brandsFaq__answer{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .35s ease;
}

.brandsFaq__item.is-open
.brandsFaq__answer{
    grid-template-rows:1fr;
}

.brandsFaq__answerInner{
    overflow:hidden;
}

.brandsFaq__answerInner p{
    margin:0;
    padding:0 78px 26px 94px;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   07. RESPONSIVE
========================= */
@media (max-width:1100px){

    .brandsFaq{
        padding:95px 0;
    }

    .brandsFaq__head{
        gap:50px;
    }

    .brandsFaq__layout{
        grid-template-columns:340px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .brandsFaq__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .brandsFaq__intro{
        max-width:650px;
    }

    .brandsFaq__layout{
        grid-template-columns:1fr;
    }

    .brandsFaq__aside{
        position:relative;
        top:auto;
    }
}

@media (max-width:768px){

    .brandsFaq{
        padding:78px 0;
    }

    .brandsFaq__question{
        min-height:84px;
    }

    .brandsFaq__questionText{
        font-size:17px;
    }

    .brandsFaq__answerInner p{
        padding-left:94px;
        padding-right:24px;
    }
}

@media (max-width:576px){

    .brandsFaq{
        padding:68px 0;
    }

    .brandsFaq__head{
        margin-bottom:34px;
    }

    .brandsFaq__title{
        font-size:clamp(29px,8vw,36px);
    }

    .brandsFaq__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .brandsFaq__aside{
        padding:26px 20px;
        border-radius:16px;
    }

    .brandsFaq__aside h3{
        font-size:25px;
    }

    .brandsFaq__question{
        min-height:80px;
        padding:0 17px;
        grid-template-columns:31px minmax(0,1fr) 38px;
        gap:11px;
    }

    .brandsFaq__questionText{
        font-size:15px;
        line-height:1.45;
    }

    .brandsFaq__toggle{
        width:38px;
        height:38px;
    }

    .brandsFaq__answerInner p{
        padding:0 18px 22px 59px;
        font-size:16px;
        line-height:1.68;
    }
}







/* =========================
   08. BRANDS BOOKING / SCHEDULE SERVICE
========================= */
.brandsBooking{
    position:relative;
    overflow:hidden;
    padding:110px 0 95px;
    background:
        radial-gradient(circle at 10% 25%,rgba(227,197,109,.065),transparent 25%),
        radial-gradient(circle at 92% 78%,rgba(227,197,109,.045),transparent 24%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.brandsBooking__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   08. GLOWS
========================= */
.brandsBooking__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.brandsBooking__glow--left{
    width:540px;
    height:540px;
    left:-300px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.06),
            transparent 70%
        );
}

.brandsBooking__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-170px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   08. HEAD
========================= */
.brandsBooking__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.brandsBooking__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.brandsBooking__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.brandsBooking__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.brandsBooking__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   08. LAYOUT
========================= */
.brandsBooking__layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.05fr)
        minmax(430px,.95fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   08. VISUAL
========================= */
.brandsBooking__visual{
    position:relative;
    min-height:720px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.16);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.brandsBooking__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.brandsBooking__visual:hover img{
    transform:scale(1.035);
}

.brandsBooking__overlay{
    position:absolute;
    inset:0;
    background: rgba(0,0,0,0.1)
}

/* TOP BADGE */
.brandsBooking__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    left:22px;
}

.brandsBooking__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(9,9,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

/* VISUAL CONTENT */
.brandsBooking__visualContent{
    position:absolute;
    z-index:3;
    left:32px;
    right:32px;
    bottom:155px;
    max-width:570px;
}

.brandsBooking__visualLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.brandsBooking__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.12;
    font-weight:600;
    letter-spacing:-.03em;
}

.brandsBooking__visualContent h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.brandsBooking__visualContent p{
    max-width:520px;
    margin:18px 0 0;
    color:rgba(245,242,233,.7);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   08. FEATURES
========================= */
.brandsBooking__features{
    position:absolute;
    z-index:3;
    left:24px;
    right:24px;
    bottom:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.brandsBooking__feature{
    padding:16px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:13px;
    align-items:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(9,9,8,.78);
    backdrop-filter:blur(14px);
}

.brandsBooking__featureIcon{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:10px;
    background:rgba(227,197,109,.04);
}

.brandsBooking__featureIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.brandsBooking__feature strong{
    display:block;
    margin-bottom:4px;
    color:#f1eee5;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.brandsBooking__feature div > span{
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.4;
}

/* =========================
   08. FORM WRAP
========================= */
.brandsBooking__formWrap{
    padding:34px 31px 28px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.065),
            transparent 34%
        ),
        rgba(255,255,255,.016);
    box-shadow:0 30px 80px rgba(0,0,0,.18);
}

.brandsBooking__formHead{
    margin-bottom:24px;
}

.brandsBooking__formHead > span{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.brandsBooking__formHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:28px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}

.brandsBooking__formHead p{
    margin:13px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.65;
}

/* EMBEDDED FORM */
.brandsBooking__form{
    flex:1;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:#fff;
}

.brandsBooking__form iframe{
    display:block;
    width:100%;
    min-height:520px !important;
    border:0;
}

/* =========================
   08. FORM BOTTOM
========================= */
.brandsBooking__formBottom{
    margin-top:20px;
    padding-top:20px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
}

.brandsBooking__formBottom > div + div{
    padding-left:20px;
    border-left:1px solid rgba(227,197,109,.13);
}

.brandsBooking__formBottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
}

.brandsBooking__formBottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

/* =========================
   08. RESPONSIVE
========================= */
@media (max-width:1100px){

    .brandsBooking{
        padding:95px 0 85px;
    }

    .brandsBooking__head{
        gap:50px;
    }

    .brandsBooking__layout{
        grid-template-columns:minmax(0,1fr) 430px;
    }
}

@media (max-width:900px){

    .brandsBooking__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .brandsBooking__intro{
        max-width:650px;
    }

    .brandsBooking__layout{
        grid-template-columns:1fr;
    }

    .brandsBooking__visual{
        min-height:620px;
    }
}

@media (max-width:768px){

    .brandsBooking{
        padding:78px 0 70px;
    }
}

@media (max-width:576px){

    .brandsBooking{
        padding:68px 0 60px;
    }

    .brandsBooking__head{
        margin-bottom:34px;
    }

    .brandsBooking__title{
        font-size:clamp(29px,8vw,36px);
    }

    .brandsBooking__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .brandsBooking__visual{
        min-height:650px;
        border-radius:16px;
    }

    .brandsBooking__visualTop{
        top:15px;
        left:15px;
    }

    .brandsBooking__visualTop span{
        padding:9px 11px;
        font-size:16px;
    }

    .brandsBooking__visualContent{
        left:20px;
        right:20px;
        bottom:205px;
    }

    .brandsBooking__visualContent h3{
        font-size:28px;
    }

    .brandsBooking__visualContent p{
        font-size:16px;
        line-height:1.65;
    }

    .brandsBooking__features{
        left:15px;
        right:15px;
        bottom:15px;
        grid-template-columns:1fr;
    }

    .brandsBooking__feature{
        padding:13px;
    }

    .brandsBooking__formWrap{
        padding:25px 20px;
        border-radius:16px;
    }

    .brandsBooking__formHead h3{
        font-size:24px;
    }

    .brandsBooking__formHead p{
        font-size:16px;
    }

    .brandsBooking__form iframe{
        min-height:500px !important;
    }

    .brandsBooking__formBottom{
        grid-template-columns:1fr;
    }

    .brandsBooking__formBottom > div + div{
        padding-left:0;
        padding-top:15px;
        border-left:0;
        border-top:1px solid rgba(227,197,109,.13);
    }
}






/* =========================
   09. DON'T SEE YOUR APPLIANCE BRAND
========================= */
.brandsFinal{
    position:relative;
    overflow:hidden;
    padding:105px 0 95px;
    background:
        radial-gradient(
            circle at 8% 30%,
            rgba(227,197,109,.065),
            transparent 25%
        ),
        radial-gradient(
            circle at 94% 65%,
            rgba(227,197,109,.045),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #080808 100%
        );
}

.brandsFinal__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   09. GLOWS
========================= */
.brandsFinal__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.brandsFinal__glow--left{
    width:560px;
    height:560px;
    left:-320px;
    top:20px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.06),
            transparent 70%
        );
}

.brandsFinal__glow--right{
    width:520px;
    height:520px;
    right:-290px;
    bottom:-200px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   09. MAIN
========================= */
.brandsFinal__main{
    display:grid;
    grid-template-columns:
        minmax(0,.85fr)
        minmax(500px,1.15fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   09. LEFT CONTENT
========================= */
.brandsFinal__content{
    padding:43px 38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.08),
            transparent 38%
        ),
        rgba(255,255,255,.014);
}

.brandsFinal__eyebrow{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.brandsFinal__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.5vw,52px);
    line-height:1.07;
    font-weight:620;
    letter-spacing:-.038em;
}

.brandsFinal__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.brandsFinal__text{
    max-width:650px;
    margin:20px 0 0;
    color:rgba(245,242,233,.61);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   09. ACTIONS
========================= */
.brandsFinal__actions{
    margin-top:30px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
}

.brandsFinal__button{
    min-height:52px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.13);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.brandsFinal__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.22);
}

.brandsFinal__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.brandsFinal__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.32);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:
        color .25s ease,
        border-color .25s ease;
}

.brandsFinal__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   09. RIGHT DETAILS
========================= */
.brandsFinal__details{
    padding:35px 32px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.055),
            transparent 34%
        ),
        rgba(255,255,255,.013);
}

.brandsFinal__detailsHead{
    padding-bottom:24px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.brandsFinal__detailsHead > span{
    display:block;
    margin-bottom:9px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.brandsFinal__detailsHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:27px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.025em;
}

/* =========================
   09. DETAIL ITEMS
========================= */
.brandsFinal__items{
    display:flex;
    flex-direction:column;
}

.brandsFinal__item{
    padding:23px 0;
    display:grid;
    grid-template-columns:
        34px
        50px
        minmax(0,1fr);
    gap:15px;
    align-items:start;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.brandsFinal__item:last-child{
    border-bottom:0;
    padding-bottom:0;
}

.brandsFinal__number{
    padding-top:16px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.brandsFinal__icon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(227,197,109,.04);
}

.brandsFinal__icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.brandsFinal__item strong{
    display:block;
    margin:4px 0 6px;
    color:#f0ede4;
    font-size:17px;
    line-height:1.4;
    font-weight:600;
}

.brandsFinal__item p{
    max-width:570px;
    margin:0;
    color:rgba(245,242,233,.51);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   09. BOTTOM STRIP
========================= */
.brandsFinal__strip{
    margin-top:24px;
    padding:23px 26px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;
    gap:22px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.011)
        );
}

.brandsFinal__stripItem{
    text-align:center;
}

.brandsFinal__stripItem span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.brandsFinal__stripItem strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.brandsFinal__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   09. RESPONSIVE
========================= */
@media (max-width:1100px){

    .brandsFinal{
        padding:95px 0 85px;
    }

    .brandsFinal__main{
        grid-template-columns:
            minmax(350px,.8fr)
            minmax(0,1.2fr);
    }
}

@media (max-width:900px){

    .brandsFinal__main{
        grid-template-columns:1fr;
    }

    .brandsFinal__content{
        min-height:420px;
    }

    .brandsFinal__strip{
        grid-template-columns:repeat(2,1fr);
    }

    .brandsFinal__divider{
        display:none;
    }
}

@media (max-width:768px){

    .brandsFinal{
        padding:78px 0 70px;
    }
}

@media (max-width:576px){

    .brandsFinal{
        padding:68px 0 60px;
    }

    .brandsFinal__content{
        min-height:0;
        padding:29px 20px;
        border-radius:16px;
    }

    .brandsFinal__title{
        font-size:clamp(29px,8vw,36px);
    }

    .brandsFinal__text{
        font-size:16px;
        line-height:1.68;
    }

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

    .brandsFinal__button{
        width:100%;
    }

    .brandsFinal__link{
        width:max-content;
    }

    .brandsFinal__details{
        padding:26px 20px;
        border-radius:16px;
    }

    .brandsFinal__detailsHead h3{
        font-size:23px;
    }

    .brandsFinal__item{
        grid-template-columns:27px 44px minmax(0,1fr);
        gap:11px;
    }

    .brandsFinal__icon{
        width:44px;
        height:44px;
    }

    .brandsFinal__item strong{
        font-size:16px;
    }

    .brandsFinal__strip{
        padding:21px 18px;
        grid-template-columns:1fr;
    }
}




































/* =========================
   01. AGA BRAND HERO
========================= */
.agaHero{
    position:relative;
    overflow:hidden;
    padding:145px 0 95px;
    background:
        radial-gradient(
            circle at 9% 16%,
            rgba(227,197,109,.075),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #080808 0%,
            #0d0d0c 55%,
            #090909 100%
        );
}

.agaHero__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   01. GLOWS
========================= */
.agaHero__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.agaHero__glow--left{
    width:560px;
    height:560px;
    left:-310px;
    top:-140px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.07),
            transparent 70%
        );
}

.agaHero__glow--right{
    width:520px;
    height:520px;
    right:-280px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   01. BREADCRUMB
========================= */
.agaHero__breadcrumb{
    margin-bottom:31px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    color:rgba(245,242,233,.42);
    font-size:16px;
    line-height:1.4;
}

.agaHero__breadcrumb a{
    color:rgba(245,242,233,.6);
    text-decoration:none;
    transition:color .25s ease;
}

.agaHero__breadcrumb a:hover{
    color:#e3c56d;
}

.agaHero__breadcrumb > span:last-child{
    color:#e3c56d;
}

/* =========================
   01. MAIN LAYOUT
========================= */
.agaHero__layout{
    display:grid;
    grid-template-columns:
        minmax(390px,.8fr)
        minmax(0,1.2fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   01. LEFT CONTENT
========================= */
.agaHero__content{
    min-height:630px;
    padding:42px 36px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(227,197,109,.14);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.075),
            transparent 36%
        ),
        rgba(255,255,255,.014);
}

.agaHero__eyebrow{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.agaHero__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(42px,4.1vw,62px);
    line-height:1.04;
    font-weight:620;
    letter-spacing:-.043em;
}

.agaHero__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.agaHero__intro{
    max-width:650px;
    margin:23px 0 0;
    color:rgba(245,242,233,.66);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   01. INFO ITEMS
========================= */
.agaHero__info{
    margin-top:30px;
    border-top:1px solid rgba(255,255,255,.08);
}

.agaHero__infoItem{
    padding:18px 0;
    display:grid;
    grid-template-columns:39px minmax(0,1fr);
    gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.agaHero__infoNumber{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.agaHero__infoItem strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.agaHero__infoItem p{
    margin:0;
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.55;
}

/* =========================
   01. ACTIONS
========================= */
.agaHero__actions{
    margin-top:30px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:21px;
}

.agaHero__button{
    min-height:52px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.13);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.agaHero__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.21);
}

.agaHero__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.agaHero__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.32);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
}

.agaHero__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   01. VISUAL
========================= */
.agaHero__visual{
    position:relative;
    min-height:630px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.27);
}

.agaHero__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.agaHero__visual:hover img{
    transform:scale(1.035);
}

.agaHero__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.03) 28%,
            rgba(0,0,0,.12) 58%,
            rgba(0,0,0,.48) 100%
        );
}

/* VISUAL BADGE */
.agaHero__visualBadge{
    position:absolute;
    z-index:3;
    top:22px;
    right:22px;
    padding:12px 15px;
    border:1px solid rgba(227,197,109,.18);
    border-radius:9px;
    background:rgba(8,8,8,.73);
    backdrop-filter:blur(12px);
}

.agaHero__visualBadge span{
    display:block;
    margin-bottom:4px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
}

.agaHero__visualBadge strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

/* VISUAL CONTENT */
.agaHero__visualContent{
    position:absolute;
    z-index:3;
    left:30px;
    right:30px;
    bottom:31px;
    max-width:570px;
}

.agaHero__visualContent > span{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.agaHero__visualContent h2{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(29px,2.6vw,41px);
    line-height:1.13;
    font-weight:600;
    letter-spacing:-.03em;
}

.agaHero__visualContent h2 strong{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

/* =========================
   01. BOTTOM STRIP
========================= */
.agaHero__bottom{
    margin-top:24px;
    padding:23px 26px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;
    gap:22px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.011)
        );
}

.agaHero__bottomItem{
    text-align:center;
}

.agaHero__bottomItem span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.agaHero__bottomItem strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.agaHero__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   01. RESPONSIVE
========================= */
@media (max-width:1100px){

    .agaHero{
        padding:130px 0 85px;
    }

    .agaHero__layout{
        grid-template-columns:390px minmax(0,1fr);
    }

    .agaHero__title{
        font-size:clamp(39px,4.8vw,54px);
    }
}

@media (max-width:900px){

    .agaHero__layout{
        grid-template-columns:1fr;
    }

    .agaHero__content{
        min-height:auto;
    }

    .agaHero__visual{
        min-height:560px;
    }

    .agaHero__bottom{
        grid-template-columns:repeat(2,1fr);
    }

    .agaHero__divider{
        display:none;
    }
}

@media (max-width:768px){

    .agaHero{
        padding:115px 0 75px;
    }
}

@media (max-width:576px){

    .agaHero{
        padding:105px 0 68px;
    }

    .agaHero__breadcrumb{
        margin-bottom:25px;
    }

    .agaHero__content{
        padding:27px 20px;
        border-radius:16px;
    }

    .agaHero__title{
        font-size:clamp(34px,9vw,43px);
    }

    .agaHero__intro{
        font-size:15px;
        line-height:1.7;
    }

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

    .agaHero__button{
        width:100%;
    }

    .agaHero__link{
        width:max-content;
    }

    .agaHero__visual{
        min-height:480px;
        border-radius:16px;
    }

    .agaHero__visualBadge{
        top:15px;
        right:15px;
    }

    .agaHero__visualContent{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .agaHero__visualContent h2{
        font-size:27px;
    }

    .agaHero__bottom{
        padding:20px 18px;
        grid-template-columns:1fr;
    }
}








/* =========================
   02. AGA APPLIANCE SERVICE OVERVIEW
========================= */
.agaOverview{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 8% 22%,rgba(227,197,109,.055),transparent 24%),
        radial-gradient(circle at 92% 78%,rgba(227,197,109,.04),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.agaOverview__container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   02. HEAD
========================= */
.agaOverview__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.agaOverview__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.agaOverview__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.agaOverview__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.agaOverview__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   02. LAYOUT
========================= */
.agaOverview__layout{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   02. VISUAL
========================= */
.agaOverview__visual{
    position:relative;
    min-height:700px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.26);
}

.agaOverview__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.agaOverview__visual:hover img{
    transform:scale(1.035);
}

.agaOverview__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.03) 18%,
            rgba(0,0,0,.12) 52%,
            rgba(0,0,0,.88) 100%
        );
}

.agaOverview__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    left:22px;
}

.agaOverview__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(8,8,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

.agaOverview__visualContent{
    position:absolute;
    z-index:3;
    left:31px;
    right:31px;
    bottom:30px;
    max-width:590px;
}

.agaOverview__visualLabel{
    display:block;
    margin-bottom:13px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.agaOverview__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(30px,2.6vw,41px);
    line-height:1.13;
    font-weight:600;
    letter-spacing:-.03em;
}

.agaOverview__visualContent h3 strong{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.agaOverview__visualContent p{
    max-width:540px;
    margin:16px 0 0;
    color:rgba(245,242,233,.68);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   02. CONTENT
========================= */
.agaOverview__content{
    padding:35px 31px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(circle at 100% 0%,rgba(227,197,109,.06),transparent 35%),
        rgba(255,255,255,.014);
}

.agaOverview__label{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.agaOverview__content > h3{
    margin:0;
    color:#f3f0e7;
    font-size:30px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.028em;
}

.agaOverview__content > h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.agaOverview__content > p{
    margin:17px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   02. SERVICES
========================= */
.agaOverview__services{
    margin-top:28px;
    border-top:1px solid rgba(255,255,255,.08);
}

.agaOverview__service{
    padding:18px 0;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.agaOverview__service > span{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.agaOverview__service strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.agaOverview__service p{
    margin:0;
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.55;
}

/* =========================
   02. ISSUES
========================= */
.agaOverview__issues{
    margin-top:26px;
}

.agaOverview__issuesTitle{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.agaOverview__issuesGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.agaOverview__issuesGrid span{
    position:relative;
    min-height:42px;
    padding:0 12px 0 28px;
    display:flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.07);
    border-radius:8px;
    color:rgba(245,242,233,.62);
    background:rgba(255,255,255,.01);
    font-size:16px;
    line-height:1.4;
}

.agaOverview__issuesGrid span::before{
    content:"";
    position:absolute;
    left:13px;
    top:50%;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#e3c56d;
    transform:translateY(-50%);
}

/* =========================
   02. BUTTON
========================= */
.agaOverview__button{
    min-height:52px;
    margin-top:27px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.agaOverview__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.agaOverview__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   02. RESPONSIVE
========================= */
@media (max-width:1100px){

    .agaOverview{
        padding:95px 0;
    }

    .agaOverview__head{
        gap:50px;
    }

    .agaOverview__layout{
        grid-template-columns:minmax(0,1fr) 430px;
    }
}

@media (max-width:900px){

    .agaOverview__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .agaOverview__intro{
        max-width:650px;
    }

    .agaOverview__layout{
        grid-template-columns:1fr;
    }

    .agaOverview__visual{
        min-height:580px;
    }
}

@media (max-width:768px){

    .agaOverview{
        padding:78px 0;
    }
}

@media (max-width:576px){

    .agaOverview{
        padding:68px 0;
    }

    .agaOverview__head{
        margin-bottom:34px;
    }

    .agaOverview__title{
        font-size:clamp(29px,8vw,36px);
    }

    .agaOverview__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .agaOverview__visual{
        min-height:480px;
        border-radius:16px;
    }

    .agaOverview__visualTop{
        top:15px;
        left:15px;
    }

    .agaOverview__visualContent{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .agaOverview__visualContent h3{
        font-size:27px;
    }

    .agaOverview__content{
        padding:25px 20px;
        border-radius:16px;
    }

    .agaOverview__content > h3{
        font-size:25px;
    }

    .agaOverview__issuesGrid{
        grid-template-columns:1fr;
    }

    .agaOverview__button{
        width:100%;
    }
}







/* =========================
   03. AGA REPAIR SERVICE MENU
========================= */
.agaServices{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 22%,
            rgba(227,197,109,.055),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 80%,
            rgba(227,197,109,.04),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.agaServices__container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   03. HEAD
========================= */
.agaServices__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.agaServices__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.agaServices__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.agaServices__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.agaServices__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   03. LIST
========================= */
.agaServices__list{
    display:flex;
    flex-direction:column;
    gap:22px;
}

/* =========================
   03. ITEM
========================= */
.agaServices__item{
    min-height:390px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.045),
            transparent 34%
        ),
        rgba(255,255,255,.013);
    box-shadow:0 26px 70px rgba(0,0,0,.18);
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.agaServices__item:hover{
    transform:translateY(-4px);
    border-color:rgba(227,197,109,.18);
    box-shadow:0 32px 80px rgba(0,0,0,.27);
}

.agaServices__item--reverse .agaServices__image{
    order:2;
}

.agaServices__item--reverse .agaServices__content{
    order:1;
}

/* =========================
   03. IMAGE
========================= */
.agaServices__image{
    position:relative;
    min-height:390px;
    overflow:hidden;
    background:#111;
}

.agaServices__image img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.agaServices__item:hover .agaServices__image img{
    transform:scale(1.04);
}

.agaServices__overlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.01) 48%,*/
    /*        rgba(0,0,0,.5) 100%*/
    /*    );*/
}

.agaServices__number{
    position:absolute;
    z-index:2;
    top:20px;
    left:20px;
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.22);
    border-radius:10px;
    color:#e3c56d;
    background:rgba(8,8,8,.72);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1;
    font-weight:700;
}

/* =========================
   03. CONTENT
========================= */
.agaServices__content{
    padding:40px 35px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.agaServices__label{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.agaServices__content h3{
    margin:0;
    color:#f3f0e7;
    font-size:30px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}

.agaServices__content > p{
    max-width:590px;
    margin:16px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   03. DETAILS GRID
========================= */
.agaServices__details{
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.agaServices__details > div{
    min-height:52px;
    padding:0 14px;
    display:grid;
    grid-template-columns:29px minmax(0,1fr);
    gap:9px;
    align-items:center;
    border:1px solid rgba(255,255,255,.07);
    border-radius:8px;
    background:rgba(255,255,255,.012);
}

.agaServices__details span{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.agaServices__details strong{
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

/* =========================
   03. LINK
========================= */
.agaServices__link{
    margin-top:27px;
    padding-top:19px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:color .25s ease;
}

.agaServices__link:hover{
    color:#e3c56d;
}

.agaServices__link svg{
    width:18px;
    height:18px;
    flex:0 0 auto;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}

.agaServices__link:hover svg{
    transform:translateX(4px);
}

/* =========================
   03. BOTTOM CTA
========================= */
.agaServices__bottom{
    margin-top:24px;
    padding:24px 27px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    border:1px solid rgba(227,197,109,.13);
    border-radius:14px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.012)
        );
}

.agaServices__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.agaServices__bottom strong{
    display:block;
    color:#f0ede4;
    font-size:15px;
    line-height:1.5;
    font-weight:600;
}

.agaServices__button{
    min-height:50px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    flex:0 0 auto;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.agaServices__button:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(227,197,109,.18);
}

.agaServices__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   03. RESPONSIVE
========================= */
@media (max-width:1100px){

    .agaServices{
        padding:95px 0;
    }

    .agaServices__head{
        gap:50px;
    }

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

@media (max-width:900px){

    .agaServices__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .agaServices__intro{
        max-width:650px;
    }

    .agaServices__item{
        grid-template-columns:1fr;
    }

    .agaServices__item--reverse .agaServices__image,
    .agaServices__item--reverse .agaServices__content{
        order:initial;
    }

    .agaServices__image{
        min-height:400px;
    }
}

@media (max-width:768px){

    .agaServices{
        padding:78px 0;
    }

    .agaServices__bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:576px){

    .agaServices{
        padding:68px 0;
    }

    .agaServices__head{
        margin-bottom:34px;
    }

    .agaServices__title{
        font-size:clamp(29px,8vw,36px);
    }

    .agaServices__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .agaServices__item{
        border-radius:16px;
    }

    .agaServices__image{
        min-height:285px;
    }

    .agaServices__content{
        padding:26px 20px;
    }

    .agaServices__content h3{
        font-size:24px;
    }

    .agaServices__content > p{
        font-size:16px;
    }

    .agaServices__details{
        grid-template-columns:1fr;
    }

    .agaServices__bottom{
        padding:21px 20px;
    }

    .agaServices__button{
        width:100%;
    }
}







/* =========================
   04. WHY CHOOSE AGA APPLIANCE SERVICE
========================= */
.agaWhy{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 10% 24%,
            rgba(227,197,109,.06),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.agaWhy__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   04. GLOWS
========================= */
.agaWhy__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.agaWhy__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.agaWhy__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   04. HEAD
========================= */
.agaWhy__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.agaWhy__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.agaWhy__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.agaWhy__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.agaWhy__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   04. MAIN LAYOUT
========================= */
.agaWhy__layout{
    display:grid;
    grid-template-columns:
        minmax(350px,.7fr)
        minmax(0,1.3fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   04. STATEMENT
========================= */
.agaWhy__statement{
    padding:38px 34px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.075),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.agaWhy__statementLabel{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.agaWhy__statement h3{
    margin:0;
    color:#f3f0e7;
    font-size:31px;
    line-height:1.17;
    font-weight:600;
    letter-spacing:-.03em;
}

.agaWhy__statement h3 span{
    display:block;
    margin-top:6px;
    color:#aaa69c;
    font-weight:500;
}

.agaWhy__statement > p{
    margin:21px 0 0;
    color:rgba(245,242,233,.61);
    font-size:15px;
    line-height:1.72;
}

/* QUOTE */
.agaWhy__quote{
    position:relative;
    margin-top:30px;
    padding:22px 20px 22px 51px;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.agaWhy__quoteMark{
    position:absolute;
    top:14px;
    left:0;
    color:#e3c56d;
    font-family:Overlock,Arial,sans-serif;
    font-size:48px;
    line-height:1;
    opacity:.8;
}

.agaWhy__quote p{
    margin:0;
    color:#d5d1c7;
    font-size:15px;
    line-height:1.7;
    font-style:italic;
}

/* BUTTON */
.agaWhy__button{
    width:max-content;
    min-height:52px;
    margin-top:auto;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.agaWhy__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.agaWhy__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   04. CARDS
========================= */
.agaWhy__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.agaWhy__card{
    position:relative;
    min-height:245px;
    padding:27px 25px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.05),
            transparent 35%
        ),
        rgba(255,255,255,.014);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.agaWhy__card::after{
    content:"";
    position:absolute;
    left:25px;
    right:25px;
    bottom:24px;
    height:1px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.35),
            rgba(227,197,109,.04)
        );
}

.agaWhy__card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.2);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.08),
            transparent 38%
        ),
        rgba(255,255,255,.02);
}

.agaWhy__cardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.agaWhy__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.agaWhy__icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.19);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}

.agaWhy__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.agaWhy__card h3{
    margin:31px 0 0;
    color:#f2efe6;
    font-size:21px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}

.agaWhy__card p{
    max-width:330px;
    margin:10px 0 35px;
    color:rgba(245,242,233,.55);
    font-size:16px;
    line-height:1.65;
}

/* =========================
   04. BOTTOM
========================= */
.agaWhy__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:26px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.agaWhy__bottomItem{
    text-align:center;
}

.agaWhy__bottomItem span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.agaWhy__bottomItem strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.agaWhy__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   04. RESPONSIVE
========================= */
@media (max-width:1100px){

    .agaWhy{
        padding:95px 0;
    }

    .agaWhy__head{
        gap:50px;
    }

    .agaWhy__layout{
        grid-template-columns:350px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .agaWhy__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .agaWhy__intro{
        max-width:650px;
    }

    .agaWhy__layout{
        grid-template-columns:1fr;
    }

    .agaWhy__button{
        margin-top:30px;
    }
}

@media (max-width:768px){

    .agaWhy{
        padding:78px 0;
    }

    .agaWhy__grid{
        grid-template-columns:1fr;
    }

    .agaWhy__bottom{
        grid-template-columns:1fr;
    }

    .agaWhy__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .agaWhy{
        padding:68px 0;
    }

    .agaWhy__head{
        margin-bottom:34px;
    }

    .agaWhy__title{
        font-size:clamp(29px,8vw,36px);
    }

    .agaWhy__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .agaWhy__statement{
        padding:27px 20px;
        border-radius:16px;
    }

    .agaWhy__statement h3{
        font-size:26px;
    }

    .agaWhy__button{
        width:100%;
    }

    .agaWhy__card{
        min-height:225px;
        padding:23px 20px;
    }

    .agaWhy__card h3{
        margin-top:26px;
        font-size:20px;
    }

    .agaWhy__bottom{
        padding:21px 18px;
    }
}







/* =========================
   05. AGA COMMON PROBLEMS WE REPAIR
========================= */
.agaProblems{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 8% 22%,rgba(227,197,109,.06),transparent 24%),
        radial-gradient(circle at 92% 80%,rgba(227,197,109,.04),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.agaProblems__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   05. GLOWS
========================= */
.agaProblems__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.agaProblems__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.agaProblems__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   05. HEAD
========================= */
.agaProblems__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.agaProblems__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.agaProblems__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.agaProblems__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.agaProblems__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   05. MAIN LAYOUT
========================= */
.agaProblems__layout{
    display:grid;
    grid-template-columns:minmax(430px,.96fr) minmax(0,1.04fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   05. LEFT CONTENT
========================= */
.agaProblems__content{
    padding:35px 31px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.065),
            transparent 34%
        ),
        rgba(255,255,255,.014);
}

.agaProblems__label{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.agaProblems__content > h3{
    margin:0;
    color:#f3f0e7;
    font-size:30px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.028em;
}

.agaProblems__content > h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.agaProblems__content > p{
    margin:17px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   05. PROBLEM CARDS
========================= */
.agaProblems__grid{
    margin-top:28px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.agaProblems__card{
    min-height:155px;
    padding:18px 17px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:11px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.04),
            transparent 40%
        ),
        rgba(255,255,255,.012);
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.agaProblems__card:hover{
    transform:translateY(-3px);
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.025);
}

.agaProblems__number{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.agaProblems__card h4{
    margin:0;
    color:#f0ede4;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.agaProblems__card p{
    margin:8px 0 0;
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.55;
}

/* =========================
   05. BUTTON
========================= */
.agaProblems__button{
    min-height:52px;
    margin-top:27px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.agaProblems__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.agaProblems__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   05. VISUAL
========================= */
.agaProblems__visual{
    position:relative;
    min-height:700px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.27);
}

.agaProblems__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.agaProblems__visual:hover img{
    transform:scale(1.035);
}

.agaProblems__overlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.03) 18%,*/
    /*        rgba(0,0,0,.12) 48%,*/
    /*        rgba(0,0,0,.9) 100%*/
    /*    );*/
}

/* TOP BADGE */
.agaProblems__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    right:22px;
}

.agaProblems__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(8,8,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

/* VISUAL CONTENT */
.agaProblems__visualContent{
    position:absolute;
    z-index:3;
    left:31px;
    right:31px;
    bottom:128px;
    max-width:580px;
}

.agaProblems__visualLabel{
    display:block;
    margin-bottom:13px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.agaProblems__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(29px,2.6vw,40px);
    line-height:1.13;
    font-weight:600;
    letter-spacing:-.03em;
}

.agaProblems__visualContent h3 strong{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.agaProblems__visualContent p{
    max-width:520px;
    margin:16px 0 0;
    color:rgba(245,242,233,.67);
    font-size:15px;
    line-height:1.68;
}

/* =========================
   05. VISUAL BOTTOM
========================= */
.agaProblems__visualBottom{
    position:absolute;
    z-index:3;
    left:22px;
    right:22px;
    bottom:22px;
    padding:16px 18px;
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    gap:13px;
    align-items:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(8,8,8,.8);
    backdrop-filter:blur(14px);
}

.agaProblems__visualBottom > div{
    text-align:center;
}

.agaProblems__visualBottom div > span{
    display:block;
    margin-bottom:4px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.agaProblems__visualBottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.agaProblems__divider{
    width:1px;
    height:34px;
    background:rgba(227,197,109,.15);
}

/* =========================
   05. RESPONSIVE
========================= */
@media (max-width:1100px){

    .agaProblems{
        padding:95px 0;
    }

    .agaProblems__head{
        gap:50px;
    }

    .agaProblems__layout{
        grid-template-columns:430px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .agaProblems__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .agaProblems__intro{
        max-width:650px;
    }

    .agaProblems__layout{
        grid-template-columns:1fr;
    }

    .agaProblems__visual{
        min-height:600px;
    }
}

@media (max-width:768px){

    .agaProblems{
        padding:78px 0;
    }
}

@media (max-width:576px){

    .agaProblems{
        padding:68px 0;
    }

    .agaProblems__head{
        margin-bottom:34px;
    }

    .agaProblems__title{
        font-size:clamp(29px,8vw,36px);
    }

    .agaProblems__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .agaProblems__content{
        padding:25px 20px;
        border-radius:16px;
    }

    .agaProblems__content > h3{
        font-size:25px;
    }

    .agaProblems__grid{
        grid-template-columns:1fr;
    }

    .agaProblems__button{
        width:100%;
    }

    .agaProblems__visual{
        min-height:570px;
        border-radius:16px;
    }

    .agaProblems__visualTop{
        top:15px;
        right:15px;
    }

    .agaProblems__visualContent{
        left:20px;
        right:20px;
        bottom:150px;
    }

    .agaProblems__visualContent h3{
        font-size:27px;
    }

    .agaProblems__visualBottom{
        left:15px;
        right:15px;
        bottom:15px;
        grid-template-columns:1fr;
    }

    .agaProblems__divider{
        display:none;
    }
}






/* =========================
   06. AGA SERVICE PROCESS
========================= */
.agaProcess{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 8% 24%,rgba(227,197,109,.055),transparent 24%),
        radial-gradient(circle at 92% 78%,rgba(227,197,109,.04),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.agaProcess__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   06. GLOWS
========================= */
.agaProcess__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.agaProcess__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.agaProcess__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   06. HEAD
========================= */
.agaProcess__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.agaProcess__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.agaProcess__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.agaProcess__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.agaProcess__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   06. LAYOUT
========================= */
.agaProcess__layout{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   06. STEPS
========================= */
.agaProcess__steps{
    padding:12px 31px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.055),
            transparent 34%
        ),
        rgba(255,255,255,.014);
}

.agaProcess__step{
    position:relative;
    padding:28px 0;
    display:grid;
    grid-template-columns:40px 58px minmax(0,1fr);
    gap:17px;
    align-items:start;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.agaProcess__step:last-child{
    border-bottom:0;
}

.agaProcess__number{
    padding-top:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.agaProcess__icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:13px;
    background:rgba(227,197,109,.04);
}

.agaProcess__icon svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.agaProcess__stepContent > span{
    display:block;
    margin-bottom:7px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.agaProcess__stepContent h3{
    margin:0;
    color:#f1eee5;
    font-size:20px;
    line-height:1.35;
    font-weight:600;
    letter-spacing:-.018em;
}

.agaProcess__stepContent p{
    max-width:690px;
    margin:9px 0 0;
    color:rgba(245,242,233,.52);
    font-size:16px;
    line-height:1.65;
}

/* =========================
   06. ASIDE
========================= */
.agaProcess__aside{
    padding:36px 31px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.075),
            transparent 37%
        ),
        rgba(255,255,255,.014);
}

.agaProcess__asideLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.agaProcess__aside h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.027em;
}

.agaProcess__aside h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.agaProcess__aside > p{
    margin:18px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   06. CHECKLIST
========================= */
.agaProcess__checklist{
    margin-top:27px;
    border-top:1px solid rgba(255,255,255,.08);
}

.agaProcess__check{
    padding:18px 0;
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    gap:13px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.agaProcess__check > span{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.2);
    border-radius:50%;
    color:#e3c56d;
    background:rgba(227,197,109,.035);
    font-size:16px;
    font-weight:700;
}

.agaProcess__check strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.agaProcess__check p{
    margin:0;
    color:rgba(245,242,233,.47);
    font-size:16px;
    line-height:1.55;
}

/* =========================
   06. BUTTON
========================= */
.agaProcess__button{
    width:100%;
    min-height:52px;
    margin-top:auto;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.agaProcess__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.agaProcess__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   06. BOTTOM
========================= */
.agaProcess__bottom{
    margin-top:24px;
    padding:23px 26px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;
    gap:22px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.011)
        );
}

.agaProcess__bottom > div{
    text-align:center;
}

.agaProcess__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.agaProcess__bottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.agaProcess__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   06. RESPONSIVE
========================= */
@media (max-width:1100px){

    .agaProcess{
        padding:95px 0;
    }

    .agaProcess__head{
        gap:50px;
    }

    .agaProcess__layout{
        grid-template-columns:minmax(0,1fr) 360px;
    }
}

@media (max-width:900px){

    .agaProcess__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .agaProcess__intro{
        max-width:650px;
    }

    .agaProcess__layout{
        grid-template-columns:1fr;
    }

    .agaProcess__button{
        margin-top:28px;
    }

    .agaProcess__bottom{
        grid-template-columns:repeat(2,1fr);
    }

    .agaProcess__divider{
        display:none;
    }
}

@media (max-width:768px){

    .agaProcess{
        padding:78px 0;
    }
}

@media (max-width:576px){

    .agaProcess{
        padding:68px 0;
    }

    .agaProcess__head{
        margin-bottom:34px;
    }

    .agaProcess__title{
        font-size:clamp(29px,8vw,36px);
    }

    .agaProcess__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .agaProcess__steps{
        padding:6px 20px;
        border-radius:16px;
    }

    .agaProcess__step{
        padding:23px 0;
        grid-template-columns:28px 46px minmax(0,1fr);
        gap:11px;
    }

    .agaProcess__icon{
        width:46px;
        height:46px;
    }

    .agaProcess__icon svg{
        width:22px;
        height:22px;
    }

    .agaProcess__number{
        padding-top:14px;
    }

    .agaProcess__stepContent h3{
        font-size:17px;
    }

    .agaProcess__aside{
        padding:26px 20px;
        border-radius:16px;
    }

    .agaProcess__aside h3{
        font-size:25px;
    }

    .agaProcess__bottom{
        padding:20px 18px;
        grid-template-columns:1fr;
    }
}








/* =========================
   07. AGA FAQ
========================= */
.agaFaq{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 8% 25%,rgba(227,197,109,.06),transparent 24%),
        radial-gradient(circle at 92% 78%,rgba(227,197,109,.045),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.agaFaq__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   07. GLOWS
========================= */
.agaFaq__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.agaFaq__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.agaFaq__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   07. HEAD
========================= */
.agaFaq__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.agaFaq__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.agaFaq__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.agaFaq__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.agaFaq__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   07. LAYOUT
========================= */
.agaFaq__layout{
    display:grid;
    grid-template-columns:minmax(340px,.65fr) minmax(0,1.35fr);
    gap:24px;
    align-items:start;
}

/* =========================
   07. ASIDE
========================= */
.agaFaq__aside{
    position:sticky;
    top:120px;
    padding:35px 31px;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.07),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.agaFaq__asideLabel{
    display:block;
    margin-bottom:15px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.agaFaq__aside h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.025em;
}

.agaFaq__aside h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.agaFaq__aside > p{
    margin:18px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

/* INFO */
.agaFaq__info{
    margin-top:29px;
    border-top:1px solid rgba(255,255,255,.08);
}

.agaFaq__infoItem{
    padding:19px 0;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:14px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.agaFaq__infoIcon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.04);
}

.agaFaq__infoIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.agaFaq__infoItem strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.agaFaq__infoItem div > span{
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.45;
}

/* BUTTON */
.agaFaq__button{
    width:100%;
    min-height:52px;
    margin-top:27px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.agaFaq__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.agaFaq__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   07. ACCORDION
========================= */
.agaFaq__accordion{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.agaFaq__item{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.035),
            transparent 32%
        ),
        rgba(255,255,255,.012);
    transition:
        border-color .25s ease,
        background .25s ease;
}

.agaFaq__item:hover,
.agaFaq__item.is-open{
    border-color:rgba(227,197,109,.18);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.055),
            transparent 35%
        ),
        rgba(255,255,255,.016);
}

/* QUESTION */
.agaFaq__question{
    width:100%;
    min-height:92px;
    padding:0 24px;
    display:grid;
    grid-template-columns:50px minmax(0,1fr) 42px;
    gap:20px;
    align-items:center;
    border:0;
    outline:0;
    cursor:pointer;
    background:transparent;
    color:inherit;
    text-align:left;
}

.agaFaq__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}

.agaFaq__questionText{
    color:#f1eee5;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
}

/* TOGGLE */
.agaFaq__toggle{
    position:relative;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.16);
    border-radius:10px;
    background:rgba(227,197,109,.035);
}

.agaFaq__toggle span{
    position:absolute;
    width:14px;
    height:1px;
    background:#e3c56d;
    transition:transform .28s ease;
}

.agaFaq__toggle span:last-child{
    transform:rotate(90deg);
}

.agaFaq__item.is-open .agaFaq__toggle span:last-child{
    transform:rotate(0deg);
}

/* ANSWER */
.agaFaq__answer{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .35s ease;
}

.agaFaq__item.is-open .agaFaq__answer{
    grid-template-rows:1fr;
}

.agaFaq__answerInner{
    overflow:hidden;
}

.agaFaq__answerInner p{
    margin:0;
    padding:0 78px 26px 94px;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   07. RESPONSIVE
========================= */
@media (max-width:1100px){

    .agaFaq{
        padding:95px 0;
    }

    .agaFaq__head{
        gap:50px;
    }

    .agaFaq__layout{
        grid-template-columns:340px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .agaFaq__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .agaFaq__intro{
        max-width:650px;
    }

    .agaFaq__layout{
        grid-template-columns:1fr;
    }

    .agaFaq__aside{
        position:relative;
        top:auto;
    }
}

@media (max-width:768px){

    .agaFaq{
        padding:78px 0;
    }

    .agaFaq__question{
        min-height:84px;
    }

    .agaFaq__questionText{
        font-size:17px;
    }

    .agaFaq__answerInner p{
        padding-left:94px;
        padding-right:24px;
    }
}

@media (max-width:576px){

    .agaFaq{
        padding:68px 0;
    }

    .agaFaq__head{
        margin-bottom:34px;
    }

    .agaFaq__title{
        font-size:clamp(29px,8vw,36px);
    }

    .agaFaq__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .agaFaq__aside{
        padding:26px 20px;
        border-radius:16px;
    }

    .agaFaq__aside h3{
        font-size:25px;
    }

    .agaFaq__question{
        min-height:80px;
        padding:0 17px;
        grid-template-columns:31px minmax(0,1fr) 38px;
        gap:11px;
    }

    .agaFaq__questionText{
        font-size:15px;
        line-height:1.45;
    }

    .agaFaq__toggle{
        width:38px;
        height:38px;
    }

    .agaFaq__answerInner p{
        padding:0 18px 22px 59px;
        font-size:16px;
        line-height:1.68;
    }
}









/* =========================
   08. AGA BOOKING / SCHEDULE SERVICE
========================= */
.agaBooking{
    position:relative;
    overflow:hidden;
    padding:110px 0 95px;
    background:
        radial-gradient(
            circle at 10% 25%,
            rgba(227,197,109,.065),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.agaBooking__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   08. GLOWS
========================= */
.agaBooking__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.agaBooking__glow--left{
    width:540px;
    height:540px;
    left:-300px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.06),
            transparent 70%
        );
}

.agaBooking__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-170px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   08. HEAD
========================= */
.agaBooking__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.agaBooking__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.agaBooking__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.agaBooking__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.agaBooking__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   08. LAYOUT
========================= */
.agaBooking__layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.05fr)
        minmax(430px,.95fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   08. VISUAL
========================= */
.agaBooking__visual{
    position:relative;
    min-height:720px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.16);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.agaBooking__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.agaBooking__visual:hover img{
    transform:scale(1.035);
}

.agaBooking__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.03) 15%,
            rgba(0,0,0,.11) 45%,
            rgba(0,0,0,.9) 100%
        );
}

/* TOP BADGE */
.agaBooking__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    left:22px;
}

.agaBooking__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(9,9,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

/* VISUAL CONTENT */
.agaBooking__visualContent{
    position:absolute;
    z-index:3;
    left:32px;
    right:32px;
    bottom:155px;
    max-width:570px;
}

.agaBooking__visualLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.agaBooking__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.12;
    font-weight:600;
    letter-spacing:-.03em;
}

.agaBooking__visualContent h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.agaBooking__visualContent p{
    max-width:520px;
    margin:18px 0 0;
    color:rgba(245,242,233,.7);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   08. FEATURES
========================= */
.agaBooking__features{
    position:absolute;
    z-index:3;
    left:24px;
    right:24px;
    bottom:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.agaBooking__feature{
    padding:16px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:13px;
    align-items:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(9,9,8,.78);
    backdrop-filter:blur(14px);
}

.agaBooking__featureIcon{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:10px;
    background:rgba(227,197,109,.04);
}

.agaBooking__featureIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.agaBooking__feature strong{
    display:block;
    margin-bottom:4px;
    color:#f1eee5;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.agaBooking__feature div > span{
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.4;
}

/* =========================
   08. FORM WRAP
========================= */
.agaBooking__formWrap{
    padding:34px 31px 28px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.065),
            transparent 34%
        ),
        rgba(255,255,255,.016);
    box-shadow:0 30px 80px rgba(0,0,0,.18);
}

.agaBooking__formHead{
    margin-bottom:24px;
}

.agaBooking__formHead > span{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.agaBooking__formHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:28px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}

.agaBooking__formHead p{
    margin:13px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.65;
}

/* FORM */
.agaBooking__form{
    flex:1;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:#fff;
}

.agaBooking__form iframe{
    display:block;
    width:100%;
    min-height:520px !important;
    border:0;
}

/* =========================
   08. FORM BOTTOM
========================= */
.agaBooking__formBottom{
    margin-top:20px;
    padding-top:20px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
}

.agaBooking__formBottom > div + div{
    padding-left:20px;
    border-left:1px solid rgba(227,197,109,.13);
}

.agaBooking__formBottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
}

.agaBooking__formBottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

/* =========================
   08. RESPONSIVE
========================= */
@media (max-width:1100px){

    .agaBooking{
        padding:95px 0 85px;
    }

    .agaBooking__head{
        gap:50px;
    }

    .agaBooking__layout{
        grid-template-columns:minmax(0,1fr) 430px;
    }
}

@media (max-width:900px){

    .agaBooking__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .agaBooking__intro{
        max-width:650px;
    }

    .agaBooking__layout{
        grid-template-columns:1fr;
    }

    .agaBooking__visual{
        min-height:620px;
    }
}

@media (max-width:768px){

    .agaBooking{
        padding:78px 0 70px;
    }
}

@media (max-width:576px){

    .agaBooking{
        padding:68px 0 60px;
    }

    .agaBooking__head{
        margin-bottom:34px;
    }

    .agaBooking__title{
        font-size:clamp(29px,8vw,36px);
    }

    .agaBooking__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .agaBooking__visual{
        min-height:650px;
        border-radius:16px;
    }

    .agaBooking__visualTop{
        top:15px;
        left:15px;
    }

    .agaBooking__visualContent{
        left:20px;
        right:20px;
        bottom:205px;
    }

    .agaBooking__visualContent h3{
        font-size:28px;
    }

    .agaBooking__visualContent p{
        font-size:16px;
        line-height:1.65;
    }

    .agaBooking__features{
        left:15px;
        right:15px;
        bottom:15px;
        grid-template-columns:1fr;
    }

    .agaBooking__formWrap{
        padding:25px 20px;
        border-radius:16px;
    }

    .agaBooking__formHead h3{
        font-size:24px;
    }

    .agaBooking__form iframe{
        min-height:500px !important;
    }

    .agaBooking__formBottom{
        grid-template-columns:1fr;
    }

    .agaBooking__formBottom > div + div{
        padding-left:0;
        padding-top:15px;
        border-left:0;
        border-top:1px solid rgba(227,197,109,.13);
    }
}








/* =========================
   09. FINAL AGA SERVICE CTA
========================= */
.agaFinal{
    position:relative;
    overflow:hidden;
    padding:105px 0 95px;
    background:
        radial-gradient(
            circle at 8% 30%,
            rgba(227,197,109,.065),
            transparent 25%
        ),
        radial-gradient(
            circle at 94% 65%,
            rgba(227,197,109,.045),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #080808 100%
        );
}

.agaFinal__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   09. GLOWS
========================= */
.agaFinal__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.agaFinal__glow--left{
    width:560px;
    height:560px;
    left:-320px;
    top:20px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.06),
            transparent 70%
        );
}

.agaFinal__glow--right{
    width:520px;
    height:520px;
    right:-290px;
    bottom:-200px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   09. MAIN
========================= */
.agaFinal__main{
    display:grid;
    grid-template-columns:
        minmax(0,.9fr)
        minmax(500px,1.1fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   09. LEFT CONTENT
========================= */
.agaFinal__content{
    padding:43px 38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.08),
            transparent 38%
        ),
        rgba(255,255,255,.014);
}

.agaFinal__eyebrow{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.agaFinal__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.5vw,52px);
    line-height:1.07;
    font-weight:620;
    letter-spacing:-.038em;
}

.agaFinal__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.agaFinal__content > p{
    max-width:650px;
    margin:22px 0 0;
    color:rgba(245,242,233,.61);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   09. ACTIONS
========================= */
.agaFinal__actions{
    margin-top:30px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
}

.agaFinal__button{
    min-height:52px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.13);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.agaFinal__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.22);
}

.agaFinal__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.agaFinal__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.32);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
}

.agaFinal__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   09. RIGHT PANEL
========================= */
.agaFinal__panel{
    padding:35px 32px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.055),
            transparent 34%
        ),
        rgba(255,255,255,.013);
}

.agaFinal__panelHead{
    padding-bottom:24px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.agaFinal__panelHead > span{
    display:block;
    margin-bottom:9px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.agaFinal__panelHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:27px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.025em;
}

.agaFinal__panelHead h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

/* =========================
   09. ITEMS
========================= */
.agaFinal__items{
    display:flex;
    flex-direction:column;
}

.agaFinal__item{
    padding:24px 0;
    display:grid;
    grid-template-columns:43px minmax(0,1fr);
    gap:17px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.agaFinal__item:last-child{
    padding-bottom:0;
    border-bottom:0;
}

.agaFinal__number{
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:10px;
    color:#e3c56d;
    background:rgba(227,197,109,.04);
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.agaFinal__item strong{
    display:block;
    margin-bottom:6px;
    color:#f0ede4;
    font-size:17px;
    line-height:1.4;
    font-weight:600;
}

.agaFinal__item p{
    max-width:570px;
    margin:0;
    color:rgba(245,242,233,.51);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   09. BOTTOM STRIP
========================= */
.agaFinal__bottom{
    margin-top:24px;
    padding:23px 26px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;
    gap:22px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.011)
        );
}

.agaFinal__bottom > div{
    text-align:center;
}

.agaFinal__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.agaFinal__bottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.agaFinal__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   09. RESPONSIVE
========================= */
@media (max-width:1100px){

    .agaFinal{
        padding:95px 0 85px;
    }

    .agaFinal__main{
        grid-template-columns:
            minmax(350px,.8fr)
            minmax(0,1.2fr);
    }
}

@media (max-width:900px){

    .agaFinal__main{
        grid-template-columns:1fr;
    }

    .agaFinal__bottom{
        grid-template-columns:repeat(2,1fr);
    }

    .agaFinal__divider{
        display:none;
    }
}

@media (max-width:768px){

    .agaFinal{
        padding:78px 0 70px;
    }
}

@media (max-width:576px){

    .agaFinal{
        padding:68px 0 60px;
    }

    .agaFinal__content{
        padding:29px 20px;
        border-radius:16px;
    }

    .agaFinal__title{
        font-size:clamp(29px,8vw,36px);
    }

    .agaFinal__content > p{
        font-size:16px;
        line-height:1.68;
    }

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

    .agaFinal__button{
        width:100%;
    }

    .agaFinal__link{
        width:max-content;
    }

    .agaFinal__panel{
        padding:26px 20px;
        border-radius:16px;
    }

    .agaFinal__panelHead h3{
        font-size:23px;
    }

    .agaFinal__item{
        grid-template-columns:40px minmax(0,1fr);
        gap:13px;
    }

    .agaFinal__number{
        width:40px;
        height:40px;
    }

    .agaFinal__item strong{
        font-size:16px;
    }

    .agaFinal__bottom{
        padding:21px 18px;
        grid-template-columns:1fr;
    }
}











































/* =========================
   01. REFRIGERATOR REPAIR SERVICE HERO
========================= */
.serviceHero{
    position:relative;
    overflow:hidden;
    padding:145px 0 95px;
    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(227,197,109,.075),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #080808 0%,
            #0d0d0c 55%,
            #090909 100%
        );
}

.serviceHero__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   01. GLOWS
========================= */
.serviceHero__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.serviceHero__glow--left{
    width:560px;
    height:560px;
    left:-310px;
    top:-140px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.07),
            transparent 70%
        );
}

.serviceHero__glow--right{
    width:520px;
    height:520px;
    right:-280px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   01. BREADCRUMB
========================= */
.serviceHero__breadcrumb{
    margin-bottom:31px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    color:rgba(245,242,233,.42);
    font-size:16px;
    line-height:1.4;
}

.serviceHero__breadcrumb a{
    color:rgba(245,242,233,.6);
    text-decoration:none;
    transition:color .25s ease;
}

.serviceHero__breadcrumb a:hover{
    color:#e3c56d;
}

.serviceHero__breadcrumb > span:last-child{
    color:#e3c56d;
}

/* =========================
   01. MAIN LAYOUT
========================= */
.serviceHero__layout{
    display:grid;
    grid-template-columns:
        minmax(390px,.82fr)
        minmax(0,1.18fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   01. LEFT CONTENT
========================= */
.serviceHero__content{
    min-height:650px;
    padding:42px 36px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(227,197,109,.14);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.075),
            transparent 36%
        ),
        rgba(255,255,255,.014);
}

.serviceHero__eyebrow{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.serviceHero__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(42px,4vw,62px);
    line-height:1.04;
    font-weight:620;
    letter-spacing:-.043em;
}

.serviceHero__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.serviceHero__intro{
    max-width:650px;
    margin:23px 0 0;
    color:rgba(245,242,233,.66);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   01. SERVICE ITEMS
========================= */
.serviceHero__services{
    margin-top:30px;
    border-top:1px solid rgba(255,255,255,.08);
}

.serviceHero__service{
    padding:18px 0;
    display:grid;
    grid-template-columns:39px minmax(0,1fr);
    gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.serviceHero__service > span{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.serviceHero__service strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.serviceHero__service p{
    margin:0;
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.55;
}

/* =========================
   01. ACTIONS
========================= */
.serviceHero__actions{
    margin-top:30px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:21px;
}

.serviceHero__button{
    min-height:52px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:0 12px 34px rgba(227,197,109,.13);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.serviceHero__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.21);
}

.serviceHero__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.serviceHero__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.32);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
}

.serviceHero__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   01. VISUAL
========================= */
.serviceHero__visual{
    position:relative;
    min-height:650px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.27);
}

.serviceHero__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.serviceHero__visual:hover img{
    transform:scale(1.035);
}

.serviceHero__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02) 25%,
            rgba(0,0,0,.12) 58%,
            rgba(0,0,0,.9) 100%
        );
}

/* TOP BADGE */
.serviceHero__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    right:22px;
}

.serviceHero__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(8,8,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

/* VISUAL CONTENT */
.serviceHero__visualContent{
    position:absolute;
    z-index:3;
    left:30px;
    right:30px;
    bottom:125px;
    max-width:570px;
}

.serviceHero__visualLabel{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.serviceHero__visualContent h2{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(29px,2.6vw,41px);
    line-height:1.13;
    font-weight:600;
    letter-spacing:-.03em;
}

.serviceHero__visualContent h2 strong{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.serviceHero__visualContent p{
    max-width:530px;
    margin:16px 0 0;
    color:rgba(245,242,233,.67);
    font-size:15px;
    line-height:1.68;
}

/* =========================
   01. VISUAL BOTTOM
========================= */
.serviceHero__visualBottom{
    position:absolute;
    z-index:3;
    left:22px;
    right:22px;
    bottom:22px;
    padding:16px 18px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:13px;
    align-items:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(8,8,8,.8);
    backdrop-filter:blur(14px);
}

.serviceHero__visualBottom > div{
    text-align:center;
}

.serviceHero__visualBottom div > span{
    display:block;
    margin-bottom:4px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.serviceHero__visualBottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.serviceHero__divider{
    width:1px;
    height:34px;
    background:rgba(227,197,109,.15);
}

/* =========================
   01. RESPONSIVE
========================= */
@media (max-width:1100px){

    .serviceHero{
        padding:130px 0 85px;
    }

    .serviceHero__layout{
        grid-template-columns:390px minmax(0,1fr);
    }

    .serviceHero__title{
        font-size:clamp(39px,4.8vw,54px);
    }
}

@media (max-width:900px){

    .serviceHero__layout{
        grid-template-columns:1fr;
    }

    .serviceHero__content{
        min-height:auto;
    }

    .serviceHero__visual{
        min-height:580px;
    }
}

@media (max-width:768px){

    .serviceHero{
        padding:115px 0 75px;
    }
}

@media (max-width:576px){

    .serviceHero{
        padding:105px 0 68px;
    }

    .serviceHero__breadcrumb{
        margin-bottom:25px;
    }

    .serviceHero__content{
        padding:27px 20px;
        border-radius:16px;
    }

    .serviceHero__title{
        font-size:clamp(34px,9vw,43px);
    }

    .serviceHero__intro{
        font-size:15px;
        line-height:1.7;
    }

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

    .serviceHero__button{
        width:100%;
    }

    .serviceHero__link{
        width:max-content;
    }

    .serviceHero__visual{
        min-height:550px;
        border-radius:16px;
    }

    .serviceHero__visualTop{
        top:15px;
        right:15px;
    }

    .serviceHero__visualContent{
        left:20px;
        right:20px;
        bottom:155px;
    }

    .serviceHero__visualContent h2{
        font-size:27px;
    }

    .serviceHero__visualBottom{
        left:15px;
        right:15px;
        bottom:15px;
        grid-template-columns:1fr;
    }

    .serviceHero__divider{
        display:none;
    }
}







/* =========================
   02. REFRIGERATOR BRANDS WE SERVICE
========================= */
.refrigeratorBrands{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 22%,
            rgba(227,197,109,.055),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 80%,
            rgba(227,197,109,.04),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.refrigeratorBrands__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   02. GLOWS
========================= */
.refrigeratorBrands__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.refrigeratorBrands__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.refrigeratorBrands__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   02. HEAD
========================= */
.refrigeratorBrands__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.refrigeratorBrands__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.refrigeratorBrands__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.refrigeratorBrands__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorBrands__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   02. LAYOUT
========================= */
.refrigeratorBrands__layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.3fr)
        minmax(340px,.7fr);
    gap:24px;
    align-items:start;
}

/* =========================
   02. BRAND GRID
========================= */
.refrigeratorBrands__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.refrigeratorBrands__card{
    min-height:145px;
    padding:19px 17px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border:1px solid rgba(255,255,255,.075);
    border-radius:13px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.045),
            transparent 38%
        ),
        rgba(255,255,255,.012);
    text-decoration:none;
    transition:
        transform .27s ease,
        border-color .27s ease,
        background .27s ease;
}

.refrigeratorBrands__card:hover{
    transform:translateY(-4px);
    border-color:rgba(227,197,109,.2);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.08),
            transparent 40%
        ),
        rgba(255,255,255,.018);
}

.refrigeratorBrands__number{
    display:block;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.refrigeratorBrands__card strong{
    margin-top:24px;
    color:#f0ede4;
    font-size:17px;
    line-height:1.35;
    font-weight:600;
}

.refrigeratorBrands__card small{
    margin-top:6px;
    color:rgba(245,242,233,.45);
    font-size:16px;
    line-height:1.45;
}

/* =========================
   02. ASIDE
========================= */
.refrigeratorBrands__aside{
    position:sticky;
    top:120px;
    padding:35px 31px;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.075),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.refrigeratorBrands__asideLabel{
    display:block;
    margin-bottom:15px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.refrigeratorBrands__aside h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.025em;
}

.refrigeratorBrands__aside h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorBrands__aside > p{
    margin:18px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   02. INFO
========================= */
.refrigeratorBrands__info{
    margin-top:28px;
    border-top:1px solid rgba(255,255,255,.08);
}

.refrigeratorBrands__infoItem{
    padding:18px 0;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:14px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.refrigeratorBrands__icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.04);
}

.refrigeratorBrands__icon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.refrigeratorBrands__infoItem strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.refrigeratorBrands__infoItem div > span{
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.45;
}

/* =========================
   02. BUTTON
========================= */
.refrigeratorBrands__button{
    width:100%;
    min-height:52px;
    margin-top:27px;
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.refrigeratorBrands__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.refrigeratorBrands__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   02. BOTTOM STRIP
========================= */
.refrigeratorBrands__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:26px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.refrigeratorBrands__bottom > div{
    text-align:center;
}

.refrigeratorBrands__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.refrigeratorBrands__bottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.refrigeratorBrands__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   02. RESPONSIVE
========================= */
@media (max-width:1200px){

    .refrigeratorBrands__grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:1100px){

    .refrigeratorBrands{
        padding:95px 0;
    }

    .refrigeratorBrands__head{
        gap:50px;
    }

    .refrigeratorBrands__layout{
        grid-template-columns:minmax(0,1fr) 340px;
    }
}

@media (max-width:900px){

    .refrigeratorBrands__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .refrigeratorBrands__intro{
        max-width:650px;
    }

    .refrigeratorBrands__layout{
        grid-template-columns:1fr;
    }

    .refrigeratorBrands__aside{
        position:relative;
        top:auto;
    }

    .refrigeratorBrands__grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media (max-width:768px){

    .refrigeratorBrands{
        padding:78px 0;
    }

    .refrigeratorBrands__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .refrigeratorBrands__bottom{
        grid-template-columns:1fr;
    }

    .refrigeratorBrands__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .refrigeratorBrands{
        padding:68px 0;
    }

    .refrigeratorBrands__head{
        margin-bottom:34px;
    }

    .refrigeratorBrands__title{
        font-size:clamp(29px,8vw,36px);
    }

    .refrigeratorBrands__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .refrigeratorBrands__grid{
        grid-template-columns:1fr;
    }

    .refrigeratorBrands__card{
        min-height:125px;
    }

    .refrigeratorBrands__aside{
        padding:26px 20px;
        border-radius:16px;
    }

    .refrigeratorBrands__aside h3{
        font-size:25px;
    }

    .refrigeratorBrands__bottom{
        padding:21px 18px;
    }
}









/* =========================
   03. COMMON REFRIGERATOR PROBLEMS
========================= */
.refrigeratorProblems{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(circle at 8% 24%,rgba(227,197,109,.06),transparent 24%),
        radial-gradient(circle at 92% 78%,rgba(227,197,109,.04),transparent 23%),
        linear-gradient(180deg,#090909 0%,#0d0d0c 52%,#090909 100%);
}

.refrigeratorProblems__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   03. GLOWS
========================= */
.refrigeratorProblems__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.refrigeratorProblems__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:70px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.refrigeratorProblems__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   03. HEAD
========================= */
.refrigeratorProblems__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.refrigeratorProblems__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.refrigeratorProblems__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.refrigeratorProblems__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorProblems__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   03. LAYOUT
========================= */
.refrigeratorProblems__layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.02fr)
        minmax(430px,.98fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   03. VISUAL
========================= */
.refrigeratorProblems__visual{
    position:relative;
    min-height:720px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.27);
}

.refrigeratorProblems__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.refrigeratorProblems__visual:hover img{
    transform:scale(1.035);
}

.refrigeratorProblems__overlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.02) 20%,*/
    /*        rgba(0,0,0,.12) 48%,*/
    /*        rgba(0,0,0,.9) 100%*/
    /*    );*/
}

/* TOP */
.refrigeratorProblems__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    left:22px;
}

.refrigeratorProblems__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(8,8,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

/* VISUAL CONTENT */
.refrigeratorProblems__visualContent{
    position:absolute;
    z-index:3;
    left:31px;
    right:31px;
    bottom:128px;
    max-width:570px;
}

.refrigeratorProblems__visualLabel{
    display:block;
    margin-bottom:13px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.refrigeratorProblems__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(29px,2.6vw,40px);
    line-height:1.13;
    font-weight:600;
    letter-spacing:-.03em;
}

.refrigeratorProblems__visualContent h3 strong{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorProblems__visualContent p{
    max-width:530px;
    margin:16px 0 0;
    color:rgba(245,242,233,.68);
    font-size:15px;
    line-height:1.68;
}

/* VISUAL BOTTOM */
.refrigeratorProblems__visualBottom{
    position:absolute;
    z-index:3;
    left:22px;
    right:22px;
    bottom:22px;
    padding:16px 18px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:13px;
    align-items:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(8,8,8,.8);
    backdrop-filter:blur(14px);
}

.refrigeratorProblems__visualBottom > div{
    text-align:center;
}

.refrigeratorProblems__visualBottom div > span{
    display:block;
    margin-bottom:4px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.refrigeratorProblems__visualBottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.refrigeratorProblems__divider{
    width:1px;
    height:34px;
    background:rgba(227,197,109,.15);
}

/* =========================
   03. CONTENT
========================= */
.refrigeratorProblems__content{
    padding:35px 31px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.06),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.refrigeratorProblems__label{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.refrigeratorProblems__content > h3{
    margin:0;
    color:#f3f0e7;
    font-size:30px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.028em;
}

.refrigeratorProblems__content > h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorProblems__content > p{
    margin:17px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   03. PROBLEM GRID
========================= */
.refrigeratorProblems__grid{
    margin-top:28px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.refrigeratorProblems__card{
    min-height:157px;
    padding:18px 17px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:11px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.04),
            transparent 40%
        ),
        rgba(255,255,255,.012);
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.refrigeratorProblems__card:hover{
    transform:translateY(-3px);
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.025);
}

.refrigeratorProblems__number{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.refrigeratorProblems__card h4{
    margin:0;
    color:#f0ede4;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.refrigeratorProblems__card p{
    margin:8px 0 0;
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.55;
}

/* =========================
   03. ACTION
========================= */
.refrigeratorProblems__action{
    margin-top:24px;
    padding-top:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    border-top:1px solid rgba(255,255,255,.08);
}

.refrigeratorProblems__action span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.refrigeratorProblems__action strong{
    display:block;
    max-width:450px;
    color:#f0ede4;
    font-size:16px;
    line-height:1.5;
    font-weight:600;
}

.refrigeratorProblems__button{
    min-height:50px;
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    flex:0 0 auto;
    border-radius:8px;
    color:#16140d;
    background:linear-gradient(135deg,#f0d783,#e3c56d);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.refrigeratorProblems__button:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(227,197,109,.18);
}

.refrigeratorProblems__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   03. RESPONSIVE
========================= */
@media (max-width:1100px){

    .refrigeratorProblems{
        padding:95px 0;
    }

    .refrigeratorProblems__head{
        gap:50px;
    }

    .refrigeratorProblems__layout{
        grid-template-columns:minmax(0,1fr) 430px;
    }
}

@media (max-width:900px){

    .refrigeratorProblems__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .refrigeratorProblems__intro{
        max-width:650px;
    }

    .refrigeratorProblems__layout{
        grid-template-columns:1fr;
    }

    .refrigeratorProblems__visual{
        min-height:600px;
    }
}

@media (max-width:768px){

    .refrigeratorProblems{
        padding:78px 0;
    }

    .refrigeratorProblems__action{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:576px){

    .refrigeratorProblems{
        padding:68px 0;
    }

    .refrigeratorProblems__head{
        margin-bottom:34px;
    }

    .refrigeratorProblems__title{
        font-size:clamp(29px,8vw,36px);
    }

    .refrigeratorProblems__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .refrigeratorProblems__visual{
        min-height:570px;
        border-radius:16px;
    }

    .refrigeratorProblems__visualTop{
        top:15px;
        left:15px;
    }

    .refrigeratorProblems__visualContent{
        left:20px;
        right:20px;
        bottom:150px;
    }

    .refrigeratorProblems__visualContent h3{
        font-size:27px;
    }

    .refrigeratorProblems__visualBottom{
        left:15px;
        right:15px;
        bottom:15px;
        grid-template-columns:1fr;
    }

    .refrigeratorProblems__divider{
        display:none;
    }

    .refrigeratorProblems__content{
        padding:25px 20px;
        border-radius:16px;
    }

    .refrigeratorProblems__content > h3{
        font-size:25px;
    }

    .refrigeratorProblems__grid{
        grid-template-columns:1fr;
    }

    .refrigeratorProblems__button{
        width:100%;
    }
}








/* =========================
   04. REFRIGERATOR REPAIR FAQ
========================= */
.refrigeratorFaq{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 25%,
            rgba(227,197,109,.06),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.refrigeratorFaq__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   04. GLOWS
========================= */
.refrigeratorFaq__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.refrigeratorFaq__glow--left{
    width:520px;
    height:520px;
    left:-280px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.refrigeratorFaq__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   04. HEAD
========================= */
.refrigeratorFaq__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.refrigeratorFaq__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.refrigeratorFaq__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.refrigeratorFaq__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorFaq__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   04. LAYOUT
========================= */
.refrigeratorFaq__layout{
    display:grid;
    grid-template-columns:
        minmax(340px,.65fr)
        minmax(0,1.35fr);
    gap:24px;
    align-items:start;
}

/* =========================
   04. ASIDE
========================= */
.refrigeratorFaq__aside{
    position:sticky;
    top:120px;
    padding:35px 31px;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.07),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.refrigeratorFaq__asideLabel{
    display:block;
    margin-bottom:15px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.refrigeratorFaq__aside h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.025em;
}

.refrigeratorFaq__aside h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorFaq__aside > p{
    margin:18px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   04. INFO
========================= */
.refrigeratorFaq__info{
    margin-top:29px;
    border-top:1px solid rgba(255,255,255,.08);
}

.refrigeratorFaq__infoItem{
    padding:19px 0;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:14px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.refrigeratorFaq__infoIcon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.04);
}

.refrigeratorFaq__infoIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.refrigeratorFaq__infoItem strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.refrigeratorFaq__infoItem div > span{
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.45;
}

/* =========================
   04. BUTTON
========================= */
.refrigeratorFaq__button{
    width:100%;
    min-height:52px;
    margin-top:27px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.refrigeratorFaq__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.refrigeratorFaq__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   04. ACCORDION
========================= */
.refrigeratorFaq__accordion{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.refrigeratorFaq__item{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.035),
            transparent 32%
        ),
        rgba(255,255,255,.012);
    transition:
        border-color .25s ease,
        background .25s ease;
}

.refrigeratorFaq__item:hover,
.refrigeratorFaq__item.is-open{
    border-color:rgba(227,197,109,.18);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.055),
            transparent 35%
        ),
        rgba(255,255,255,.016);
}

/* =========================
   04. QUESTION
========================= */
.refrigeratorFaq__question{
    width:100%;
    min-height:92px;
    padding:0 24px;
    display:grid;
    grid-template-columns:50px minmax(0,1fr) 42px;
    gap:20px;
    align-items:center;
    border:0;
    outline:0;
    cursor:pointer;
    background:transparent;
    color:inherit;
    text-align:left;
}

.refrigeratorFaq__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
}

.refrigeratorFaq__questionText{
    color:#f1eee5;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
}

/* =========================
   04. TOGGLE
========================= */
.refrigeratorFaq__toggle{
    position:relative;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.16);
    border-radius:10px;
    background:rgba(227,197,109,.035);
}

.refrigeratorFaq__toggle span{
    position:absolute;
    width:14px;
    height:1px;
    background:#e3c56d;
    transition:transform .28s ease;
}

.refrigeratorFaq__toggle span:last-child{
    transform:rotate(90deg);
}

.refrigeratorFaq__item.is-open
.refrigeratorFaq__toggle span:last-child{
    transform:rotate(0deg);
}

/* =========================
   04. ANSWER
========================= */
.refrigeratorFaq__answer{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .35s ease;
}

.refrigeratorFaq__item.is-open
.refrigeratorFaq__answer{
    grid-template-rows:1fr;
}

.refrigeratorFaq__answerInner{
    overflow:hidden;
}

.refrigeratorFaq__answerInner p{
    margin:0;
    padding:0 78px 26px 94px;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   04. RESPONSIVE
========================= */
@media (max-width:1100px){

    .refrigeratorFaq{
        padding:95px 0;
    }

    .refrigeratorFaq__head{
        gap:50px;
    }

    .refrigeratorFaq__layout{
        grid-template-columns:340px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .refrigeratorFaq__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .refrigeratorFaq__intro{
        max-width:650px;
    }

    .refrigeratorFaq__layout{
        grid-template-columns:1fr;
    }

    .refrigeratorFaq__aside{
        position:relative;
        top:auto;
    }
}

@media (max-width:768px){

    .refrigeratorFaq{
        padding:78px 0;
    }

    .refrigeratorFaq__question{
        min-height:84px;
    }

    .refrigeratorFaq__questionText{
        font-size:17px;
    }

    .refrigeratorFaq__answerInner p{
        padding-left:94px;
        padding-right:24px;
    }
}

@media (max-width:576px){

    .refrigeratorFaq{
        padding:68px 0;
    }

    .refrigeratorFaq__head{
        margin-bottom:34px;
    }

    .refrigeratorFaq__title{
        font-size:clamp(29px,8vw,36px);
    }

    .refrigeratorFaq__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .refrigeratorFaq__aside{
        padding:26px 20px;
        border-radius:16px;
    }

    .refrigeratorFaq__aside h3{
        font-size:25px;
    }

    .refrigeratorFaq__question{
        min-height:80px;
        padding:0 17px;
        grid-template-columns:31px minmax(0,1fr) 38px;
        gap:11px;
    }

    .refrigeratorFaq__questionText{
        font-size:15px;
        line-height:1.45;
    }

    .refrigeratorFaq__toggle{
        width:38px;
        height:38px;
    }

    .refrigeratorFaq__answerInner p{
        padding:0 18px 22px 59px;
        font-size:16px;
        line-height:1.68;
    }
}








/* =========================
   05. REFRIGERATOR REPAIR SERVICE PROCESS
========================= */
.refrigeratorProcess{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 24%,
            rgba(227,197,109,.06),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.04),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.refrigeratorProcess__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   05. GLOWS
========================= */
.refrigeratorProcess__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.refrigeratorProcess__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.refrigeratorProcess__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   05. HEAD
========================= */
.refrigeratorProcess__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.refrigeratorProcess__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.refrigeratorProcess__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.refrigeratorProcess__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorProcess__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   05. LAYOUT
========================= */
.refrigeratorProcess__layout{
    display:grid;
    grid-template-columns:
        minmax(430px,.92fr)
        minmax(0,1.08fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   05. CONTENT
========================= */
.refrigeratorProcess__content{
    padding:35px 31px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.065),
            transparent 34%
        ),
        rgba(255,255,255,.014);
}

.refrigeratorProcess__label{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.refrigeratorProcess__content > h3{
    margin:0;
    color:#f3f0e7;
    font-size:30px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.028em;
}

.refrigeratorProcess__content > h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorProcess__content > p{
    margin:17px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   05. STEPS
========================= */
.refrigeratorProcess__steps{
    margin-top:29px;
    border-top:1px solid rgba(255,255,255,.08);
}

.refrigeratorProcess__step{
    padding:21px 0;
    display:grid;
    grid-template-columns:34px 50px minmax(0,1fr);
    gap:14px;
    align-items:start;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.refrigeratorProcess__number{
    padding-top:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.refrigeratorProcess__icon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(227,197,109,.04);
}

.refrigeratorProcess__icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.refrigeratorProcess__stepLabel{
    display:block;
    margin-bottom:4px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.refrigeratorProcess__step h4{
    margin:0;
    color:#f0ede4;
    font-size:17px;
    line-height:1.4;
    font-weight:600;
}

.refrigeratorProcess__step p{
    margin:7px 0 0;
    color:rgba(245,242,233,.49);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   05. BUTTON
========================= */
.refrigeratorProcess__button{
    min-height:52px;
    margin-top:28px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.refrigeratorProcess__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.2);
}

.refrigeratorProcess__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   05. VISUAL
========================= */
.refrigeratorProcess__visual{
    position:relative;
    min-height:720px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.27);
}

.refrigeratorProcess__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.refrigeratorProcess__visual:hover img{
    transform:scale(1.035);
}

.refrigeratorProcess__overlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.03) 18%,*/
    /*        rgba(0,0,0,.12) 48%,*/
    /*        rgba(0,0,0,.9) 100%*/
    /*    );*/
}

.refrigeratorProcess__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    right:22px;
}

.refrigeratorProcess__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(8,8,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

/* =========================
   05. VISUAL CONTENT
========================= */
.refrigeratorProcess__visualContent{
    position:absolute;
    z-index:3;
    left:31px;
    right:31px;
    bottom:128px;
    max-width:580px;
}

.refrigeratorProcess__visualLabel{
    display:block;
    margin-bottom:13px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.refrigeratorProcess__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(29px,2.6vw,40px);
    line-height:1.13;
    font-weight:600;
    letter-spacing:-.03em;
}

.refrigeratorProcess__visualContent h3 strong{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorProcess__visualContent p{
    max-width:530px;
    margin:16px 0 0;
    color:rgba(245,242,233,.68);
    font-size:15px;
    line-height:1.68;
}

/* =========================
   05. VISUAL BOTTOM
========================= */
.refrigeratorProcess__visualBottom{
    position:absolute;
    z-index:3;
    left:22px;
    right:22px;
    bottom:22px;
    padding:16px 18px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:13px;
    align-items:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(8,8,8,.8);
    backdrop-filter:blur(14px);
}

.refrigeratorProcess__visualBottom > div{
    text-align:center;
}

.refrigeratorProcess__visualBottom div > span{
    display:block;
    margin-bottom:4px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.refrigeratorProcess__visualBottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.refrigeratorProcess__divider{
    width:1px;
    height:34px;
    background:rgba(227,197,109,.15);
}

/* =========================
   05. RESPONSIVE
========================= */
@media (max-width:1100px){

    .refrigeratorProcess{
        padding:95px 0;
    }

    .refrigeratorProcess__head{
        gap:50px;
    }

    .refrigeratorProcess__layout{
        grid-template-columns:430px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .refrigeratorProcess__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .refrigeratorProcess__intro{
        max-width:650px;
    }

    .refrigeratorProcess__layout{
        grid-template-columns:1fr;
    }

    .refrigeratorProcess__visual{
        min-height:600px;
    }
}

@media (max-width:768px){

    .refrigeratorProcess{
        padding:78px 0;
    }
}

@media (max-width:576px){

    .refrigeratorProcess{
        padding:68px 0;
    }

    .refrigeratorProcess__head{
        margin-bottom:34px;
    }

    .refrigeratorProcess__title{
        font-size:clamp(29px,8vw,36px);
    }

    .refrigeratorProcess__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .refrigeratorProcess__content{
        padding:25px 20px;
        border-radius:16px;
    }

    .refrigeratorProcess__content > h3{
        font-size:25px;
    }

    .refrigeratorProcess__step{
        grid-template-columns:27px 44px minmax(0,1fr);
        gap:11px;
    }

    .refrigeratorProcess__icon{
        width:44px;
        height:44px;
    }

    .refrigeratorProcess__step h4{
        font-size:16px;
    }

    .refrigeratorProcess__button{
        width:100%;
    }

    .refrigeratorProcess__visual{
        min-height:570px;
        border-radius:16px;
    }

    .refrigeratorProcess__visualTop{
        top:15px;
        right:15px;
    }

    .refrigeratorProcess__visualContent{
        left:20px;
        right:20px;
        bottom:150px;
    }

    .refrigeratorProcess__visualContent h3{
        font-size:27px;
    }

    .refrigeratorProcess__visualBottom{
        left:15px;
        right:15px;
        bottom:15px;
        grid-template-columns:1fr;
    }

    .refrigeratorProcess__divider{
        display:none;
    }
}









/* =========================
   06. REFRIGERATOR REPAIR THROUGHOUT MANHATTAN
========================= */
.refrigeratorAreas{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 24%,
            rgba(227,197,109,.055),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 80%,
            rgba(227,197,109,.04),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.refrigeratorAreas__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   06. GLOWS
========================= */
.refrigeratorAreas__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.refrigeratorAreas__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:70px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.refrigeratorAreas__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   06. HEAD
========================= */
.refrigeratorAreas__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.refrigeratorAreas__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.refrigeratorAreas__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.refrigeratorAreas__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorAreas__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   06. LAYOUT
========================= */
.refrigeratorAreas__layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.28fr)
        minmax(350px,.72fr);
    gap:24px;
    align-items:start;
}

/* =========================
   06. AREAS
========================= */
.refrigeratorAreas__areas{
    padding:34px 31px 31px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.055),
            transparent 34%
        ),
        rgba(255,255,255,.014);
}

.refrigeratorAreas__areasHead{
    padding-bottom:26px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.refrigeratorAreas__areasHead > span{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.refrigeratorAreas__areasHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.027em;
}

.refrigeratorAreas__areasHead h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorAreas__areasHead p{
    max-width:670px;
    margin:16px 0 0;
    color:rgba(245,242,233,.56);
    font-size:15px;
    line-height:1.68;
}

/* =========================
   06. AREA GRID
========================= */
.refrigeratorAreas__grid{
    margin-top:26px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}

.refrigeratorAreas__area{
    min-height:73px;
    padding:13px 14px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border:1px solid rgba(255,255,255,.07);
    border-radius:10px;
    background:rgba(255,255,255,.012);
    text-decoration:none;
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.refrigeratorAreas__area:hover{
    transform:translateY(-3px);
    border-color:rgba(227,197,109,.2);
    background:rgba(227,197,109,.028);
}

.refrigeratorAreas__area span{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.refrigeratorAreas__area strong{
    margin-top:14px;
    color:#eeeae0;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

/* =========================
   06. PANEL
========================= */
.refrigeratorAreas__panel{
    position:sticky;
    top:120px;
    padding:35px 31px;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.075),
            transparent 37%
        ),
        rgba(255,255,255,.014);
}

.refrigeratorAreas__panelLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.refrigeratorAreas__panel h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.027em;
}

.refrigeratorAreas__panel h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorAreas__panel > p{
    margin:18px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   06. FEATURES
========================= */
.refrigeratorAreas__features{
    margin-top:28px;
    border-top:1px solid rgba(255,255,255,.08);
}

.refrigeratorAreas__feature{
    padding:19px 0;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:14px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.refrigeratorAreas__icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.04);
}

.refrigeratorAreas__icon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.refrigeratorAreas__feature strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.refrigeratorAreas__feature div > span{
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.45;
}

/* =========================
   06. BUTTON
========================= */
.refrigeratorAreas__button{
    width:100%;
    min-height:52px;
    margin-top:27px;
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.refrigeratorAreas__button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 38px rgba(227,197,109,.2);
}

.refrigeratorAreas__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   06. BOTTOM
========================= */
.refrigeratorAreas__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:26px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.refrigeratorAreas__bottom > div{
    text-align:center;
}

.refrigeratorAreas__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.refrigeratorAreas__bottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.refrigeratorAreas__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   06. RESPONSIVE
========================= */
@media (max-width:1100px){

    .refrigeratorAreas{
        padding:95px 0;
    }

    .refrigeratorAreas__head{
        gap:50px;
    }

    .refrigeratorAreas__layout{
        grid-template-columns:minmax(0,1fr) 350px;
    }

    .refrigeratorAreas__grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:900px){

    .refrigeratorAreas__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .refrigeratorAreas__intro{
        max-width:650px;
    }

    .refrigeratorAreas__layout{
        grid-template-columns:1fr;
    }

    .refrigeratorAreas__panel{
        position:relative;
        top:auto;
    }

    .refrigeratorAreas__grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media (max-width:768px){

    .refrigeratorAreas{
        padding:78px 0;
    }

    .refrigeratorAreas__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .refrigeratorAreas__bottom{
        grid-template-columns:1fr;
    }

    .refrigeratorAreas__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .refrigeratorAreas{
        padding:68px 0;
    }

    .refrigeratorAreas__head{
        margin-bottom:34px;
    }

    .refrigeratorAreas__title{
        font-size:clamp(29px,8vw,36px);
    }

    .refrigeratorAreas__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .refrigeratorAreas__areas,
    .refrigeratorAreas__panel{
        padding:25px 20px;
        border-radius:16px;
    }

    .refrigeratorAreas__areasHead h3,
    .refrigeratorAreas__panel h3{
        font-size:25px;
    }

    .refrigeratorAreas__grid{
        grid-template-columns:1fr;
    }

    .refrigeratorAreas__area{
        min-height:68px;
    }

    .refrigeratorAreas__bottom{
        padding:21px 18px;
    }
}









/* =========================
   07. WHY CHOOSE US FOR REFRIGERATOR REPAIR
========================= */
.refrigeratorWhy{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 10% 24%,
            rgba(227,197,109,.06),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.refrigeratorWhy__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   07. GLOWS
========================= */
.refrigeratorWhy__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.refrigeratorWhy__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.refrigeratorWhy__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   07. HEAD
========================= */
.refrigeratorWhy__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.refrigeratorWhy__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.refrigeratorWhy__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.refrigeratorWhy__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorWhy__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   07. MAIN LAYOUT
========================= */
.refrigeratorWhy__layout{
    display:grid;
    grid-template-columns:
        minmax(350px,.7fr)
        minmax(0,1.3fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   07. STATEMENT
========================= */
.refrigeratorWhy__statement{
    padding:38px 34px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.075),
            transparent 35%
        ),
        rgba(255,255,255,.014);
}

.refrigeratorWhy__statementLabel{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.refrigeratorWhy__statement h3{
    margin:0;
    color:#f3f0e7;
    font-size:31px;
    line-height:1.17;
    font-weight:600;
    letter-spacing:-.03em;
}

.refrigeratorWhy__statement h3 span{
    display:block;
    margin-top:6px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorWhy__statement > p{
    margin:21px 0 0;
    color:rgba(245,242,233,.61);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   07. QUOTE
========================= */
.refrigeratorWhy__quote{
    position:relative;
    margin-top:30px;
    padding:22px 20px 22px 51px;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.refrigeratorWhy__quoteMark{
    position:absolute;
    top:14px;
    left:0;
    color:#e3c56d;
    font-family:Overlock,Arial,sans-serif;
    font-size:48px;
    line-height:1;
    opacity:.8;
}

.refrigeratorWhy__quote p{
    margin:0;
    color:#d5d1c7;
    font-size:15px;
    line-height:1.7;
    font-style:italic;
}

/* =========================
   07. BUTTON
========================= */
.refrigeratorWhy__button{
    width:max-content;
    min-height:52px;
    margin-top:auto;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.12);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.refrigeratorWhy__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.2);
}

.refrigeratorWhy__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================
   07. CARDS
========================= */
.refrigeratorWhy__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.refrigeratorWhy__card{
    position:relative;
    min-height:245px;
    padding:27px 25px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.05),
            transparent 35%
        ),
        rgba(255,255,255,.014);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.refrigeratorWhy__card::after{
    content:"";
    position:absolute;
    left:25px;
    right:25px;
    bottom:24px;
    height:1px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.35),
            rgba(227,197,109,.04)
        );
}

.refrigeratorWhy__card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.2);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.08),
            transparent 38%
        ),
        rgba(255,255,255,.02);
}

.refrigeratorWhy__cardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.refrigeratorWhy__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.refrigeratorWhy__icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.19);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}

.refrigeratorWhy__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.refrigeratorWhy__card h3{
    margin:31px 0 0;
    color:#f2efe6;
    font-size:21px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}

.refrigeratorWhy__card p{
    max-width:330px;
    margin:10px 0 35px;
    color:rgba(245,242,233,.55);
    font-size:16px;
    line-height:1.65;
}

/* =========================
   07. BOTTOM STRIP
========================= */
.refrigeratorWhy__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:26px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.refrigeratorWhy__bottomItem{
    text-align:center;
}

.refrigeratorWhy__bottomItem span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.refrigeratorWhy__bottomItem strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.refrigeratorWhy__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   07. RESPONSIVE
========================= */
@media (max-width:1100px){

    .refrigeratorWhy{
        padding:95px 0;
    }

    .refrigeratorWhy__head{
        gap:50px;
    }

    .refrigeratorWhy__layout{
        grid-template-columns:350px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .refrigeratorWhy__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .refrigeratorWhy__intro{
        max-width:650px;
    }

    .refrigeratorWhy__layout{
        grid-template-columns:1fr;
    }

    .refrigeratorWhy__button{
        margin-top:30px;
    }
}

@media (max-width:768px){

    .refrigeratorWhy{
        padding:78px 0;
    }

    .refrigeratorWhy__grid{
        grid-template-columns:1fr;
    }

    .refrigeratorWhy__bottom{
        grid-template-columns:1fr;
    }

    .refrigeratorWhy__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .refrigeratorWhy{
        padding:68px 0;
    }

    .refrigeratorWhy__head{
        margin-bottom:34px;
    }

    .refrigeratorWhy__title{
        font-size:clamp(29px,8vw,36px);
    }

    .refrigeratorWhy__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .refrigeratorWhy__statement{
        padding:27px 20px;
        border-radius:16px;
    }

    .refrigeratorWhy__statement h3{
        font-size:26px;
    }

    .refrigeratorWhy__button{
        width:100%;
    }

    .refrigeratorWhy__card{
        min-height:225px;
        padding:23px 20px;
    }

    .refrigeratorWhy__card h3{
        margin-top:26px;
        font-size:20px;
    }

    .refrigeratorWhy__bottom{
        padding:21px 18px;
    }
}









/* =========================
   08. REFRIGERATOR BOOKING / SCHEDULE SERVICE
========================= */
.refrigeratorBooking{
    position:relative;
    overflow:hidden;
    padding:110px 0 95px;
    background:
        radial-gradient(
            circle at 10% 25%,
            rgba(227,197,109,.065),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.refrigeratorBooking__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   08. GLOWS
========================= */
.refrigeratorBooking__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.refrigeratorBooking__glow--left{
    width:540px;
    height:540px;
    left:-300px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.06),
            transparent 70%
        );
}

.refrigeratorBooking__glow--right{
    width:500px;
    height:500px;
    right:-250px;
    bottom:-170px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   08. HEAD
========================= */
.refrigeratorBooking__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.refrigeratorBooking__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.refrigeratorBooking__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.refrigeratorBooking__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorBooking__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   08. LAYOUT
========================= */
.refrigeratorBooking__layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.05fr)
        minmax(430px,.95fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   08. VISUAL
========================= */
.refrigeratorBooking__visual{
    position:relative;
    min-height:720px;
    overflow:hidden;
    border:1px solid rgba(227,197,109,.16);
    border-radius:20px;
    background:#111;
    box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.refrigeratorBooking__visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .65s ease;
}

.refrigeratorBooking__visual:hover img{
    transform:scale(1.035);
}

.refrigeratorBooking__overlay{
    position:absolute;
    inset:0;
    /*background:*/
    /*    linear-gradient(*/
    /*        180deg,*/
    /*        rgba(0,0,0,.03) 15%,*/
    /*        rgba(0,0,0,.11) 45%,*/
    /*        rgba(0,0,0,.9) 100%*/
    /*    );*/
}

.refrigeratorBooking__visualTop{
    position:absolute;
    z-index:3;
    top:22px;
    left:22px;
}

.refrigeratorBooking__visualTop span{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(227,197,109,.2);
    border-radius:8px;
    color:#f0ede4;
    background:rgba(9,9,8,.7);
    backdrop-filter:blur(12px);
    font-size:16px;
    line-height:1.3;
    font-weight:600;
}

/* =========================
   08. VISUAL CONTENT
========================= */
.refrigeratorBooking__visualContent{
    position:absolute;
    z-index:3;
    left:32px;
    right:32px;
    bottom:155px;
    max-width:570px;
}

.refrigeratorBooking__visualLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.refrigeratorBooking__visualContent h3{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.12;
    font-weight:600;
    letter-spacing:-.03em;
}

.refrigeratorBooking__visualContent h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorBooking__visualContent p{
    max-width:520px;
    margin:18px 0 0;
    color:rgba(245,242,233,.7);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   08. FEATURES
========================= */
.refrigeratorBooking__features{
    position:absolute;
    z-index:3;
    left:24px;
    right:24px;
    bottom:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.refrigeratorBooking__feature{
    padding:16px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:13px;
    align-items:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(9,9,8,.78);
    backdrop-filter:blur(14px);
}

.refrigeratorBooking__featureIcon{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:10px;
    background:rgba(227,197,109,.04);
}

.refrigeratorBooking__featureIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.refrigeratorBooking__feature strong{
    display:block;
    margin-bottom:4px;
    color:#f1eee5;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.refrigeratorBooking__feature div > span{
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.4;
}

/* =========================
   08. FORM WRAP
========================= */
.refrigeratorBooking__formWrap{
    padding:34px 31px 28px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.065),
            transparent 34%
        ),
        rgba(255,255,255,.016);
    box-shadow:0 30px 80px rgba(0,0,0,.18);
}

.refrigeratorBooking__formHead{
    margin-bottom:24px;
}

.refrigeratorBooking__formHead > span{
    display:block;
    margin-bottom:12px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.refrigeratorBooking__formHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:28px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}

.refrigeratorBooking__formHead p{
    margin:13px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.65;
}

/* =========================
   08. FORM
========================= */
.refrigeratorBooking__form{
    flex:1;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:#fff;
}

.refrigeratorBooking__form iframe{
    display:block;
    width:100%;
    min-height:520px !important;
    border:0;
}

/* =========================
   08. FORM BOTTOM
========================= */
.refrigeratorBooking__formBottom{
    margin-top:20px;
    padding-top:20px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
}

.refrigeratorBooking__formBottom > div + div{
    padding-left:20px;
    border-left:1px solid rgba(227,197,109,.13);
}

.refrigeratorBooking__formBottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
}

.refrigeratorBooking__formBottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

/* =========================
   08. RESPONSIVE
========================= */
@media (max-width:1100px){

    .refrigeratorBooking{
        padding:95px 0 85px;
    }

    .refrigeratorBooking__head{
        gap:50px;
    }

    .refrigeratorBooking__layout{
        grid-template-columns:minmax(0,1fr) 430px;
    }
}

@media (max-width:900px){

    .refrigeratorBooking__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .refrigeratorBooking__intro{
        max-width:650px;
    }

    .refrigeratorBooking__layout{
        grid-template-columns:1fr;
    }

    .refrigeratorBooking__visual{
        min-height:620px;
    }
}

@media (max-width:768px){

    .refrigeratorBooking{
        padding:78px 0 70px;
    }
}

@media (max-width:576px){

    .refrigeratorBooking{
        padding:68px 0 60px;
    }

    .refrigeratorBooking__head{
        margin-bottom:34px;
    }

    .refrigeratorBooking__title{
        font-size:clamp(29px,8vw,36px);
    }

    .refrigeratorBooking__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .refrigeratorBooking__visual{
        min-height:650px;
        border-radius:16px;
    }

    .refrigeratorBooking__visualTop{
        top:15px;
        left:15px;
    }

    .refrigeratorBooking__visualContent{
        left:20px;
        right:20px;
        bottom:205px;
    }

    .refrigeratorBooking__visualContent h3{
        font-size:28px;
    }

    .refrigeratorBooking__visualContent p{
        font-size:16px;
        line-height:1.65;
    }

    .refrigeratorBooking__features{
        left:15px;
        right:15px;
        bottom:15px;
        grid-template-columns:1fr;
    }

    .refrigeratorBooking__formWrap{
        padding:25px 20px;
        border-radius:16px;
    }

    .refrigeratorBooking__formHead h3{
        font-size:24px;
    }

    .refrigeratorBooking__form iframe{
        min-height:500px !important;
    }

    .refrigeratorBooking__formBottom{
        grid-template-columns:1fr;
    }

    .refrigeratorBooking__formBottom > div + div{
        padding-left:0;
        padding-top:15px;
        border-left:0;
        border-top:1px solid rgba(227,197,109,.13);
    }
}








/* =========================
   09. FINAL REFRIGERATOR REPAIR CTA
========================= */
.refrigeratorFinal{
    position:relative;
    overflow:hidden;
    padding:105px 0 95px;
    background:
        radial-gradient(
            circle at 8% 30%,
            rgba(227,197,109,.065),
            transparent 25%
        ),
        radial-gradient(
            circle at 94% 65%,
            rgba(227,197,109,.045),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #080808 100%
        );
}

.refrigeratorFinal__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   09. GLOWS
========================= */
.refrigeratorFinal__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.refrigeratorFinal__glow--left{
    width:560px;
    height:560px;
    left:-320px;
    top:20px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.06),
            transparent 70%
        );
}

.refrigeratorFinal__glow--right{
    width:520px;
    height:520px;
    right:-290px;
    bottom:-200px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   09. MAIN
========================= */
.refrigeratorFinal__main{
    display:grid;
    grid-template-columns:
        minmax(0,.9fr)
        minmax(500px,1.1fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   09. LEFT CONTENT
========================= */
.refrigeratorFinal__content{
    padding:43px 38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.08),
            transparent 38%
        ),
        rgba(255,255,255,.014);
}

.refrigeratorFinal__eyebrow{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.refrigeratorFinal__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.5vw,52px);
    line-height:1.07;
    font-weight:620;
    letter-spacing:-.038em;
}

.refrigeratorFinal__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.refrigeratorFinal__content > p{
    max-width:650px;
    margin:22px 0 0;
    color:rgba(245,242,233,.61);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   09. ACTIONS
========================= */
.refrigeratorFinal__actions{
    margin-top:30px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
}

.refrigeratorFinal__button{
    min-height:52px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.13);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.refrigeratorFinal__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.22);
}

.refrigeratorFinal__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.refrigeratorFinal__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.32);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:
        color .25s ease,
        border-color .25s ease;
}

.refrigeratorFinal__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   09. RIGHT PANEL
========================= */
.refrigeratorFinal__panel{
    padding:35px 32px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.055),
            transparent 34%
        ),
        rgba(255,255,255,.013);
}

.refrigeratorFinal__panelHead{
    padding-bottom:24px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.refrigeratorFinal__panelHead > span{
    display:block;
    margin-bottom:9px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.refrigeratorFinal__panelHead h3{
    margin:0;
    color:#f3f0e7;
    font-size:27px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.025em;
}

.refrigeratorFinal__panelHead h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

/* =========================
   09. INFO ITEMS
========================= */
.refrigeratorFinal__items{
    display:flex;
    flex-direction:column;
}

.refrigeratorFinal__item{
    padding:24px 0;
    display:grid;
    grid-template-columns:43px minmax(0,1fr);
    gap:17px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.refrigeratorFinal__item:last-child{
    padding-bottom:0;
    border-bottom:0;
}

.refrigeratorFinal__number{
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:10px;
    color:#e3c56d;
    background:rgba(227,197,109,.04);
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.refrigeratorFinal__item strong{
    display:block;
    margin-bottom:6px;
    color:#f0ede4;
    font-size:17px;
    line-height:1.4;
    font-weight:600;
}

.refrigeratorFinal__item p{
    max-width:570px;
    margin:0;
    color:rgba(245,242,233,.51);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   09. BOTTOM STRIP
========================= */
.refrigeratorFinal__bottom{
    margin-top:24px;
    padding:23px 26px;
    display:grid;
    grid-template-columns:
        1fr auto
        1fr auto
        1fr auto
        1fr;
    gap:22px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.011)
        );
}

.refrigeratorFinal__bottom > div{
    text-align:center;
}

.refrigeratorFinal__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.refrigeratorFinal__bottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.refrigeratorFinal__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   09. RESPONSIVE
========================= */
@media (max-width:1100px){

    .refrigeratorFinal{
        padding:95px 0 85px;
    }

    .refrigeratorFinal__main{
        grid-template-columns:
            minmax(350px,.8fr)
            minmax(0,1.2fr);
    }
}

@media (max-width:900px){

    .refrigeratorFinal__main{
        grid-template-columns:1fr;
    }

    .refrigeratorFinal__bottom{
        grid-template-columns:repeat(2,1fr);
    }

    .refrigeratorFinal__divider{
        display:none;
    }
}

@media (max-width:768px){

    .refrigeratorFinal{
        padding:78px 0 70px;
    }
}

@media (max-width:576px){

    .refrigeratorFinal{
        padding:68px 0 60px;
    }

    .refrigeratorFinal__content{
        padding:29px 20px;
        border-radius:16px;
    }

    .refrigeratorFinal__title{
        font-size:clamp(29px,8vw,36px);
    }

    .refrigeratorFinal__content > p{
        font-size:16px;
        line-height:1.68;
    }

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

    .refrigeratorFinal__button{
        width:100%;
    }

    .refrigeratorFinal__link{
        width:max-content;
    }

    .refrigeratorFinal__panel{
        padding:26px 20px;
        border-radius:16px;
    }

    .refrigeratorFinal__panelHead h3{
        font-size:23px;
    }

    .refrigeratorFinal__item{
        grid-template-columns:40px minmax(0,1fr);
        gap:13px;
    }

    .refrigeratorFinal__number{
        width:40px;
        height:40px;
    }

    .refrigeratorFinal__item strong{
        font-size:16px;
    }

    .refrigeratorFinal__bottom{
        padding:21px 18px;
        grid-template-columns:1fr;
    }
}






























/* =========================
   01. PRIVACY POLICY HERO / INTRODUCTION
========================= */
.privacyHero{
    position:relative;
    overflow:hidden;
    padding:145px 0 95px;
    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(227,197,109,.075),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(227,197,109,.045),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #080808 0%,
            #0d0d0c 55%,
            #090909 100%
        );
}

.privacyHero__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   01. GLOWS
========================= */
.privacyHero__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.privacyHero__glow--left{
    width:560px;
    height:560px;
    left:-310px;
    top:-140px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.07),
            transparent 70%
        );
}

.privacyHero__glow--right{
    width:520px;
    height:520px;
    right:-280px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   01. BREADCRUMB
========================= */
.privacyHero__breadcrumb{
    margin-bottom:31px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    color:rgba(245,242,233,.42);
    font-size:16px;
    line-height:1.4;
}

.privacyHero__breadcrumb a{
    color:rgba(245,242,233,.6);
    text-decoration:none;
    transition:color .25s ease;
}

.privacyHero__breadcrumb a:hover{
    color:#e3c56d;
}

.privacyHero__breadcrumb > span:last-child{
    color:#e3c56d;
}

/* =========================
   01. LAYOUT
========================= */
.privacyHero__layout{
    display:grid;
    grid-template-columns:
        minmax(0,.95fr)
        minmax(430px,1.05fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   01. LEFT CONTENT
========================= */
.privacyHero__content{
    min-height:610px;
    padding:42px 36px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(227,197,109,.14);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.075),
            transparent 36%
        ),
        rgba(255,255,255,.014);
}

.privacyHero__eyebrow{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.privacyHero__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(44px,4.3vw,66px);
    line-height:1.03;
    font-weight:620;
    letter-spacing:-.044em;
}

.privacyHero__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.privacyHero__intro{
    max-width:670px;
    margin:23px 0 0;
    color:rgba(245,242,233,.66);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   01. META
========================= */
.privacyHero__meta{
    margin-top:32px;
    border-top:1px solid rgba(255,255,255,.08);
}

.privacyHero__metaItem{
    padding:19px 0;
    display:grid;
    grid-template-columns:39px minmax(0,1fr);
    gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.privacyHero__metaItem > span{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
}

.privacyHero__metaItem strong{
    display:block;
    margin-bottom:5px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.privacyHero__metaItem p{
    margin:0;
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.55;
}

/* =========================
   01. RIGHT PANEL
========================= */
.privacyHero__panel{
    padding:41px 37px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.065),
            transparent 36%
        ),
        rgba(255,255,255,.014);
}

.privacyHero__panelLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.privacyHero__panel h2{
    margin:0;
    color:#f3f0e7;
    font-size:32px;
    line-height:1.16;
    font-weight:600;
    letter-spacing:-.03em;
}

.privacyHero__panel h2 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.privacyHero__panel > p{
    margin:18px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   01. ITEMS
========================= */
.privacyHero__items{
    margin-top:28px;
    border-top:1px solid rgba(255,255,255,.08);
}

.privacyHero__item{
    padding:19px 0;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:14px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.privacyHero__icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(227,197,109,.04);
}

.privacyHero__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.privacyHero__item strong{
    display:block;
    margin-bottom:4px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.privacyHero__item div > span{
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.45;
}

/* =========================
   01. LINK
========================= */
.privacyHero__link{
    margin-top:27px;
    padding-top:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:color .25s ease;
}

.privacyHero__link:hover{
    color:#e3c56d;
}

.privacyHero__link svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .25s ease;
}

.privacyHero__link:hover svg{
    transform:translateY(3px);
}

/* =========================
   01. BOTTOM STRIP
========================= */
.privacyHero__bottom{
    margin-top:24px;
    padding:23px 26px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;
    gap:22px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.011)
        );
}

.privacyHero__bottom > div{
    text-align:center;
}

.privacyHero__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.privacyHero__bottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.privacyHero__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   01. RESPONSIVE
========================= */
@media (max-width:1100px){

    .privacyHero{
        padding:130px 0 85px;
    }

    .privacyHero__layout{
        grid-template-columns:minmax(0,1fr) 430px;
    }
}

@media (max-width:900px){

    .privacyHero__layout{
        grid-template-columns:1fr;
    }

    .privacyHero__content{
        min-height:auto;
    }

    .privacyHero__bottom{
        grid-template-columns:repeat(2,1fr);
    }

    .privacyHero__divider{
        display:none;
    }
}

@media (max-width:768px){

    .privacyHero{
        padding:115px 0 75px;
    }
}

@media (max-width:576px){

    .privacyHero{
        padding:105px 0 68px;
    }

    .privacyHero__breadcrumb{
        margin-bottom:25px;
    }

    .privacyHero__content,
    .privacyHero__panel{
        padding:27px 20px;
        border-radius:16px;
    }

    .privacyHero__title{
        font-size:clamp(36px,10vw,46px);
    }

    .privacyHero__intro{
        font-size:15px;
        line-height:1.7;
    }

    .privacyHero__panel h2{
        font-size:26px;
    }

    .privacyHero__bottom{
        padding:21px 18px;
        grid-template-columns:1fr;
    }
}










/* =========================
   02. INFORMATION WE COLLECT & HOW WE USE IT
========================= */
.privacyContent{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(227,197,109,.05),
            transparent 24%
        ),
        radial-gradient(
            circle at 94% 82%,
            rgba(227,197,109,.035),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.privacyContent__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   02. GLOWS
========================= */
.privacyContent__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.privacyContent__glow--left{
    width:520px;
    height:520px;
    left:-300px;
    top:150px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.05),
            transparent 70%
        );
}

.privacyContent__glow--right{
    width:520px;
    height:520px;
    right:-290px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   02. HEAD
========================= */
.privacyContent__head{
    margin-bottom:50px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.privacyContent__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.privacyContent__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.privacyContent__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.privacyContent__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   02. LAYOUT
========================= */
.privacyContent__layout{
    display:grid;
    grid-template-columns:
        320px
        minmax(0,1fr);
    gap:24px;
    align-items:start;
}

/* =========================
   02. LEFT NAVIGATION
========================= */
.privacyContent__nav{
    position:sticky;
    top:120px;
    padding:28px 24px;
    border:1px solid rgba(227,197,109,.14);
    border-radius:18px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.065),
            transparent 38%
        ),
        rgba(255,255,255,.014);
}

.privacyContent__navLabel{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.privacyContent__navItem{
    min-height:55px;
    padding:11px 0;
    display:grid;
    grid-template-columns:31px minmax(0,1fr);
    gap:10px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.07);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
    text-decoration:none;
    transition:
        color .25s ease,
        padding-left .25s ease;
}

.privacyContent__navItem:hover{
    padding-left:4px;
    color:#e3c56d;
}

.privacyContent__navItem > span{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.privacyContent__navNote{
    margin-top:24px;
    padding:19px;
    border:1px solid rgba(227,197,109,.11);
    border-radius:11px;
    background:rgba(227,197,109,.025);
}

.privacyContent__navNote > span{
    display:block;
    margin-bottom:7px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.privacyContent__navNote p{
    margin:0;
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   02. CONTENT SECTIONS
========================= */
.privacyContent__sections{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.privacyContent__section{
    padding:35px 34px;
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:23px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:17px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.04),
            transparent 34%
        ),
        rgba(255,255,255,.012);
}

.privacyContent__sectionNumber{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    color:#e3c56d;
    background:rgba(227,197,109,.035);
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.privacyContent__sectionLabel{
    display:block;
    margin-bottom:9px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.privacyContent__sectionBody h3{
    margin:0;
    color:#f2efe6;
    font-size:24px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.022em;
}

.privacyContent__sectionBody > p{
    max-width:900px;
    margin:15px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.75;
}

.privacyContent__sectionBody > p + p{
    margin-top:13px;
}

/* =========================
   02. SIMPLE LIST
========================= */
.privacyContent__list{
    margin-top:21px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.privacyContent__list > div{
    min-height:47px;
    padding:0 14px;
    display:flex;
    align-items:center;
    gap:11px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:8px;
    color:rgba(245,242,233,.62);
    background:rgba(255,255,255,.01);
    font-size:16px;
    line-height:1.4;
}

.privacyContent__list > div > span{
    width:5px;
    height:5px;
    flex:0 0 auto;
    border-radius:50%;
    background:#e3c56d;
}

/* =========================
   02. PURPOSE GRID
========================= */
.privacyContent__purposeGrid{
    margin-top:22px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.privacyContent__purpose{
    min-height:145px;
    padding:17px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:10px;
    background:rgba(255,255,255,.01);
}

.privacyContent__purpose > span{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.privacyContent__purpose strong{
    display:block;
    color:#eeeae0;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.privacyContent__purpose p{
    margin:7px 0 0;
    color:rgba(245,242,233,.47);
    font-size:16px;
    line-height:1.55;
}

/* =========================
   02. RESPONSIVE
========================= */
@media (max-width:1100px){

    .privacyContent{
        padding:95px 0;
    }

    .privacyContent__head{
        gap:50px;
    }

    .privacyContent__layout{
        grid-template-columns:290px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .privacyContent__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .privacyContent__intro{
        max-width:650px;
    }

    .privacyContent__layout{
        grid-template-columns:1fr;
    }

    .privacyContent__nav{
        position:relative;
        top:auto;
    }
}

@media (max-width:768px){

    .privacyContent{
        padding:78px 0;
    }

    .privacyContent__section{
        grid-template-columns:48px minmax(0,1fr);
        gap:17px;
        padding:28px 24px;
    }

    .privacyContent__sectionNumber{
        width:44px;
        height:44px;
    }
}

@media (max-width:576px){

    .privacyContent{
        padding:68px 0;
    }

    .privacyContent__head{
        margin-bottom:34px;
    }

    .privacyContent__title{
        font-size:clamp(29px,8vw,36px);
    }

    .privacyContent__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .privacyContent__nav{
        padding:24px 20px;
        border-radius:16px;
    }

    .privacyContent__section{
        padding:24px 20px;
        grid-template-columns:1fr;
        border-radius:15px;
    }

    .privacyContent__sectionBody h3{
        font-size:21px;
    }

    .privacyContent__sectionBody > p{
        font-size:16px;
        line-height:1.7;
    }

    .privacyContent__list,
    .privacyContent__purposeGrid{
        grid-template-columns:1fr;
    }
}









/* =========================
   03. COOKIES, ANALYTICS & THIRD-PARTY SERVICES
========================= */
.privacyTools{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 9% 25%,
            rgba(227,197,109,.055),
            transparent 24%
        ),
        radial-gradient(
            circle at 93% 76%,
            rgba(227,197,109,.04),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.privacyTools__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   03. GLOWS
========================= */
.privacyTools__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.privacyTools__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:90px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.privacyTools__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   03. HEAD
========================= */
.privacyTools__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.privacyTools__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.privacyTools__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.privacyTools__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.privacyTools__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   03. LAYOUT
========================= */
.privacyTools__layout{
    display:grid;
    grid-template-columns:
        minmax(360px,.75fr)
        minmax(0,1.25fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   03. LEFT CONTENT
========================= */
.privacyTools__content{
    padding:38px 34px;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.07),
            transparent 36%
        ),
        rgba(255,255,255,.014);
}

.privacyTools__label{
    display:block;
    margin-bottom:15px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.privacyTools__content > h3{
    margin:0;
    color:#f3f0e7;
    font-size:31px;
    line-height:1.17;
    font-weight:600;
    letter-spacing:-.03em;
}

.privacyTools__content > h3 span{
    display:block;
    margin-top:6px;
    color:#aaa69c;
    font-weight:500;
}

.privacyTools__content > p{
    margin:20px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

.privacyTools__content > p + p{
    margin-top:13px;
}

/* =========================
   03. NOTE
========================= */
.privacyTools__note{
    margin-top:30px;
    padding:20px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:15px;
    border:1px solid rgba(227,197,109,.13);
    border-radius:12px;
    background:rgba(227,197,109,.025);
}

.privacyTools__noteIcon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.04);
}

.privacyTools__noteIcon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.privacyTools__note strong{
    display:block;
    margin-bottom:6px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.privacyTools__note p{
    margin:0;
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   03. CARDS
========================= */
.privacyTools__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.privacyTools__card{
    min-height:360px;
    padding:28px 24px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.05),
            transparent 36%
        ),
        rgba(255,255,255,.013);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.privacyTools__card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.19);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.08),
            transparent 38%
        ),
        rgba(255,255,255,.018);
}

.privacyTools__cardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.privacyTools__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.privacyTools__icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(227,197,109,.04);
}

.privacyTools__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.privacyTools__card h3{
    margin:48px 0 0;
    color:#f1eee5;
    font-size:21px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}

.privacyTools__card p{
    margin:11px 0 0;
    color:rgba(245,242,233,.54);
    font-size:16px;
    line-height:1.68;
}

/* =========================
   03. BOTTOM
========================= */
.privacyTools__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:26px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.privacyTools__bottomItem{
    text-align:center;
}

.privacyTools__bottomItem span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.privacyTools__bottomItem strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.privacyTools__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   03. RESPONSIVE
========================= */
@media (max-width:1100px){

    .privacyTools{
        padding:95px 0;
    }

    .privacyTools__head{
        gap:50px;
    }

    .privacyTools__layout{
        grid-template-columns:340px minmax(0,1fr);
    }

    .privacyTools__grid{
        grid-template-columns:1fr;
    }

    .privacyTools__card{
        min-height:220px;
    }

    .privacyTools__card h3{
        margin-top:30px;
    }
}

@media (max-width:900px){

    .privacyTools__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .privacyTools__intro{
        max-width:650px;
    }

    .privacyTools__layout{
        grid-template-columns:1fr;
    }

    .privacyTools__grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:768px){

    .privacyTools{
        padding:78px 0;
    }

    .privacyTools__grid{
        grid-template-columns:1fr;
    }

    .privacyTools__bottom{
        grid-template-columns:1fr;
    }

    .privacyTools__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .privacyTools{
        padding:68px 0;
    }

    .privacyTools__head{
        margin-bottom:34px;
    }

    .privacyTools__title{
        font-size:clamp(29px,8vw,36px);
    }

    .privacyTools__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .privacyTools__content{
        padding:27px 20px;
        border-radius:16px;
    }

    .privacyTools__content > h3{
        font-size:26px;
    }

    .privacyTools__note{
        grid-template-columns:44px minmax(0,1fr);
        padding:17px;
    }

    .privacyTools__noteIcon{
        width:44px;
        height:44px;
    }

    .privacyTools__card{
        min-height:210px;
        padding:23px 20px;
    }

    .privacyTools__bottom{
        padding:21px 18px;
    }
}






/* =========================
   04. DATA SHARING, SECURITY & RETENTION
========================= */
.privacySecurity{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 24%,
            rgba(227,197,109,.055),
            transparent 24%
        ),
        radial-gradient(
            circle at 94% 78%,
            rgba(227,197,109,.04),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.privacySecurity__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   04. GLOWS
========================= */
.privacySecurity__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.privacySecurity__glow--left{
    width:520px;
    height:520px;
    left:-300px;
    top:100px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.05),
            transparent 70%
        );
}

.privacySecurity__glow--right{
    width:500px;
    height:500px;
    right:-270px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   04. HEAD
========================= */
.privacySecurity__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.privacySecurity__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.privacySecurity__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.privacySecurity__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.privacySecurity__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   04. LAYOUT
========================= */
.privacySecurity__layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.25fr)
        minmax(360px,.75fr);
    gap:24px;
    align-items:start;
}

/* =========================
   04. LEFT CONTENT
========================= */
.privacySecurity__content{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.privacySecurity__section{
    padding:31px 30px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:17px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.04),
            transparent 36%
        ),
        rgba(255,255,255,.012);
}

.privacySecurity__sectionTop{
    margin-bottom:17px;
    display:flex;
    align-items:center;
    gap:14px;
}

.privacySecurity__sectionTop > span{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    border:1px solid rgba(227,197,109,.18);
    border-radius:9px;
    color:#e3c56d;
    background:rgba(227,197,109,.035);
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.privacySecurity__sectionTop strong{
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.privacySecurity__section h3{
    margin:0;
    color:#f2efe6;
    font-size:24px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.022em;
}

.privacySecurity__section > p{
    max-width:900px;
    margin:15px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.75;
}

.privacySecurity__section > p + p{
    margin-top:13px;
}

/* =========================
   04. SECURITY NOTICE
========================= */
.privacySecurity__notice{
    margin-top:21px;
    padding:18px;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:14px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:11px;
    background:rgba(227,197,109,.025);
}

.privacySecurity__noticeIcon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:10px;
    background:rgba(227,197,109,.04);
}

.privacySecurity__noticeIcon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.privacySecurity__notice p{
    margin:0;
    color:rgba(245,242,233,.55);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   04. RIGHT PANEL
========================= */
.privacySecurity__panel{
    position:sticky;
    top:120px;
    padding:35px 31px;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.07),
            transparent 36%
        ),
        rgba(255,255,255,.014);
}

.privacySecurity__panelLabel{
    display:block;
    margin-bottom:14px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.privacySecurity__panel h3{
    margin:0;
    color:#f3f0e7;
    font-size:29px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.027em;
}

.privacySecurity__panel h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

.privacySecurity__panel > p{
    margin:18px 0 0;
    color:rgba(245,242,233,.58);
    font-size:15px;
    line-height:1.7;
}

/* =========================
   04. TRUST CARDS
========================= */
.privacySecurity__cards{
    margin-top:28px;
    border-top:1px solid rgba(255,255,255,.08);
}

.privacySecurity__card{
    padding:20px 0;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.privacySecurity__icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.04);
}

.privacySecurity__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.privacySecurity__card strong{
    display:block;
    margin:2px 0 5px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.privacySecurity__card p{
    margin:0;
    color:rgba(245,242,233,.48);
    font-size:16px;
    line-height:1.55;
}

/* =========================
   04. BOTTOM
========================= */
.privacySecurity__bottom{
    margin-top:24px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:
        1fr auto
        1fr auto
        1fr;
    gap:26px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.04),
            rgba(255,255,255,.012)
        );
}

.privacySecurity__bottom > div{
    text-align:center;
}

.privacySecurity__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.privacySecurity__bottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.privacySecurity__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   04. RESPONSIVE
========================= */
@media (max-width:1100px){

    .privacySecurity{
        padding:95px 0;
    }

    .privacySecurity__head{
        gap:50px;
    }

    .privacySecurity__layout{
        grid-template-columns:minmax(0,1fr) 350px;
    }
}

@media (max-width:900px){

    .privacySecurity__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .privacySecurity__intro{
        max-width:650px;
    }

    .privacySecurity__layout{
        grid-template-columns:1fr;
    }

    .privacySecurity__panel{
        position:relative;
        top:auto;
    }
}

@media (max-width:768px){

    .privacySecurity{
        padding:78px 0;
    }

    .privacySecurity__bottom{
        grid-template-columns:1fr;
    }

    .privacySecurity__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .privacySecurity{
        padding:68px 0;
    }

    .privacySecurity__head{
        margin-bottom:34px;
    }

    .privacySecurity__title{
        font-size:clamp(29px,8vw,36px);
    }

    .privacySecurity__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .privacySecurity__section,
    .privacySecurity__panel{
        padding:25px 20px;
        border-radius:16px;
    }

    .privacySecurity__section h3{
        font-size:21px;
    }

    .privacySecurity__section > p{
        font-size:16px;
        line-height:1.7;
    }

    .privacySecurity__panel h3{
        font-size:25px;
    }

    .privacySecurity__notice{
        grid-template-columns:42px minmax(0,1fr);
        padding:15px;
    }

    .privacySecurity__noticeIcon{
        width:42px;
        height:42px;
    }

    .privacySecurity__bottom{
        padding:21px 18px;
    }
}








/* =========================
   05. YOUR PRIVACY RIGHTS & CHOICES
========================= */
.privacyRights{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 8% 22%,
            rgba(227,197,109,.055),
            transparent 24%
        ),
        radial-gradient(
            circle at 93% 80%,
            rgba(227,197,109,.04),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.privacyRights__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   05. GLOWS
========================= */
.privacyRights__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.privacyRights__glow--left{
    width:520px;
    height:520px;
    left:-290px;
    top:80px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.055),
            transparent 70%
        );
}

.privacyRights__glow--right{
    width:500px;
    height:500px;
    right:-260px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   05. HEAD
========================= */
.privacyRights__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.privacyRights__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.privacyRights__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.privacyRights__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.privacyRights__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   05. LAYOUT
========================= */
.privacyRights__layout{
    display:grid;
    grid-template-columns:
        minmax(360px,.72fr)
        minmax(0,1.28fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   05. LEFT CONTENT
========================= */
.privacyRights__content{
    padding:38px 34px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(227,197,109,.15);
    border-radius:19px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.075),
            transparent 36%
        ),
        rgba(255,255,255,.014);
}

.privacyRights__label{
    display:block;
    margin-bottom:15px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.privacyRights__content > h3{
    margin:0;
    color:#f3f0e7;
    font-size:31px;
    line-height:1.17;
    font-weight:600;
    letter-spacing:-.03em;
}

.privacyRights__content > h3 span{
    display:block;
    margin-top:6px;
    color:#aaa69c;
    font-weight:500;
}

.privacyRights__content > p{
    margin:20px 0 0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

.privacyRights__content > p + p{
    margin-top:13px;
}

/* =========================
   05. NOTICE
========================= */
.privacyRights__notice{
    margin-top:auto;
    padding-top:30px;
}

.privacyRights__notice{
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    gap:15px;
    align-items:start;
}

.privacyRights__noticeIcon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    background:rgba(227,197,109,.04);
}

.privacyRights__noticeIcon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.privacyRights__notice > div{
    padding:17px 18px;
    border:1px solid rgba(227,197,109,.11);
    border-radius:11px;
    background:rgba(227,197,109,.022);
}

.privacyRights__notice strong{
    display:block;
    margin-bottom:6px;
    color:#f0ede4;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.privacyRights__notice p{
    margin:0;
    color:rgba(245,242,233,.5);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   05. RIGHTS GRID
========================= */
.privacyRights__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.privacyRights__card{
    position:relative;
    min-height:250px;
    padding:27px 25px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.05),
            transparent 35%
        ),
        rgba(255,255,255,.014);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.privacyRights__card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,197,109,.2);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.08),
            transparent 38%
        ),
        rgba(255,255,255,.02);
}

.privacyRights__cardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.privacyRights__number{
    color:#e3c56d;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.privacyRights__icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.19);
    border-radius:12px;
    background:rgba(227,197,109,.045);
}

.privacyRights__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.privacyRights__card h3{
    margin:31px 0 0;
    color:#f2efe6;
    font-size:21px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:-.02em;
}

.privacyRights__card p{
    margin:10px 0 0;
    color:rgba(245,242,233,.55);
    font-size:16px;
    line-height:1.65;
}

/* =========================
   05. BOTTOM
========================= */
.privacyRights__bottom{
    margin-top:24px;
    padding:23px 26px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto
        1fr auto 1fr;
    gap:22px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.011)
        );
}

.privacyRights__bottomItem{
    text-align:center;
}

.privacyRights__bottomItem span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.privacyRights__bottomItem strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.privacyRights__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   05. RESPONSIVE
========================= */
@media (max-width:1100px){

    .privacyRights{
        padding:95px 0;
    }

    .privacyRights__head{
        gap:50px;
    }

    .privacyRights__layout{
        grid-template-columns:350px minmax(0,1fr);
    }
}

@media (max-width:900px){

    .privacyRights__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .privacyRights__intro{
        max-width:650px;
    }

    .privacyRights__layout{
        grid-template-columns:1fr;
    }

    .privacyRights__notice{
        margin-top:30px;
    }
}

@media (max-width:768px){

    .privacyRights{
        padding:78px 0;
    }

    .privacyRights__grid{
        grid-template-columns:1fr;
    }

    .privacyRights__bottom{
        grid-template-columns:1fr;
    }

    .privacyRights__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .privacyRights{
        padding:68px 0;
    }

    .privacyRights__head{
        margin-bottom:34px;
    }

    .privacyRights__title{
        font-size:clamp(29px,8vw,36px);
    }

    .privacyRights__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .privacyRights__content{
        padding:27px 20px;
        border-radius:16px;
    }

    .privacyRights__content > h3{
        font-size:26px;
    }

    .privacyRights__notice{
        grid-template-columns:1fr;
    }

    .privacyRights__noticeIcon{
        width:46px;
        height:46px;
    }

    .privacyRights__card{
        min-height:220px;
        padding:23px 20px;
    }

    .privacyRights__card h3{
        margin-top:26px;
        font-size:20px;
    }

    .privacyRights__bottom{
        padding:21px 18px;
    }
}









/* =========================
   06. CHILDREN'S PRIVACY, EXTERNAL LINKS & POLICY UPDATES
========================= */
.privacyAdditional{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
        radial-gradient(
            circle at 9% 18%,
            rgba(227,197,109,.05),
            transparent 24%
        ),
        radial-gradient(
            circle at 93% 80%,
            rgba(227,197,109,.04),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #090909 100%
        );
}

.privacyAdditional__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   06. GLOWS
========================= */
.privacyAdditional__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.privacyAdditional__glow--left{
    width:520px;
    height:520px;
    left:-300px;
    top:100px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.05),
            transparent 70%
        );
}

.privacyAdditional__glow--right{
    width:500px;
    height:500px;
    right:-270px;
    bottom:-180px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.04),
            transparent 70%
        );
}

/* =========================
   06. HEAD
========================= */
.privacyAdditional__head{
    margin-bottom:48px;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(320px,.72fr);
    gap:80px;
    align-items:end;
}

.privacyAdditional__eyebrow{
    display:block;
    margin-bottom:18px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.privacyAdditional__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.4vw,51px);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.privacyAdditional__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.privacyAdditional__intro{
    max-width:510px;
    margin:0;
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.22);
    color:rgba(245,242,233,.68);
    font-size:16px;
    line-height:1.75;
}

/* =========================
   06. ITEMS
========================= */
.privacyAdditional__list{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.privacyAdditional__item{
    position:relative;
    padding:31px 32px;
    display:grid;
    grid-template-columns:
        62px
        minmax(270px,.72fr)
        minmax(0,1.28fr);
    gap:28px;
    align-items:start;
    border:1px solid rgba(255,255,255,.075);
    border-radius:17px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.04),
            transparent 34%
        ),
        rgba(255,255,255,.012);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.privacyAdditional__item:hover{
    transform:translateY(-3px);
    border-color:rgba(227,197,109,.17);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.065),
            transparent 36%
        ),
        rgba(255,255,255,.016);
}

.privacyAdditional__item--accent{
    border-color:rgba(227,197,109,.15);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.075),
            transparent 36%
        ),
        rgba(255,255,255,.014);
}

/* =========================
   06. NUMBER
========================= */
.privacyAdditional__itemNumber{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:12px;
    color:#e3c56d;
    background:rgba(227,197,109,.04);
    font-size:16px;
    line-height:1;
    font-weight:700;
}

/* =========================
   06. ITEM MAIN
========================= */
.privacyAdditional__label{
    display:block;
    margin-bottom:10px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.privacyAdditional__itemMain h3{
    margin:0;
    color:#f2efe6;
    font-size:24px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.025em;
}

.privacyAdditional__itemMain h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

/* =========================
   06. ITEM TEXT
========================= */
.privacyAdditional__itemText{
    padding-left:27px;
    border-left:1px solid rgba(227,197,109,.12);
}

.privacyAdditional__itemText p{
    margin:0;
    color:rgba(245,242,233,.6);
    font-size:15px;
    line-height:1.72;
}

.privacyAdditional__itemText p + p{
    margin-top:13px;
}

/* =========================
   06. BOTTOM NOTE
========================= */
.privacyAdditional__note{
    margin-top:24px;
    padding:22px 26px;
    display:flex;
    align-items:center;
    gap:16px;
    border:1px solid rgba(227,197,109,.13);
    border-radius:14px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.011)
        );
}

.privacyAdditional__noteIcon{
    width:50px;
    height:50px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:11px;
    background:rgba(227,197,109,.04);
}

.privacyAdditional__noteIcon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#e3c56d;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.privacyAdditional__note span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.privacyAdditional__note strong{
    color:#f0ede4;
    font-size:15px;
    line-height:1.5;
    font-weight:600;
}

/* =========================
   06. RESPONSIVE
========================= */
@media (max-width:1100px){

    .privacyAdditional{
        padding:95px 0;
    }

    .privacyAdditional__head{
        gap:50px;
    }

    .privacyAdditional__item{
        grid-template-columns:
            58px
            minmax(230px,.7fr)
            minmax(0,1.3fr);
        gap:22px;
    }
}

@media (max-width:900px){

    .privacyAdditional__head{
        grid-template-columns:1fr;
        gap:27px;
    }

    .privacyAdditional__intro{
        max-width:650px;
    }

    .privacyAdditional__item{
        grid-template-columns:58px minmax(0,1fr);
    }

    .privacyAdditional__itemText{
        grid-column:2;
        padding-left:0;
        padding-top:20px;
        border-left:0;
        border-top:1px solid rgba(227,197,109,.12);
    }
}

@media (max-width:768px){

    .privacyAdditional{
        padding:78px 0;
    }
}

@media (max-width:576px){

    .privacyAdditional{
        padding:68px 0;
    }

    .privacyAdditional__head{
        margin-bottom:34px;
    }

    .privacyAdditional__title{
        font-size:clamp(29px,8vw,36px);
    }

    .privacyAdditional__intro{
        padding-left:17px;
        font-size:15px;
        line-height:1.7;
    }

    .privacyAdditional__item{
        padding:24px 20px;
        grid-template-columns:1fr;
        gap:17px;
        border-radius:15px;
    }

    .privacyAdditional__itemNumber{
        width:48px;
        height:48px;
    }

    .privacyAdditional__itemMain h3{
        font-size:21px;
    }

    .privacyAdditional__itemText{
        grid-column:auto;
        padding-top:17px;
    }

    .privacyAdditional__itemText p{
        font-size:16px;
        line-height:1.7;
    }

    .privacyAdditional__note{
        padding:19px;
        align-items:flex-start;
    }

    .privacyAdditional__noteIcon{
        width:46px;
        height:46px;
    }

    .privacyAdditional__note strong{
        font-size:16px;
    }
}








/* =========================
   07. PRIVACY QUESTIONS / CONTACT
========================= */
.privacyContact{
    position:relative;
    overflow:hidden;
    padding:105px 0 95px;
    background:
        radial-gradient(
            circle at 8% 28%,
            rgba(227,197,109,.065),
            transparent 25%
        ),
        radial-gradient(
            circle at 93% 70%,
            rgba(227,197,109,.045),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #090909 0%,
            #0d0d0c 52%,
            #080808 100%
        );
}

.privacyContact__container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 20px;
}

/* =========================
   07. GLOWS
========================= */
.privacyContact__glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.privacyContact__glow--left{
    width:560px;
    height:560px;
    left:-320px;
    top:20px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.06),
            transparent 70%
        );
}

.privacyContact__glow--right{
    width:520px;
    height:520px;
    right:-290px;
    bottom:-200px;
    background:
        radial-gradient(
            circle,
            rgba(227,197,109,.045),
            transparent 70%
        );
}

/* =========================
   07. LAYOUT
========================= */
.privacyContact__layout{
    display:grid;
    grid-template-columns:
        minmax(0,.92fr)
        minmax(460px,1.08fr);
    gap:24px;
    align-items:stretch;
}

/* =========================
   07. LEFT CONTENT
========================= */
.privacyContact__content{
    padding:42px 38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(227,197,109,.15);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227,197,109,.08),
            transparent 38%
        ),
        rgba(255,255,255,.014);
}

.privacyContact__eyebrow{
    display:block;
    margin-bottom:17px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.privacyContact__title{
    margin:0;
    color:#f4f1e8;
    font-size:clamp(34px,3.5vw,52px);
    line-height:1.07;
    font-weight:620;
    letter-spacing:-.038em;
}

.privacyContact__title span{
    display:block;
    margin-top:7px;
    color:#aaa69c;
    font-weight:500;
}

.privacyContact__intro{
    max-width:650px;
    margin:22px 0 0;
    color:rgba(245,242,233,.61);
    font-size:15px;
    line-height:1.72;
}

/* =========================
   07. ACTIONS
========================= */
.privacyContact__actions{
    margin-top:30px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
}

.privacyContact__button{
    min-height:52px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:8px;
    color:#16140d;
    background:
        linear-gradient(
            135deg,
            #f0d783,
            #e3c56d
        );
    box-shadow:
        0 12px 34px rgba(227,197,109,.13);
    font-size:16px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.privacyContact__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 38px rgba(227,197,109,.22);
}

.privacyContact__button svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.privacyContact__link{
    padding-bottom:4px;
    border-bottom:1px solid rgba(227,197,109,.32);
    color:#ddd9cf;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    text-decoration:none;
    transition:
        color .25s ease,
        border-color .25s ease;
}

.privacyContact__link:hover{
    color:#e3c56d;
    border-color:#e3c56d;
}

/* =========================
   07. RIGHT PANEL
========================= */
.privacyContact__panel{
    padding:35px 32px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227,197,109,.06),
            transparent 35%
        ),
        rgba(255,255,255,.013);
}

.privacyContact__panelLabel{
    display:block;
    margin-bottom:11px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.privacyContact__panel h3{
    margin:0;
    padding-bottom:24px;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#f3f0e7;
    font-size:28px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.025em;
}

.privacyContact__panel h3 span{
    display:block;
    margin-top:5px;
    color:#aaa69c;
    font-weight:500;
}

/* =========================
   07. ITEMS
========================= */
.privacyContact__items{
    display:flex;
    flex-direction:column;
}

.privacyContact__item{
    padding:23px 0;
    display:grid;
    grid-template-columns:43px minmax(0,1fr);
    gap:17px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.privacyContact__item:last-child{
    padding-bottom:0;
    border-bottom:0;
}

.privacyContact__number{
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(227,197,109,.18);
    border-radius:10px;
    color:#e3c56d;
    background:rgba(227,197,109,.04);
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.privacyContact__item strong{
    display:block;
    margin-bottom:6px;
    color:#f0ede4;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.privacyContact__item p{
    max-width:570px;
    margin:0;
    color:rgba(245,242,233,.51);
    font-size:16px;
    line-height:1.6;
}

/* =========================
   07. BOTTOM
========================= */
.privacyContact__bottom{
    margin-top:24px;
    padding:23px 26px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    gap:24px;
    align-items:center;
    border:1px solid rgba(227,197,109,.12);
    border-radius:15px;
    background:
        linear-gradient(
            90deg,
            rgba(227,197,109,.045),
            rgba(255,255,255,.011)
        );
}

.privacyContact__bottom > div{
    text-align:center;
}

.privacyContact__bottom span{
    display:block;
    margin-bottom:5px;
    color:#e3c56d;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.privacyContact__bottom strong{
    color:#f0ede4;
    font-size:16px;
    line-height:1.45;
    font-weight:600;
}

.privacyContact__divider{
    width:1px;
    height:38px;
    background:rgba(227,197,109,.15);
}

/* =========================
   07. RESPONSIVE
========================= */
@media (max-width:1100px){

    .privacyContact{
        padding:95px 0 85px;
    }

    .privacyContact__layout{
        grid-template-columns:
            minmax(350px,.85fr)
            minmax(0,1.15fr);
    }
}

@media (max-width:900px){

    .privacyContact__layout{
        grid-template-columns:1fr;
    }
}

@media (max-width:768px){

    .privacyContact{
        padding:78px 0 70px;
    }

    .privacyContact__bottom{
        grid-template-columns:1fr;
    }

    .privacyContact__divider{
        width:100%;
        height:1px;
    }
}

@media (max-width:576px){

    .privacyContact{
        padding:68px 0 60px;
    }

    .privacyContact__content,
    .privacyContact__panel{
        padding:27px 20px;
        border-radius:16px;
    }

    .privacyContact__title{
        font-size:clamp(29px,8vw,36px);
    }

    .privacyContact__intro{
        font-size:16px;
        line-height:1.7;
    }

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

    .privacyContact__button{
        width:100%;
    }

    .privacyContact__link{
        width:max-content;
    }

    .privacyContact__panel h3{
        font-size:24px;
    }

    .privacyContact__item{
        grid-template-columns:40px minmax(0,1fr);
        gap:13px;
    }

    .privacyContact__number{
        width:40px;
        height:40px;
    }

    .privacyContact__bottom{
        padding:21px 18px;
    }




}

@media(max-width: 991px){
.container.mobileNav__inner {    background: radial-gradient(circle at 82% 32%, rgba(227, 197, 109, .07), transparent 30%), linear-gradient(180deg, #090909 0%, #0c0c0b 100%);width: 100%;padding-left: 20px;
padding-right: 20px;padding-bottom: 30px;}
}