/* ── Brand Tokens ── */
    :root {
      --cream:        #FDFAF5;
      --ivory:        #F5F0E8;
      --ivory-mid:    #EDE6D8;
      --gold:         #be9546;
      --gold-mid:     #be9546;
      --gold-light:   #be9546;
      --gold-pale:    #F7F0E0;
      --bronze:       #be9546;
      --bronze-dark:  #be9546;
      --brown:        #be9546;
      --mid:          #5A4520;
      --soft:         #8A7450;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'DM Sans', sans-serif;
      background-color: var(--cream);
      color: var(--brown);
      font-size: 17px;
      line-height: 1.75;
    }

    h1, h2, h3, h4 {
      font-family: 'Playfair Display', serif;
    }

    /* ── Urgency Bar ── */
    .urgency-bar {
      background-color: #be9546;
      color: #fff;
      font-size: 0.88rem;
      font-weight: 500;
      text-align: center;
      padding: 10px 16px;
    }
    .navbar-brand img{
        width: 30rem;
    }

    /* ── Sticky Navbar ── */
    .navbar-orchid {
      background-color: #fff;
      box-shadow: 0 2px 16px rgba(92,66,15,0.35);
    }
    .navbar-orchid .navbar-brand {
      font-family: 'Playfair Display', serif;
      color: var(--gold-light) !important;
      font-size: 1.1rem;
      font-weight: 700;
    }
    .navbar-orchid .nav-phone {
      color: rgba(24, 24, 24, 0.88);
      font-size: 0.85rem;
      text-decoration: none;
    }
    .btn-gold {
      background: linear-gradient(135deg, #ae7d1f, #ab7c20);
      color: #fff !important;
      font-weight: 700;
      border: none;
      border-radius: 4px;
      box-shadow: 0 4px 18px rgba(184,137,42,0.4);
      transition: transform .15s, box-shadow .2s;
    }
    .btn-gold:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 26px rgba(184,137,42,0.55);
      color: #fff !important;
    }
    .btn-outline-gold {
      border: 2px solid var(--gold);
      color: var(--gold);
      font-weight: 600;
      background: transparent;
      border-radius: 4px;
      transition: background .2s, color .2s;
    }
    .btn-outline-gold:hover {
      background: var(--gold);
      color: #fff;
    }

    /* ── Hero ── */
    .hero-section {
      /* background: linear-gradient(135deg, var(--bronze-dark) 0%, var(--bronze) 55%, var(--gold) 100%); */
      padding: 60px 0 80px;
      position: relative;
      overflow: hidden;
    }
    .hero-section::before {
      content: '';
      position: absolute; inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
    }
    .hero-badge {
      display: inline-block;
      background: #94660b;
      color: #ffffff;
      font-weight: 700;
      font-size: 0.78rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 6px 18px;
      border-radius: 2px;
      margin-bottom: 22px;
    }
    .hero-section h1 {
      color: #000000;
      font-size: clamp(2rem, 5vw, 3.2rem);
      font-weight: 900;
    }
    .hero-section h1 em {
      color: var(--gold-light);
      font-style: normal;
    }
    .hero-sub {
      color: rgba(0, 0, 0, 0.88);
      font-size: 1.12rem;
      font-weight: 300;
    }
    .offer-pill {
      background: rgba(255,255,255,0.12);
      border: 1px solid #b8b6b6bf;
      color: #be9546;
      padding: 7px 18px;
      border-radius: 40px;
      font-size: 0.88rem;
      font-weight: 500;
    }
    .offer-pill strong 
    { color: #000; 
    }
    .urgency-note {
      color: #be9546;
      font-size: 0.85rem;
    }
    .urgency-note span { color: #FF9E7A; font-weight: 600; }

    /* ── Section Labels ── */
    .section-label {
      display: inline-block;
      font-size: 0.72rem;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 10px;
    }
    .sec-title em { color: var(--gold); font-style: normal; }

    /* ── CTA Band ── */
    .cta-band {
      background-color: var(--ivory);
      border-top: 3px solid var(--gold);
      border-bottom: 3px solid var(--gold);
    }
    .cta-band h2 { color: var(--bronze); }

    /* ── Benefit List ── */
    .benefit-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .benefit-list li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 10px 0;
      border-bottom: 1px solid var(--ivory-mid);
      color: var(--mid);
      font-size: 0.97rem;
    }
    .benefit-list li:last-child { border-bottom: none; }
    .benefit-list .check-icon {
      flex-shrink: 0;
      width: 24px; height: 24px;
      background: var(--gold-pale);
      color: var(--gold);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 0.75rem; font-weight: 700;
      margin-top: 3px;
    }

    /* ── Cards ── */
    .feature-card {
      background: #fff;
      border: 1px solid var(--ivory-mid);
      border-radius: 8px;
      padding: 28px 24px;
      box-shadow: 0 2px 14px rgba(184,137,42,0.07);
      height: 100%;
    }
    .feature-card .card-icon { font-size: 1.9rem; margin-bottom: 14px; }
    .feature-card h5 { color: var(--brown); font-size: 1rem; margin-bottom: 8px; }
    .feature-card p { color: var(--soft); font-size: 0.9rem; margin: 0; }

    /* ── Highlight Box ── */
    .highlight-box {
      background: var(--gold-pale);
      border-left: 4px solid var(--gold);
      border-radius: 0 6px 6px 0;
      padding: 18px 22px;
    }
    .highlight-box p { color: var(--mid); font-size: 0.95rem; margin: 0; }

    /* ── Pricing Box ── */
    .pricing-box {
      background: linear-gradient(135deg, #be95462e, #be95460f);
      border-radius: 10px;
      color: #000000;
      position: relative;
      overflow: hidden;
    }
    .pricing-box::after {
      content: '';
      position: absolute; top: -40px; right: -40px;
      width: 180px; height: 180px;
      background: rgba(255,255,255,0.05);
      border-radius: 50%;
    }
    .pricing-box .was { font-size: 1.05rem; opacity: .7; text-decoration: line-through; }
    .pricing-box .now { font-family: 'Playfair Display', serif; font-size: 2.8rem; font-weight: 900; 
    color: #000000; }
    .pricing-box .finance-badge {
      background: rgba(255,255,255,0.1);
      border-radius: 6px;
      padding: 14px 20px;
      font-size: 0.95rem;
    }

    /* ── Testimonials ── */
    .testi-card {
      background: #fff;
      border-left: 4px solid var(--gold);
      border-radius: 8px;
      padding: 26px;
      box-shadow: 0 2px 10px rgba(184,137,42,0.09);
      height: 100%;
    }
    .testi-stars { color: var(--gold); font-size: 1.1rem; }
    .testi-text { font-size: 0.94rem; color: var(--mid); font-style: italic; }
    .testi-name { font-weight: 600; font-size: 0.87rem; color: var(--brown); }
    .testi-loc { font-size: 0.82rem; color: var(--soft); }

    /* ── FAQ Accordion ── */
    .accordion-orchid .accordion-button {
      font-family: 'DM Sans', sans-serif;
      font-weight: 600;
      color: var(--brown);
      background: #fff;
      font-size: 1rem;
      box-shadow: none;
    }
    .accordion-orchid .accordion-button:not(.collapsed) {
      color: var(--gold);
      background: var(--gold-pale);
      box-shadow: none;
    }
    .accordion-orchid .accordion-button::after {
      filter: none;
    }
    .accordion-orchid .accordion-button:not(.collapsed)::after {
      filter: none;
    }
    .accordion-orchid .accordion-item {
      border: none;
      border-bottom: 1px solid var(--ivory-mid);
      border-radius: 0 !important;
      background: transparent;
    }
    .accordion-orchid .accordion-body {
      color: var(--mid);
      font-size: 0.95rem;
      background: #fff;
    }

    /* ── Location Box ── */
    .location-box {
      background: var(--gold-pale);
      border: 1px solid var(--ivory-mid);
      border-radius: 8px;
    }
    .location-box h5 { color: var(--bronze); }
    .location-box a { color: var(--gold); font-weight: 600; text-decoration: none; }
    .location-box a:hover { text-decoration: underline; }

    /* ── Final CTA ── */
    .final-cta {
      /*background: linear-gradient(135deg, var(--bronze-dark), var(--bronze));*/
    }
    .final-cta h2 { color:#be9546; }
    .final-cta h2 em { color: var(--gold-light); font-style: normal; }
    .perk-tag {
      background: rgba(255,255,255,0.1);
      border: 1px solid rgba(255,255,255,0.25);
      color: #393838d1;
      padding: 7px 18px;
      border-radius: 40px;
      font-size: 0.87rem;
    }
    .perk-tag strong 
    { color: #000; 
    }

    /* ── Mini FAQ Table ── */
    .mini-faq {
      background: #fff;
      border: 1px solid var(--ivory-mid);
      border-radius: 8px;
      overflow: hidden;
    }
    .mini-faq-row {
      display: grid;
      grid-template-columns: 1fr 1.6fr;
      gap: 12px;
      padding: 15px 22px;
      border-bottom: 1px solid var(--ivory);
      align-items: center;
    }
    .mini-faq-row:last-child { border-bottom: none; }
    .mini-faq-q { font-weight: 600; font-size: 0.89rem; color: var(--brown); }
    .mini-faq-a { font-size: 0.87rem; color: var(--mid); }

    /* ── Footer ── */
    .footer-orchid {
      background-color: #000;
      color: rgba(255,255,255,0.6);
      font-size: 0.83rem;
    }
    .footer-orchid a { color: #fff; text-decoration: none; }
    .footer-orchid a:hover { text-decoration: underline; }

    /* ── Section backgrounds ── */
    .bg-ivory { background-color: var(--ivory); }
    .bg-cream  { background-color: var(--cream); }

    /* ── Divider ── */
    hr.gold-divider { border-color: var(--ivory-mid); opacity: 1; }

    /* ── Responsive tweaks ── */
    @media (max-width: 576px) {
      .mini-faq-row { grid-template-columns: 1fr; }
      .nav-phone { display: none !important; }
    }

 .sticky-icons{
    position: fixed;
    bottom: 88px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 999;
}

.sticky-icons a{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
}

.call-btn{
    background:#be9546;
}

.whatsapp-btn{
    background:#be9546;
}
 
    .sticky-icons a{
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
    transition:0.3s;
}

.sticky-icons a:hover{
    transform:scale(1.1);
}