/*
Theme Name: Eternia Residences
Theme URI: https://example.com/
Author: Website Owner
Description: One-page landing page theme for Eternia Residences.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: eternia-residences
*/
  :root{
    --maroon:#6E1220;
    --maroon-dark:#450B14;
    --maroon-soft:#8A1B2A;
    --gold:#B8985A;
    --gold-light:#E4D3A9;
    --cream:#F6F1E7;
    --ivory:#FBF9F4;
    --charcoal:#211A16;
    --muted:#746b60;
    --line:#E2D6BE;
    --radius-card: 2px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Jost',sans-serif;
    color:var(--charcoal);
    background:var(--ivory);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block;}
  h1,h2,h3,h4{font-family:'Playfair Display',serif;margin:0;font-weight:600;letter-spacing:.2px;}
  p{line-height:1.7;color:var(--muted);margin:0;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
  .eyebrow{font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;font-weight:500;}
  .gold-rule{width:56px;height:2px;background:var(--gold);margin:14px 0 22px;}
  .center .gold-rule{margin-left:auto;margin-right:auto;}
  section{padding:88px 0;position:relative;}
  @media(max-width:760px){section{padding:56px 0;}}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:15px 30px;font-family:'Jost',sans-serif;font-weight:500;font-size:15px;
    border-radius:var(--radius-card);cursor:pointer;border:1px solid transparent;
    transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
    white-space:nowrap;
  }
  .btn:active{transform:scale(.97);}
  .btn-primary{background:var(--maroon);color:#fff;}
  .btn-primary:hover{background:var(--maroon-dark);}
  .btn-outline{background:transparent;color:var(--ivory);border-color:rgba(255,255,255,.55);}
  .btn-outline:hover{background:rgba(255,255,255,.12);}
  .btn-gold{background:var(--gold);color:#2b2213;}
  .btn-gold:hover{background:#a9895047;}
  .btn-wa{background:#25D366;color:#fff;}
  .btn-wa:hover{background:#1fb457;}
  .btn-line{background:transparent;color:var(--maroon);border-color:var(--maroon);}
  .btn-line:hover{background:var(--maroon);color:#fff;}

  /* ===== HEADER ===== */
  header{
    position:fixed;top:0;left:0;right:0;z-index:200;
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 28px;transition:background .3s ease, box-shadow .3s ease, padding .3s ease;
  }
  header.scrolled{background:rgba(251,249,244,.96);box-shadow:0 2px 18px rgba(0,0,0,.08);backdrop-filter:blur(6px);padding:8px 28px;}
  .brand{display:flex;align-items:center;gap:10px;}
  .brand img{height:46px;width:46px;border-radius:50%;transition:height .3s ease,width .3s ease;}
  header.scrolled .brand img{height:38px;width:38px;}
  .brand-text{font-family:'Playfair Display',serif;font-size:22px;color:#fff;letter-spacing:.3px;transition:color .3s ease;}
  header.scrolled .brand-text{color:var(--maroon);}
  .brand-text sub-tag{display:block;font-family:'Jost';font-size:9px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;}
  nav{display:flex;align-items:center;gap:30px;}
  nav a.nav-link{font-size:14px;color:#fff;transition:color .3s ease;position:relative;}
  header.scrolled nav a.nav-link{color:var(--charcoal);}
  nav a.nav-link:hover{color:var(--gold-light);}
  header.scrolled nav a.nav-link:hover{color:var(--maroon);}
  .header-cta{display:flex;align-items:center;gap:10px;}
  .icon-call{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff;transition:color .3s ease;}
  header.scrolled .icon-call{color:var(--charcoal);}
  .navlinks-desktop{display:flex;}
  .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px;}
  .burger span{width:24px;height:2px;background:#fff;transition:background .3s;}
  header.scrolled .burger span{background:var(--charcoal);}
  @media(max-width:920px){
    .navlinks-desktop{display:none;}
    .burger{display:flex;}
  }

  /* mobile drawer */
  #mobileNav{position:fixed;top:0;right:-300px;width:280px;height:100%;background:var(--ivory);z-index:400;transition:right .3s ease;box-shadow:-6px 0 24px rgba(0,0,0,.18);padding:80px 26px 26px;}
  #mobileNav.open{right:0;}
  #mobileNav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--charcoal);}
  #navOverlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:390;display:none;}
  #navOverlay.open{display:block;}

  /* ===== HERO ===== */
  .hero{
    position:relative;min-height:100vh;display:flex;align-items:center;
    background:#0d0908;
  }
  .hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 30%;}
  .hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg, rgba(13,9,8,.55) 0%, rgba(13,9,8,.35) 32%, rgba(13,9,8,.78) 82%, rgba(13,9,8,.94) 100%);}
  .hero-inner{position:relative;z-index:2;width:100%;padding:150px 0 260px;}
  .hero-tagline{color:var(--gold-light);font-size:14px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px;}
  .hero h1{color:#fff;font-size:clamp(40px,6.6vw,84px);line-height:1.02;font-weight:600;}
  .hero h1 em{font-style:italic;color:var(--gold-light);}
  .hero-sub{color:#efe7d8;font-size:clamp(16px,2vw,20px);max-width:560px;margin-top:22px;line-height:1.6;font-weight:300;}
  .hero-price-row{display:flex;flex-wrap:wrap;gap:34px;margin-top:38px;align-items:center;}
  .price-chip{display:flex;flex-direction:column;}
  .price-chip .p-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#cbb888;}
  .price-chip .p-value{font-family:'Playfair Display',serif;font-size:30px;color:#fff;margin-top:4px;}
  .hero-cta-row{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap;}

  /* floating enquiry card overlapping hero */
  .lead-float{
    position:relative;z-index:3;
    max-width:400px;margin:-190px 0 0 auto;
    background:rgba(251,249,244,.98);
    border:1px solid var(--gold);
    padding:34px 32px 30px;
  }
  .lead-float h3{font-size:24px;color:var(--maroon);}
  .lead-float p.small{color:var(--muted);font-size:13.5px;margin-top:6px;}
  @media(max-width:920px){
    .lead-float{margin:-140px auto 0;max-width:92%;}
    .hero-inner{padding:130px 0 200px;}
  }
  @media(max-width:600px){
    .lead-float{margin-top:-110px;padding:26px 22px 24px;}
  }

  /* form */
  .lform{display:flex;flex-direction:column;gap:12px;margin-top:18px;}
  .lform input, .lform select, .lform textarea{
    width:100%;padding:13px 14px;border:1px solid var(--line);background:#fff;
    font-family:'Jost';font-size:14.5px;color:var(--charcoal);border-radius:2px;
  }
  .lform input:focus, .lform select:focus, .lform textarea:focus{outline:none;border-color:var(--maroon);}
  .lform .row2{display:flex;gap:10px;}
  .lform .row2 > *{flex:1;min-width:0;}
  .consent{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:var(--muted);margin-top:4px;}
  .consent input{width:auto;margin-top:2px;}
  .lform button[type=submit]{margin-top:6px;width:100%;}
  #formMsg{font-size:13.5px;margin-top:10px;display:none;padding:10px 12px;border-radius:2px;}
  #formMsg.ok{display:block;background:#eaf6ec;color:#276b39;border:1px solid #bfe3c7;}
  #formMsg.err{display:block;background:#fbeaea;color:#8a2f2f;border:1px solid #edc3c3;}

  /* ===== TRUST STRIP ===== */
  .trust{background:var(--charcoal);color:#e9e2d5;padding:26px 0;}
  .trust .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;}
  .trust-item{font-size:13px;letter-spacing:.05em;color:#cabfab;display:flex;align-items:center;gap:8px;}
  .trust-item b{color:#fff;font-weight:600;}

  /* ===== ABOUT ===== */
  .about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start;}
  @media(max-width:860px){.about-grid{grid-template-columns:1fr;gap:36px;}}
  .about-grid h2{font-size:clamp(30px,4vw,42px);color:var(--maroon);line-height:1.2;}
  .about-grid p{margin-top:18px;font-size:16px;}
  .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);}
  .stat-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 22px;}
  .stat-cell .num{font-family:'Playfair Display',serif;font-size:34px;color:var(--maroon);}
  .stat-cell .lab{font-size:12.5px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-top:6px;}

  /* ===== LIFESTYLE BANNER ===== */
  .banner{position:relative;height:66vh;min-height:420px;background-size:cover;background-position:center;display:flex;align-items:flex-end;}
  .banner-scrim{position:absolute;inset:0;background:linear-gradient(0deg, rgba(20,10,10,.72) 0%, rgba(20,10,10,.1) 55%);}
  .banner-content{position:relative;z-index:2;padding:56px 0;color:#fff;max-width:640px;}
  .banner-content h2{color:#fff;font-size:clamp(26px,3.4vw,40px);font-style:italic;line-height:1.3;}
  .banner-content p{color:#e9e2d5;margin-top:14px;}

  /* ===== PRICING ===== */
  .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;}
  @media(max-width:860px){.price-grid{grid-template-columns:1fr;}}
  .price-card{border:1px solid var(--line);background:var(--ivory);padding:34px 28px;position:relative;transition:border-color .2s, transform .2s;}
  .price-card:hover{border-color:var(--gold);transform:translateY(-4px);}
  .price-card .cfg{font-family:'Playfair Display',serif;font-size:26px;color:var(--maroon);}
  .price-card .size{margin-top:6px;color:var(--muted);font-size:14px;}
  .price-card .cost{margin-top:18px;font-size:22px;color:var(--charcoal);font-weight:500;}
  .price-card .cost span{font-size:12px;color:var(--muted);font-weight:400;}
  .price-card .btn{margin-top:22px;width:100%;}
  .price-note{margin-top:20px;font-size:12.5px;color:var(--muted);}

  /* ===== SECTION HEADS ===== */
  .shead{max-width:640px;margin-bottom:46px;}
  .shead.center{margin-left:auto;margin-right:auto;text-align:center;}
  .shead h2{font-size:clamp(28px,3.6vw,42px);color:var(--charcoal);}
  .shead p{margin-top:14px;font-size:16px;}

  /* ===== HIGHLIGHTS ===== */
  .highlights{background:var(--maroon);color:#fff;}
  .hl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18);margin-top:40px;}
  @media(max-width:860px){.hl-grid{grid-template-columns:repeat(2,1fr);}}
  .hl-cell{border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);padding:32px 24px;text-align:center;}
  .hl-cell .ic{font-size:26px;color:var(--gold-light);margin-bottom:14px;}
  .hl-cell .t{font-size:14.5px;color:#f2ead9;line-height:1.5;}
  .highlights .shead h2{color:#fff;}
  .highlights .shead p{color:#e3d7c2;}

  /* ===== AMENITIES TABS ===== */
  .tabs{display:flex;gap:10px;justify-content:center;margin-bottom:40px;flex-wrap:wrap;}
  .tab-btn{padding:11px 26px;border:1px solid var(--line);background:transparent;font-family:'Jost';font-size:14px;letter-spacing:.03em;cursor:pointer;color:var(--muted);}
  .tab-btn.active{background:var(--maroon);color:#fff;border-color:var(--maroon);}
  .amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  @media(max-width:900px){.amenity-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.amenity-grid{grid-template-columns:1fr;}}
  .amenity-panel{display:none;}
  .amenity-panel.active{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  @media(max-width:900px){.amenity-panel.active{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.amenity-panel.active{grid-template-columns:1fr;}}
  .a-card{overflow:hidden;background:#fff;border:1px solid var(--line);}
  .a-card .a-img{height:210px;background-size:cover;background-position:center;}
  .a-card .a-cap{padding:16px 18px;}
  .a-card .a-cap h4{font-size:16.5px;color:var(--charcoal);font-family:'Playfair Display',serif;font-weight:600;}
  .a-card .a-cap p{margin-top:6px;font-size:13.5px;}

  /* full-bleed showcase strip */
  .showcase{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
  @media(max-width:760px){.showcase{grid-template-columns:1fr;}}
  .showcase-img{height:420px;background-size:cover;background-position:center;}

  /* ===== INTERIORS ===== */
  .interior-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:560px;}
  @media(max-width:800px){.interior-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto;}}
  .interior-grid .big{grid-row:1/3;background-size:cover;background-position:center;position:relative;}
  @media(max-width:800px){.interior-grid .big{height:340px;}}
  .interior-grid .sm{background-size:cover;background-position:center;position:relative;height:100%;}
  @media(max-width:800px){.interior-grid .sm{height:240px;}}
  .interior-tag{position:absolute;left:16px;bottom:14px;color:#fff;font-family:'Playfair Display',serif;font-size:18px;text-shadow:0 2px 8px rgba(0,0,0,.6);}

  /* ===== CLUBHOUSE SPOTLIGHT ===== */
  .club{position:relative;min-height:520px;background-size:cover;background-position:center;display:flex;align-items:center;}
  .club-scrim{position:absolute;inset:0;background:linear-gradient(100deg, rgba(10,6,6,.86) 0%, rgba(10,6,6,.45) 55%, rgba(10,6,6,.15) 100%);}
  .club-content{position:relative;z-index:2;max-width:480px;color:#fff;}
  .club-content h2{color:#fff;font-size:clamp(28px,3.6vw,40px);}
  .club-content p{color:#e6ddca;margin-top:16px;}
  .club-stats{display:flex;gap:34px;margin-top:28px;}
  .club-stats .num{font-family:'Playfair Display',serif;font-size:30px;color:var(--gold-light);}
  .club-stats .lab{font-size:12px;color:#cbbfa5;letter-spacing:.05em;text-transform:uppercase;}

  /* ===== FLOOR PLANS ===== */
  .fp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  @media(max-width:900px){.fp-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.fp-grid{grid-template-columns:1fr;}}
  .fp-card{border:1px solid var(--line);background:#fff;cursor:pointer;transition:border-color .2s;}
  .fp-card:hover{border-color:var(--gold);}
  .fp-card .fp-img{height:180px;background-size:cover;background-position:center top;filter:grayscale(.05);}
  .fp-card .fp-cap{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;}
  .fp-card .fp-cap h4{font-size:15px;font-family:'Jost';font-weight:600;}
  .fp-card .fp-cap span{font-size:12px;color:var(--gold);}

  /* lightbox */
  #lightbox{position:fixed;inset:0;background:rgba(10,6,6,.92);z-index:500;display:none;align-items:center;justify-content:center;padding:26px;}
  #lightbox.open{display:flex;}
  #lightbox img{max-width:94vw;max-height:88vh;border:2px solid var(--gold);}
  #lightbox-close{position:absolute;top:22px;right:30px;color:#fff;font-size:32px;cursor:pointer;line-height:1;}

  /* ===== LOCATION ===== */
  .loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;}
  @media(max-width:860px){.loc-grid{grid-template-columns:1fr;}}
  .loc-list{display:grid;grid-template-columns:1fr 1fr;gap:0;}
  .loc-cat{margin-bottom:26px;}
  .loc-cat h4{font-family:'Jost';font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:600;}
  .loc-cat ul{list-style:none;margin:0;padding:0;}
  .loc-cat li{display:flex;justify-content:space-between;font-size:14px;padding:7px 0;border-bottom:1px dashed var(--line);color:var(--charcoal);}
  .loc-cat li span{color:var(--muted);font-size:13px;}
  .loc-map-box{border:1px solid var(--line);padding:8px;background:#fff;}

  /* ===== FINAL LEAD SECTION ===== */
  .final-lead{background:var(--maroon);color:#fff;}
  .fl-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  @media(max-width:900px){.fl-grid{grid-template-columns:1fr;gap:36px;}}
  .fl-grid h2{color:#fff;font-size:clamp(28px,3.8vw,44px);}
  .fl-grid p{color:#e6ddca;margin-top:16px;}
  .fl-form-card{background:var(--ivory);color:var(--charcoal);padding:36px;border:1px solid var(--gold);}
  .fl-perks{margin-top:26px;display:flex;flex-direction:column;gap:14px;}
  .fl-perk{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:#f0e9d9;}
  .fl-perk .dot{width:6px;height:6px;border-radius:50%;background:var(--gold-light);margin-top:8px;flex:none;}

  /* ===== FAQ ===== */
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-q{padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:'Jost';font-size:16px;font-weight:500;}
  .faq-q .plus{font-size:20px;color:var(--gold);transition:transform .2s;}
  .faq-item.open .plus{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
  .faq-item.open .faq-a{max-height:220px;}
  .faq-a p{padding:0 0 20px;font-size:14.5px;}

  /* ===== FOOTER ===== */
  footer{background:var(--charcoal);color:#c9c0b1;padding:56px 0 26px;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;}
  @media(max-width:800px){.foot-grid{grid-template-columns:1fr;gap:30px;}}
  .foot-grid h4{color:#fff;font-family:'Jost';font-size:14px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px;}
  .foot-grid a, .foot-grid p{font-size:13.5px;color:#a99f8f;line-height:1.8;}
  .foot-logos{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;align-items:center;}
  .foot-logos span{font-family:'Playfair Display',serif;font-size:15px;color:#e9e2d5;}
  .disclaimer{margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);font-size:11.5px;color:#8a8175;line-height:1.8;}
  .bottom-copy{margin-top:20px;font-size:12px;color:#726a5f;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;}

  /* ===== STICKY MOBILE BAR ===== */
  #stickyBar{position:fixed;bottom:0;left:0;right:0;z-index:250;background:#fff;box-shadow:0 -3px 16px rgba(0,0,0,.14);display:none;}
  #stickyBar .sb-inner{display:grid;grid-template-columns:1fr 1fr 1.3fr;}
  #stickyBar a, #stickyBar button{border:none;padding:15px 6px;font-family:'Jost';font-size:13.5px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;}
  #stickyBar .sb-call{background:#fff;color:var(--charcoal);border-right:1px solid var(--line);}
  #stickyBar .sb-wa{background:#25D366;color:#fff;border-right:1px solid var(--line);}
  #stickyBar .sb-enq{background:var(--maroon);color:#fff;}
  @media(max-width:920px){#stickyBar{display:block;} body{padding-bottom:58px;}}

  /* utility */
  .fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
  .fade-up.in{opacity:1;transform:translateY(0);}
  ::selection{background:var(--gold-light);}


/* ===== MOBILE RESPONSIVE FIXES ===== */
*,
*::before,
*::after { box-sizing: border-box; }

html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

img, video, iframe, svg {
  max-width: 100%;
}

@media (max-width: 600px) {
  body {
    min-width: 0;
    padding-bottom: 66px;
    overflow-x: clip;
  }

  #siteHeader {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 10px 12px;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #siteHeader .brand {
    min-width: 0;
    flex: 1 1 auto;
    max-width: calc(100% - 122px);
    gap: 8px;
    overflow: hidden;
  }

  #siteHeader .brand img {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    object-fit: contain;
  }

  #siteHeader .brand-text {
    min-width: 0;
    font-size: clamp(17px, 5vw, 23px);
    line-height: 1.05;
    overflow-wrap: anywhere;
  }

  #siteHeader .brand-text sub-tag {
    display: block;
    font-size: 8px;
    letter-spacing: .12em;
    line-height: 1.4;
  }

  #siteHeader .navlinks-desktop,
  #siteHeader .icon-call {
    display: none !important;
  }

  #siteHeader .header-cta {
    flex: 0 0 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
  }

  #siteHeader .header-cta .btn {
    padding: 9px 10px !important;
    font-size: 11px !important;
    white-space: nowrap;
  }

  #siteHeader .burger {
    flex: 0 0 30px;
    width: 30px;
    min-width: 30px;
    padding: 4px;
  }

  .wrap,
  .hero-inner,
  .banner-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding-left: 18px;
    padding-right: 18px;
  }

  .hero,
  .hero-inner,
  .hero-bg,
  .hero-scrim {
    max-width: 100%;
  }

  .hero h1,
  .hero h2,
  .hero-title {
    max-width: 100%;
    font-size: clamp(34px, 9vw, 48px);
    line-height: 1.08;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .hero p,
  .hero-sub,
  .hero-tagline {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.65;
  }

  .hero-price-row,
  .hero-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 100%;
  }

  .price-chip {
    min-width: 0;
    max-width: 100%;
  }

  .lead-float,
  .fl-form-card {
    width: 100%;
    max-width: 100%;
    padding: 20px;
  }

  .about-grid,
  .fl-grid,
  .stat-grid,
  .foot-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px;
  }

  section,
  .container,
  .grid,
  .card,
  .pricing,
  .about,
  .trust,
  .banner {
    max-width: 100%;
    min-width: 0;
  }

  #stickyBar {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  #stickyBar .sb-inner {
    width: 100%;
    grid-template-columns: 1fr 1fr 1.15fr;
  }

  #stickyBar a,
  #stickyBar button {
    min-width: 0;
    padding: 13px 3px;
    font-size: 12px;
    white-space: nowrap;
    gap: 3px;
  }
}

@media (max-width: 380px) {
  #siteHeader .brand {
    max-width: calc(100% - 105px);
  }
  #siteHeader .brand img {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }
  #siteHeader .header-cta {
    gap: 6px;
  }
  #siteHeader .header-cta .btn {
    padding: 8px 7px !important;
    font-size: 10px !important;
  }
  #siteHeader .burger {
    width: 26px;
    min-width: 26px;
    flex-basis: 26px;
  }
  #stickyBar a,
  #stickyBar button {
    font-size: 11px;
  }
}
