/* ═══════════════════════════════════════
       TOKENS
    ═══════════════════════════════════════ */
    :root {
      --br:    #cd6350;
      --br-dk: #b34f3d;
      --br-lt: #fdf1ee;
      --t1:    #111;
      --t2:    #333;
      --t3:    #555;
      --t4:    #777;
      --w:     #fff;
      --ow:    #fafafa;
      --dk:    #0B0F19;
      --bd:    rgba(205,99,80,.14);
      --bdg:   rgba(0,0,0,.08);
      --r:     14px;
      --rsm:   8px;
      --sp:    80px;
      --cp:    28px;
      --cx:    24px;
    }
    @media (max-width:767px) {
      :root { --sp:48px; --cp:20px; --cx:16px; }
    }

    /* ═══════════════════════════════════════
       BASE RESET
    ═══════════════════════════════════════ */
    *, *::before, *::after { box-sizing:border-box; }
    html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
    body {
      font-family:'Manrope', sans-serif; font-size:16px;
      background:var(--ow); color:var(--t2);
      overflow-x:hidden; line-height:1.7;
      -webkit-font-smoothing:antialiased; margin:0; padding:0;
    }
    /* Applied Manrope to all headings globally */
    h1,h2,h3,h4,h5,h6 {
      font-family:'Manrope', sans-serif;
      font-weight:700; color:var(--t1);
      letter-spacing:-.3px; line-height:1.15; margin-top:0;
    }
    p { margin-top:0; margin-bottom:1rem; }
    img { max-width:100%; height:auto; display:block; }
    a { color:var(--br); text-decoration:none; }
    a:hover { text-decoration:underline; }

    /* ═══════════════════════════════════════
       TYPE HELPERS
    ═══════════════════════════════════════ */
    .t-lbl {
      font-family:'Manrope',sans-serif; font-size:.67rem; font-weight:800;
      text-transform:uppercase; letter-spacing:3.5px; color:var(--br); display:block;
    }
    .t-h2 { font-size:clamp(1.6rem,3.6vw,2.4rem); font-weight:800; }

    /* ═══════════════════════════════════════
       LAYOUT
    ═══════════════════════════════════════ */
    .sec  { padding:var(--sp) 0; }
    .bg-w { background:var(--w); }
    .bg-b { background:var(--br-lt); }
    .bg-dk { background:var(--dk); }
    .wrap { padding-left:var(--cx); padding-right:var(--cx); }

    .rule   { display:block; width:32px; height:2px; background:var(--br); border-radius:2px; margin:8px 0 18px; }
    .rule-c { margin-left:auto; margin-right:auto; }

    .sh        { margin-bottom:40px; }
    .sh.center { text-align:center; }
    .sh.center .rule { margin-left:auto; margin-right:auto; }
    .sh > p    { color:var(--t3); font-size:.9rem; line-height:1.75; margin-top:10px; max-width:580px; }
    .sh.center > p { margin-left:auto; margin-right:auto; }

    hr.dv { border:none; border-top:1px solid var(--bdg); margin:0; }

    /* ═══════════════════════════════════════
       BUTTONS
    ═══════════════════════════════════════ */
    .btn-o {
      display:inline-flex; align-items:center; justify-content:center; gap:7px;
      border-radius:999px; font-family:'Manrope',sans-serif;
      font-weight:700; font-size:.72rem; letter-spacing:2px;
      text-transform:uppercase; text-decoration:none !important;
      white-space:nowrap; cursor:pointer; flex-shrink:0;
      transition:background .24s, color .24s, border-color .24s, box-shadow .24s;
      padding:0 26px; height:46px; line-height:1;
      border:1.5px solid var(--br); color:var(--br); background:transparent;
    }
    .btn-o:hover { background:var(--br); color:var(--w); box-shadow:0 6px 20px rgba(205,99,80,.26); }
    .btn-fill  { background:var(--br); color:var(--w); border-color:var(--br); }
    .btn-fill:hover  { background:var(--br-dk); border-color:var(--br-dk); color:var(--w); }
    .btn-ghost { border-color:rgba(255,255,255,.6); color:var(--w); background:transparent; }
    .btn-ghost:hover { background:var(--br); border-color:var(--br); color:var(--w); }
    .btn-white { background:var(--w); color:var(--br); border-color:var(--w); }
    .btn-white:hover { background:transparent; color:var(--w); }
    .btn-wa { background:#25D366; color:var(--w); border-color:#25D366; }
    .btn-wa:hover { background:#1da851; border-color:#1da851; color:var(--w); }

    /* ═══════════════════════════════════════
       NAVBAR
    ═══════════════════════════════════════ */
    .navbar {
      padding:10px 0; background:rgba(255,255,255,.98);
      backdrop-filter:blur(8px); border-bottom:1px solid rgba(0,0,0,.05);
      position:sticky; top:0; z-index:1040;
    }
    .navbar-brand { font-family:'Manrope',sans-serif; font-size:1.15rem; font-weight:800; color:var(--t1); letter-spacing:2px; }
    .nav-link { font-size:.75rem; text-transform:uppercase; letter-spacing:2px; color:var(--t2) !important; margin:0 10px; font-weight:700; transition:color .2s; }
    .nav-link:hover, .nav-link.active { color:var(--br) !important; }
    .navbar .dropdown-menu { width:100%; border:none; box-shadow:0 24px 50px rgba(0,0,0,.07); padding:40px 0; border-radius:0; }
    .mega-menu-title { font-family:'Manrope',sans-serif; color:var(--t1); font-weight: 700; font-size:1.3rem; margin-bottom:16px; border-bottom:2px solid var(--br); display:inline-block; }
    .mega-menu-list { list-style:none; padding:0; margin:0; }
    .mega-menu-list li a { color:var(--t3); font-size:.86rem; display:block; padding:6px 0; transition:.2s; text-decoration:none; }
    .mega-menu-list li a:hover, .mega-menu-list li a.active { color:var(--br); padding-left:7px; }

    /* ═══════════════════════════════════════
       STATIC HERO (Replaces Slider)
    ═══════════════════════════════════════ */
    .hero {
      position:relative; width:100%; display:flex; align-items:center;
      height:56vh; min-height:420px; max-height:600px; overflow:hidden;
      background-image:url('/assets/img/hero/lhr-slide-1-desktop.webp'); 
      background-position:center 35%; 
      background-size:cover; 
      background-repeat:no-repeat;
    }
    @media (max-width:767px) { 
      .hero { 
        height:100dvh; max-height:none; min-height:580px; align-items:flex-end; padding-bottom:72px;
        background-image:url('/assets/img/hero/lhr-slide-1-mobile.webp'); 
        background-position:center top; 
      } 
    }

    .hero::after {
      content:""; position:absolute; inset:0; z-index:1;
      background:linear-gradient(108deg, rgba(8,4,2,.90) 0%, rgba(8,4,2,.72) 38%, rgba(8,4,2,.30) 65%, rgba(8,4,2,.04) 100%);
    }
    @media (max-width:767px) {
      .hero::after { background:linear-gradient(to bottom, rgba(8,4,2,.18) 0%, rgba(8,4,2,.55) 45%, rgba(8,4,2,.94) 75%, rgba(8,4,2,.99) 100%); }
    }

    .h-inner { position:relative; z-index:2; width:100%; max-width:600px; }

    .h-crumb { display:flex; flex-wrap:wrap; align-items:center; gap:2px; list-style:none; padding:0; margin:0 0 14px; }
    .h-crumb li { font-size:.6rem; text-transform:uppercase; letter-spacing:1.5px; font-weight:700; }
    .h-crumb li a { color:rgba(255,255,255,.44); text-decoration:none; }
    .h-crumb li a:hover { color:rgba(255,255,255,.78); }
    .h-crumb li.sep { color:rgba(255,255,255,.2); margin:0 3px; }
    .h-crumb li.act { color:var(--br); }
    @media (max-width:480px) { .h-crumb { display:none; } }

    .h-tag {
      display:inline-block; padding:4px 13px; border-radius:999px;
      border:1px solid rgba(205,99,80,.5); background:rgba(205,99,80,.15);
      color:#ffb3a3; font-size:.64rem; letter-spacing:3.5px;
      text-transform:uppercase; font-weight:800; margin-bottom:12px;
    }
    .h-title {
      font-family:'Manrope',sans-serif; font-size:clamp(2rem,5.6vw,3.6rem);
      font-weight:800; color:#fff; line-height:1.08; margin-bottom:12px;
      letter-spacing:-1px; text-shadow:0 2px 18px rgba(0,0,0,.5);
    }
    .h-title em { font-style:normal; color:var(--br); }
    .h-desc { color:rgba(255,255,255,.78); font-size:clamp(.85rem,1.6vw,.97rem); line-height:1.75; margin-bottom:22px; max-width:480px; text-shadow:0 1px 8px rgba(0,0,0,.45); }
    .h-btns  { display:flex; flex-wrap:wrap; gap:10px; }
    .h-pills { display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; }
    .hpill {
      display:inline-flex; align-items:center; gap:5px; padding:4px 12px; border-radius:999px;
      border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.08);
      color:rgba(255,255,255,.70); font-size:.62rem; letter-spacing:1px; text-transform:uppercase; font-weight: 600;
    }
    .hpill i { color:#ffb3a3; font-size:.56rem; }
    @media (max-width:400px) { .h-pills { display:none; } }

    /* ═══════════════════════════════════════
       STAT STRIP
    ═══════════════════════════════════════ */
    .stat-strip { background:var(--dk); padding:22px 0; }
    .stat-strip-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0; }
    .stat-item {
      text-align:center; padding:14px 36px;
      border-right:1px solid rgba(255,255,255,.08);
    }
    .stat-item:last-child { border-right:none; }
    .stat-num {
      font-family:'Manrope',sans-serif; font-size:2rem; font-weight:800;
      color:var(--br); line-height:1; display:block;
    }
    .stat-lbl { font-size:.62rem; text-transform:uppercase; letter-spacing:2px; font-weight: 600; color:rgba(255,255,255,.44); margin-top:4px; display:block; }
    @media (max-width:575px) {
      .stat-item { padding:10px 18px; border-right:none; border-bottom:1px solid rgba(255,255,255,.06); width:50%; }
      .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,.06); }
      .stat-item:last-child { border-bottom:none; }
    }

    /* ═══════════════════════════════════════
       NAP STRIP
    ═══════════════════════════════════════ */
    .nap { background:var(--w); border-bottom:1px solid var(--bd); padding:10px 0; }
    .nap-row { display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; font-size:.76rem; color:var(--t3); }
    .nap-row i { color:var(--br); }
    .nap-row a { color:var(--br); font-weight:700; }
    .nap-row a:hover { text-decoration:underline; }
    .nap-badges { display:flex; flex-wrap:wrap; gap:5px; margin-left:auto; }
    .nbadge {
      display:inline-flex; align-items:center; gap:4px; padding:3px 10px; border-radius:999px;
      background:var(--br-lt); border:1px solid var(--bd); font-weight: 700;
      color:var(--t3); font-size:.62rem; letter-spacing:.8px; text-transform:uppercase;
    }
    .nbadge i { color:var(--br); font-size:.56rem; }
    @media (max-width:575px) { .nap-badges { display:none; } }

    /* ═══════════════════════════════════════
       CARDS (Equal Height Setup)
    ═══════════════════════════════════════ */
.card-base {
      background:var(--w); border:1px solid var(--bdg);
      border-radius:var(--r); padding:var(--cp);
      display:flex; flex-direction:column;
      width:100%;
      /* DO NOT put height: 100% here */
    }

    /* Tech / treatment card */
    .tc {
      position:relative;
      transition:box-shadow .28s, transform .28s, border-color .28s;
      overflow:visible;
    }
    .tc::before {
      content:""; position:absolute; top:0; left:0; right:0; height:3px;
      background:var(--br); border-radius:var(--r) var(--r) 0 0;
      transform:scaleX(0); transform-origin:left; transition:transform .3s; z-index:2;
    }
    .tc:hover { box-shadow:0 16px 44px rgba(205,99,80,.10); transform:translateY(-4px); border-color:var(--bd); }
    .tc:hover::before { transform:scaleX(1); }

    .tc-ic {
      width:52px; height:52px; border-radius:12px; flex-shrink:0; align-self:flex-start;
      background:var(--br-lt); border:1px solid var(--bd);
      display:flex; align-items:center; justify-content:center;
      color:var(--br); font-size:1.2rem; margin-bottom:16px;
      transition:background .25s, color .25s;
    }
    .tc:hover .tc-ic { background:var(--br); color:var(--w); }
    .tc h3  { font-size:1.15rem; margin-bottom:10px; line-height:1.25; font-weight: 800; }
    .tc p   { color:var(--t3); font-size:.86rem; line-height:1.68; flex-grow:1; margin-bottom:1rem; } /* flex-grow keeps tag at bottom */
    
    .tc-tag {
      display:inline-block; padding:3px 11px; border-radius:999px; align-self:flex-start; margin-top:auto;
      background:var(--br-lt); color:var(--br); font-size:.63rem; font-weight:800; letter-spacing:.8px; text-transform:uppercase;
    }

    .cklist { list-style:none; padding:0; margin:0 0 1rem 0; }
    .cklist li {
      display:flex; align-items:flex-start; gap:10px;
      font-size:.86rem; color:var(--t3); font-weight: 500;
      padding:8px 0; border-bottom:1px solid rgba(0,0,0,.05); line-height:1.6;
    }
    .cklist li:last-child { border-bottom:none; padding-bottom:0; }
    .cklist li > i    { color:var(--br); font-size:.76rem; margin-top:3px; flex-shrink:0; }
    .cklist li > span { flex:1; min-width:0; }

    .ic-head { display:flex; align-items:center; gap:12px; margin-bottom:16px; flex-shrink:0; }
    .ic-ico  {
      width:42px; height:42px; border-radius:10px; flex-shrink:0;
      background:var(--br-lt); border:1px solid var(--bd);
      display:flex; align-items:center; justify-content:center;
      color:var(--br); font-size:.95rem;
    }
    .ic-ico + h4 { font-size:1.08rem; margin:0; line-height:1.3; font-weight: 800; }

    /* ═══════════════════════════════════════
       TIMELINE
    ═══════════════════════════════════════ */
    .tl { position:relative; max-width:860px; margin:0 auto; }
    .tl::before {
      content:""; position:absolute; left:28px; top:0; bottom:0; width:2px;
      background:linear-gradient(to bottom, var(--br), rgba(205,99,80,.1));
    }
    @media (max-width:575px) { .tl::before { left:22px; } }

    .tl-item { display:flex; gap:28px; margin-bottom:44px; position:relative; }
    .tl-item:last-child { margin-bottom:0; }

    .tl-num {
      flex-shrink:0; width:58px; height:58px; border-radius:50%;
      background:var(--br); color:var(--w);
      display:flex; align-items:center; justify-content:center;
      font-family:'Manrope',sans-serif; font-size:1.5rem; font-weight:800;
      box-shadow:0 8px 22px rgba(205,99,80,.30); z-index:1; position:relative;
    }
    @media (max-width:575px) { .tl-num { width:46px; height:46px; font-size:1.2rem; } }

    .tl-body { flex:1; padding-top:8px; }
    .tl-body h3 { font-size:1.15rem; margin-bottom:6px; font-weight: 800; }
    .tl-body p  { color:var(--t3); font-size:.88rem; line-height:1.72; margin:0; }

    /* ═══════════════════════════════════════
       RESULT TAGS
    ═══════════════════════════════════════ */
    .rtags { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:1.5rem; }
    .rtag  {
      display:inline-block; padding:8px 16px; border-radius:999px;
      border:1px solid var(--bd); background:var(--w); color:var(--t3);
      font-size:.78rem; font-weight: 600; white-space:nowrap; transition:border-color .2s, color .2s;
    }
    .rtag:hover { border-color:var(--br); color:var(--br); }

    /* ═══════════════════════════════════════
       COMPARE TABLE
    ═══════════════════════════════════════ */
    .ctable-wrap {
      width:100%; overflow-x:auto; border-radius:var(--r);
      border:1px solid var(--bdg); -webkit-overflow-scrolling:touch;
    }
    .ctable { width:100%; border-collapse:collapse; font-size:.86rem; min-width:500px; }
    .ctable th, .ctable td { border:1px solid var(--bdg); padding:12px 15px; vertical-align:top; }
    .ctable thead th { background:var(--br); color:var(--w); font-size:.7rem; text-transform:uppercase; letter-spacing:1px; font-weight:800; white-space:nowrap; }
    .ctable tbody tr:nth-child(even) td { background:var(--br-lt); }
    .ctable td:first-child { font-weight:800; color:var(--t1); font-size:.8rem; white-space:nowrap; }

    /* ═══════════════════════════════════════
       FAQ
    ═══════════════════════════════════════ */
    .faq-item { background:var(--w); border:1px solid var(--bdg); border-radius:var(--rsm); margin-bottom:8px; overflow:hidden; }
    .accordion-button { font-family: 'Manrope', sans-serif; font-weight:700; font-size:.9rem; color:var(--t1); background:var(--w); white-space:normal; text-align:left; }
    .accordion-button:not(.collapsed) { background:var(--br-lt); color:var(--br); box-shadow:none; }
    .accordion-button:focus { box-shadow:none; }
    .accordion-body { font-size:.88rem; color:var(--t3); line-height:1.75; font-weight: 500; }

    /* ═══════════════════════════════════════
       CTA BAND
    ═══════════════════════════════════════ */
    .cta-sec {
      padding:var(--sp) 0;
      background:linear-gradient(138deg, #c05540 0%, #cd6350 50%, #d57a69 100%);
      text-align:center; position:relative; overflow:hidden;
    }
    .cta-sec::before {
      content:""; position:absolute; width:500px; height:500px; border-radius:50%;
      background:radial-gradient(circle, rgba(255,255,255,.08), transparent 65%);
      top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none;
    }
    .cta-sec .t-lbl { color:rgba(255,255,255,.48); }
    .cta-sec h2     { color:var(--w); margin-bottom:12px; font-weight: 800; }
    .cta-sec > .container > p { color:rgba(255,255,255,.78); max-width:460px; margin:0 auto 28px; font-size:.9rem; line-height:1.8; font-weight: 500; }
    .cta-btns { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
    .cta-nap  { color:rgba(255,255,255,.32); font-size:.68rem; margin-top:24px; line-height:1.8; font-weight: 600; }

    /* ═══════════════════════════════════════
       FLOATING BUTTONS
    ═══════════════════════════════════════ */
    .fab-wa {
      display:none; position:fixed; bottom:20px; left:16px; z-index:9999;
      width:52px; height:52px; border-radius:50%; background:#25D366; color:var(--w);
      align-items:center; justify-content:center; font-size:1.4rem;
      box-shadow:0 4px 18px rgba(37,211,102,.38); text-decoration:none; transition:transform .22s;
    }
    .fab-wa:hover { transform:scale(1.07); color:var(--w); }
    @media (max-width:991px) { .fab-wa { display:flex; } }

    .fab-book {
      position:fixed; bottom:20px; right:16px; z-index:9999;
      height:48px; min-width:138px; padding:0 22px; border-radius:30px;
      background:var(--w); color:var(--br); border:1.5px solid var(--br);
      display:flex; align-items:center; justify-content:center;
      font-weight:800; font-size:.7rem; letter-spacing:1.5px; text-transform:uppercase;
      cursor:pointer; gap:7px; box-shadow:0 4px 16px rgba(205,99,80,.20);
      transition:background .22s, color .22s;
    }
    .fab-book:hover { background:var(--br); color:var(--w); }
    @media (max-width:991px) { .fab-book { display:none; } }

    /* ═══════════════════════════════════════
       MODAL
    ═══════════════════════════════════════ */
    .modal-content { border-radius:18px !important; border:none !important; }
    .modal-body .form-control,
    .modal-body .form-select {
      border:none; border-bottom:1px solid var(--bdg) !important;
      border-radius:0; padding-left:0; padding-right:0;
      background:transparent; font-size:.9rem; font-weight: 500; font-family: 'Manrope', sans-serif;
    }
    .modal-body .form-control:focus,
    .modal-body .form-select:focus { box-shadow:none; border-bottom-color:var(--br) !important; }
    
    /* ═══════════════════════════════════════════
   EQUAL HEIGHT STACKED CARDS (Why Section)
═══════════════════════════════════════════ */
@media (min-width: 992px) {
  #why .row > .col-lg-6 {
    display: flex;
    flex-direction: column;
  }
  
  #why .row > .col-lg-6 > .card-base {
    flex: 1; /* This forces the cards to stretch and fill the remaining column height */
  }
}