:root{
  --bg:#0b1412;
  --panel:#0f1d19;
  --card:#11231e;
  --text:#eaf3f0;
  --muted:#b8c9c3;
  --gold:#d7b76a;
  --green:#0f6b4f;
  --green2:#0b4f3a;
  --border: rgba(255,255,255,.10);
  --shadow: 0 18px 50px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background: radial-gradient(1200px 700px at 20% -10%, rgba(15,107,79,.35), transparent 60%),
              radial-gradient(1200px 700px at 85% 0%, rgba(215,183,106,.22), transparent 55%),
              linear-gradient(180deg, #07100e 0%, #0b1412 40%, #070f0d 100%);
}
a{color:inherit; text-decoration:none}
a:hover{opacity:.9}
img{max-width:100%; height:auto; display:block}
.container{max-width:1180px; margin:0 auto; padding:0 18px}
.skip-link{position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden}
.skip-link:focus{left:18px; top:18px; width:auto; height:auto; padding:10px 12px; background:#fff; color:#000; border-radius:10px; z-index:9999}

.site-header{
  position:sticky; top:0; z-index:50;
  background: rgba(255,255,255,.45);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(0,0,0,.10);
}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0}
.brand{display:flex; align-items:center; gap:12px}
.brand-logo{height:70px; width:auto}
.brand-name{font-weight:800; letter-spacing:.3px}
.brand-tag{font-size:12px; color:var(--muted)}
.site-nav{display:flex; align-items:center; gap:18px}
.site-nav a{font-weight:600; font-size:14px; color:#0f1a17}
.nav-cta{
  padding:0;
  border-radius:0;
  background: transparent;
  color: inherit;
  border:none;
  box-shadow:none;
}
.nav-cta:hover{
  background: transparent;
  text-decoration: underline;
}

.nav-toggle{
  display:none;
  width:44px; height:44px;
  border-radius:12px;
  background: rgba(255,255,255,.06);
  border:1px solid var(--border);
}
.nav-toggle span{display:block; height:2px; background:rgba(255,255,255,.85); margin:6px 10px; border-radius:2px}

.hero{
  position:relative;
  min-height: calc(100vh - 74px);
  display:grid;
  place-items:stretch;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute; inset:0;
  background: rgba(255,255,255,.40);
  pointer-events:none;
}
.slider{
  position:absolute; inset:0;
}
.slide{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform: scale(1.02);
  transition: opacity 900ms ease, transform 2500ms ease;
}
.slide.active{opacity:1; transform: scale(1.0)}
.hero-content{
  position:relative;
  z-index:2;
  display:grid;
  align-content:center;
  gap:18px;
  padding:64px 0;
}
.hero-badge{
  display:inline-flex; gap:10px; align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.60);
  width:max-content;
  color:#0f1a17;
  font-weight:600;
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
}
.dot{width:8px; height:8px; border-radius:999px; background:var(--gold); box-shadow:0 0 0 6px rgba(215,183,106,.15)}
.hero h1{margin:0; font-size: clamp(34px, 5vw, 58px); line-height:1.03; letter-spacing:-.6px}
.hero p{margin:0; max-width:720px; color:rgba(255,255,255,.85); font-size: clamp(15px, 1.55vw, 18px); line-height:1.6}
.hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:10px}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.55);
  font-weight:700;
  color:#0f1a17;
}
.btn.primary{
  background: linear-gradient(135deg, var(--gold), #b48f3f);
  color:#12110c;
  border:0;
}
.btn.primary:hover{filter:brightness(1.02)}
.btn.secondary:hover{background: rgba(255,255,255,.09)}
.btn.small{padding:10px 14px; border-radius:12px; font-weight:700}

.section{padding:64px 0}
.section-title{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px}
.section-title h2{margin:0; font-size:28px}
.section-title p{margin:0; color:var(--muted); max-width:640px; line-height:1.6}
.grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap:16px;
}
.card{
  background: rgba(255,255,255,.65);
  border:1px solid rgba(0,0,0,.10);
  border-radius:18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
  overflow:hidden;
  color:#0f1a17;
}
.card.pad{padding:18px}
.card-media{aspect-ratio: 16/11; background:#0a0f0e; position:relative}
.card-media img{width:100%; height:100%; object-fit:cover}
.card-media::after{display:none}
.card-title{font-size:18px; font-weight:800; margin:0 0 6px}
.card-text{margin:0; color:var(--muted); line-height:1.6; font-size:14px}
.card-actions{margin-top:12px}
.pill{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  font-weight:700;
  font-size:13px;
}
.kpi{display:grid; gap:6px}
.kpi .num{font-size:22px; font-weight:900; color:var(--gold)}
.kpi .lbl{font-size:13px; color:var(--muted)}

.banner{
  border-radius:26px;
  border:1px solid rgba(255,255,255,.16);
  background: linear-gradient(135deg, rgba(15,107,79,.30), rgba(215,183,106,.18));
  padding:22px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.banner h3{margin:0; font-size:20px}
.banner p{margin:0; color:rgba(255,255,255,.85); line-height:1.6}

.page-hero{
  padding:54px 0 18px;
}
.page-hero .crumb{color:var(--muted); font-weight:600; font-size:13px}
.page-hero h1{margin:10px 0 0; font-size:38px}
.page-hero p{margin:10px 0 0; color:rgba(255,255,255,.85); max-width:800px; line-height:1.6}

.form{
  display:grid;
  gap:12px;
}
.field{display:grid; gap:7px}
label{font-weight:700; font-size:13px; color:rgba(255,255,255,.92)}
input, select, textarea{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.25);
  color:var(--text);
  outline:none;
}
textarea{min-height:120px; resize:vertical}
input:focus, select:focus, textarea:focus{border-color: rgba(215,183,106,.55); box-shadow:0 0 0 4px rgba(215,183,106,.12)}
.helper{color:var(--muted); font-size:12px; line-height:1.5}
.notice{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(215,183,106,.25);
  background: rgba(215,183,106,.08);
  color:rgba(255,255,255,.92);
  line-height:1.6;
}
.error{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,90,90,.28);
  background: rgba(255,90,90,.10);
  color:rgba(255,255,255,.92);
  line-height:1.6;
}

.site-footer{margin-top:44px}
.footer-bar{
  background: linear-gradient(135deg, #0f6b4f 0%, #0a3f2f 100%);
  border-top:1px solid rgba(255,255,255,.18);
}
.footer-grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap:16px;
  padding:22px 0;
}
.footer-title{font-weight:900; color:#eaf7f3; margin-bottom:8px}
.footer-text{color:rgba(255,255,255,.90); line-height:1.6}
.footer-text.small{color:rgba(255,255,255,.80); font-size:13px}
.footer-bottom{
  display:flex; flex-wrap:wrap;
  gap:12px;
  justify-content:space-between;
  color:rgba(255,255,255,.75);
  padding:14px 0 26px;
}
.small{font-size:12px; color:rgba(255,255,255,.70)}

@media (max-width: 960px){
  .site-nav{position:fixed; inset:74px 0 auto 0; display:none; flex-direction:column; gap:10px;
    background: rgba(8,16,14,.96); border-bottom:1px solid var(--border); padding:14px 18px}
  .site-nav.open{display:flex}
  .site-nav a{padding:12px 10px; width:100%; border-radius:14px; background: rgba(255,255,255,.04)}
  .nav-toggle{display:inline-block}
  .brand-tag{display:none}
  .footer-grid{grid-template-columns:1fr}
}

/* White-glass clean image sections */
.section--range,.section--why{position:relative;background-size:cover;background-position:center;}
.section--range::before,.section--why::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.40);}
.section--range>.container,.section--why>.container{position:relative;z-index:1;}


/* ===== PATCH v4: Fix dealer/explore focus selection + footer bars transparency ===== */
.site-header{
  background: rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.brand-logo{
  height: 72px !important;
  width: auto !important;
}

/* Remove "selected" / focus ring look on buttons/links */
.site-nav a,
.nav-cta,
.btn{
  outline: none !important;
  box-shadow: none !important;
}
.site-nav a:focus,
.site-nav a:active,
.site-nav a:focus-visible,
.nav-cta:focus,
.nav-cta:active,
.nav-cta:focus-visible,
.btn:focus,
.btn:active,
.btn:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* Dealer button neutral by default */
.nav-cta{
  padding:0;
  border-radius:0;
  background: transparent;
  color: inherit;
  border:none;
  box-shadow:none;
}
.nav-cta:hover{
  background: transparent;
  text-decoration: underline;
}

/* Clean footer: remove the two light bars / masks */
.footer-bar{
  border-top: 0 !important;
  box-shadow: none !important;
}
.footer-bottom{
  border-top: 0 !important;
}
.site-footer::before,
.site-footer::after,
.footer-bar::before,
.footer-bar::after{
  content: none !important;
}


/* v11 overrides */
.site-nav a.nav-cta{background:transparent!important;border:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;font-weight:600!important}
.site-nav a{transition:none!important}
.hero-actions{margin-top:12px!important}

/* v12 layout fixes */
.site-footer, .footer, footer{margin-top:0!important}
.footer-bottom, .copyright{
  background:#0f5132!important;
  margin:0!important;
  padding:12px 0!important;
  border-top:0!important;
}

.hero-actions{
  display:flex!important;
  gap:14px!important;
  align-items:center!important;
  margin-top:14px!important;
}
.hero-actions .btn{
  margin:0!important;
  position:relative!important;
  z-index:2!important;
}

/* v13 fixes */
/* Full-width footer bottom bar */
.footer-bottom{
  background:#0f5132!important;
  color:#eaf5ef!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 0!important;
  border-top:0!important;
}
.footer-bottom .small{opacity:.85}
.footer-bottom-inner{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
/* Banner CTA alignment */
.banner-cta{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}
.banner-cta > div:last-child{
  display:flex!important;
  justify-content:flex-end!important;
  width:auto!important;
}
/* Hero buttons: consistent spacing */
.hero-actions{
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
}

/* v14 final: hero button area fix (remove extra glass band) */
.hero::after{background: rgba(255,255,255,0.18)!important}
.hero-content{background: transparent!important}
.hero-actions{background: transparent!important; padding:0!important; border:0!important; box-shadow:none!important}
.hero-actions .btn{box-shadow:none!important}

/* v15: remove hero wash overlay + improve readability */
.hero::after{background: transparent!important}
.hero h1, .hero h2, .hero p{ text-shadow: 0 2px 14px rgba(0,0,0,0.35)!important; }
.hero-actions .btn.secondary{
  background: rgba(255,255,255,0.85)!important;
  border: 1px solid rgba(0,0,0,0.18)!important;
}

/* v16 hard override */
.hero::after{background: transparent!important}

/* v17: make hero background uniform (remove "patch" look) */
.hero::after{
  background: linear-gradient(90deg,
    rgba(0,0,0,0.40) 0%,
    rgba(0,0,0,0.18) 55%,
    rgba(0,0,0,0.08) 100%) !important;
}
.hero h1, .hero p{ color:#0f1a17 !important; }
.hero h1{ color:#0b1714 !important; }
.hero p{ color:#13211d !important; }
.hero-actions .btn.secondary{
  background: rgba(255,255,255,0.88)!important;
}

/* v18: stronger hero overlay to remove "light patch" perception */
.hero::after{
  background: linear-gradient(90deg,
    rgba(0,0,0,0.65) 0%,
    rgba(0,0,0,0.35) 65%,
    rgba(0,0,0,0.12) 100%) !important;
}
.hero h1, .hero p{ color:#ffffff !important; }
.hero .pill{ background: rgba(255,255,255,0.80) !important; }


/* v23: WhatsApp floating button */
.wa-float{
  position:fixed;
  right:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:999px;
  background:#25D366;
  color:#ffffff !important;
  text-decoration:none;
  font-weight:700;
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  z-index:9999;
}
.wa-float:hover{transform:translateY(-1px)}
.wa-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,0.18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  letter-spacing:.5px;
}
.wa-text{font-size:14px;line-height:1}
@media (max-width:520px){
  .wa-text{display:none}
  .wa-float{padding:12px}
}



/* =========================
   V41 FIX: Our Products hero buttons SAME GOLD
   (Overrides .hero-actions .btn.secondary white override)
   ========================= */
body.our-products-page .our-products-hero .hero-actions .btn.primary,
body.our-products-page .our-products-hero .hero-actions .btn.secondary{
  background: var(--gold) !important;
  background-image: linear-gradient(135deg, var(--gold), #b48f3f) !important;
  color: #12110c !important;
  border: 0 !important;
}
body.our-products-page .our-products-hero .hero-actions .btn.primary:hover,
body.our-products-page .our-products-hero .hero-actions .btn.secondary:hover{
  filter: brightness(1.02) !important;
}







/* make glass panels lighter on curtains hero only */
.curtains-hero .hero-content{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.22) !important;
}
.curtains-hero .pill{background: rgba(255,255,255,.10) !important; border-color: rgba(255,255,255,.22) !important;}
.curtains-hero .crumb{color: rgba(255,255,255,.88) !important;}
.curtains-hero h1{color: #ffffff !important;}
.curtains-hero p{color: rgba(255,255,255,.90) !important; max-width: 60ch;}
/* Ensure image looks bright */
.curtains-hero{filter:none;}
.curtains-hero::before{content:none !important;}






/* HEADER: white with 30% transparency (alpha 0.7) */
body.curtains-page .site-header{
  background: rgba(255,255,255,0.7) !important;
  border-bottom:1px solid rgba(0,0,0,.08) !important;
  backdrop-filter: blur(6px) !important;
}

/* Dealer Enquiry text black in header */
body.curtains-page .site-header .nav-cta{
  color:#000000 !important;
}

/* HERO white glass = 100% transparent */
body.curtains-page .hero.curtains-hero .hero-content{
  background: transparent !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.10) !important;
  backdrop-filter: none !important;
}





/* Remove any dark top overlay */
body.curtains-page .hero.curtains-hero::before{
  content:none !important;
  display:none !important;
}
/* Use lighter gradient so image is bright near header */
body.curtains-page .hero.curtains-hero{
  background:
    linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.18) 40%, rgba(0,0,0,0.30) 100%),
    url("../img/curtains-hero.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}




/* Remove any dark overlay on hero */
body.curtains-page section.hero::before,
body.curtains-page .hero::before,
body.curtains-page .curtains-hero::before{
  content:none !important;
  display:none !important;
}

/* Lighter top gradient like Our Products */
body.curtains-page section.hero,
body.curtains-page .hero.curtains-hero,
body.curtains-page .curtains-hero{
  background:
    linear-gradient(180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.12) 45%, rgba(0,0,0,0.22) 100%),
    url("../img/curtains-hero.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}





/* V57: Curtains page look matched to Our Products (minimal, safe) */
.curtains-hero{
  background-size: cover;
  background-position: center;
}
.curtains-hero .hero-actions .btn.secondary{
  background:#c89b2a !important;
  border-color:#c89b2a !important;
  color:#ffffff !important;
}
.curtains-hero .hero-actions .btn.secondary:hover{
  background:#a77f22 !important;
  border-color:#a77f22 !important;
  color:#ffffff !important;
}



/* V58: Fix Curtains hero banner image path (match Our Products look) */
.curtains-hero{
  background-image: url("/assets/img/curtains-hero.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}



/* V59: Curtains header + hero overlay match Our Products */
.curtains-page .site-header{
  background: rgba(255,255,255,0.30) !important;
  backdrop-filter: blur(10px);
}
.curtains-page .hero::before{
  background: linear-gradient(180deg, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.05) 100%) !important;
}
.curtains-page .hero .hero-content{
  background: rgba(255,255,255,0.00) !important;
  box-shadow:none !important;
}



/* V60: Curtains page - MATCH Our Products look (header + hero overlay + pill) */

/* Header: make it same clean white as Our Products */
body.curtains-page .site-header{
  background: rgba(255,255,255,0.95) !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  backdrop-filter: none !important;
}
body.curtains-page .site-header .site-nav a{ color:#111111 !important; }
body.curtains-page .site-header .nav-cta{ color:#111111 !important; }

/* Hero: remove dark overlays and use a LIGHT overlay in background itself */
body.curtains-page .curtains-hero::before,
body.curtains-page .curtains-hero::after,
body.curtains-page .hero::before,
body.curtains-page .hero::after{
  content:none !important;
  display:none !important;
}
body.curtains-page .curtains-hero{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.12) 100%),
    url("/assets/img/curtains-hero.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Glass panel in hero: like Our Products (light) */
body.curtains-page .curtains-hero .hero-content{
  background: rgba(255,255,255,0.28) !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,0.18) !important;
  backdrop-filter: blur(10px) !important;
}

/* Pill: light (white glass) with dark text like Our Products */
body.curtains-page .curtains-hero .pill{
  background: rgba(255,255,255,0.70) !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  color: #111111 !important;
}
body.curtains-page .curtains-hero .crumb{ color: rgba(255,255,255,0.92) !important; }
body.curtains-page .curtains-hero h1{ color:#ffffff !important; }
body.curtains-page .curtains-hero p{ color: rgba(255,255,255,0.92) !important; }



/* V61: Curtains page - single banner + match Our Products light look (scoped) */
body.curtains-page{
  background:
    linear-gradient(rgba(255,255,255,.72), rgba(255,255,255,.72)),
    url("/assets/img/curtains-banner-v61.jpg") center/cover fixed no-repeat !important;
  color:#0f1a17 !important;
}

/* Make hero use the same single banner (no separate dark overlay) */
body.curtains-page .hero,
body.curtains-page .hero.curtains-hero{
  background: transparent !important;
}
body.curtains-page .hero::before,
body.curtains-page .hero.curtains-hero::before{
  content:none !important;
  display:none !important;
}

/* Match glass cards to Our Products */
body.curtains-page .card{
  background: rgba(255,255,255,.65) !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
}

/* Pill style like Our Products */
body.curtains-page .pill{
  background: rgba(255,255,255,.70) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  color:#0f1a17 !important;
}

/* Remove embedded banner image card so only ONE banner is used */
body.curtains-page .card-media img[alt*="Curtains banner" i]{
  display:none !important;
}
body.curtains-page .card-media{
  background: transparent !important;
}

/* Fix the large dark bar space above footer */
body.curtains-page .dealer-cta,
body.curtains-page section.dealer-cta,
body.curtains-page .section.dealer-cta{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.curtains-page footer{ margin-top:0 !important; }




/* Slight density on banner without washing image */
.curtains-page .hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.03) 60%, rgba(0,0,0,0.00) 100%);
  pointer-events:none;
}

/* Improve card readability only (not full page) */
.curtains-page .card,
.curtains-page .glass-card,
.curtains-page .feature-card{
  background:rgba(255,255,255,0.88) !important;
  backdrop-filter: blur(6px);
}

/* Pills readable like Our Products */
.curtains-page .pill{
  background:rgba(255,255,255,0.88) !important;
  color:#111 !important;
  border:1px solid rgba(0,0,0,0.06);
}

/* BOTH HERO BUTTONS SAME GOLD + WHITE TEXT */
.curtains-page .hero-actions .btn,
.curtains-page .hero-actions .btn.primary,
.curtains-page .hero-actions .btn.secondary{
  background:#c89b2a !important;
  border-color:#c89b2a !important;
  color:#ffffff !important;
}
.curtains-page .hero-actions .btn:hover{
  background:#a77f22 !important;
  border-color:#a77f22 !important;
  color:#ffffff !important;
}




/* Ensure hero is positioned for overlays */
.curtains-page .hero{ position: relative !important; }
.curtains-page .hero > *{ position: relative; z-index: 2; }

/* Add a subtle density layer over the single-banner background (page-wide) */
.curtains-page .curtains-wrap{
  position: relative;
}
.curtains-page .curtains-wrap::before{
  content:"";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.14);
  pointer-events: none;
  z-index: 0;
}

/* Keep all content above the density layer */
.curtains-page .curtains-wrap > *{
  position: relative;
  z-index: 1;
}

/* Make cards readable: slightly less white + darker text */
.curtains-page .card,
.curtains-page .glass-card,
.curtains-page .feature-card,
.curtains-page .panel,
.curtains-page .section-card{
  background: rgba(255,255,255,0.78) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
}

.curtains-page h1,
.curtains-page h2,
.curtains-page h3,
.curtains-page .card h3,
.curtains-page .feature-card h3{
  color:#111 !important;
}
.curtains-page p,
.curtains-page li,
.curtains-page .card p,
.curtains-page .feature-card p{
  color:#2b2b2b !important;
}

/* Improve hero readability without making banner white */
.curtains-page .hero h1,
.curtains-page .hero p{
  text-shadow: 0 2px 10px rgba(0,0,0,0.25);
}

/* Header glass: match Our Products (clean white, not too strong) */
.curtains-page .site-header{
  background: rgba(255,255,255,0.22) !important;
  backdrop-filter: blur(10px);
}

/* Pills: readable */
.curtains-page .pill{
  background: rgba(255,255,255,0.78) !important;
  color:#111 !important;
}



/* V64: Curtains – fix hero glass visibility + remove bottom black strip + richer banner (no wash) */

/* Use single banner on BODY (fixed) so whole page has image, no weird strips */
body.curtains-page{
  background-image: url("/assets/img/curtains-hero.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  position: relative;
}

/* Density layer across viewport (prevents wash + removes black bar effect) */
body.curtains-page::before{
  content:"";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.18);
  pointer-events: none;
  z-index: 0;
}

/* Keep all content above overlay */
body.curtains-page > *{
  position: relative;
  z-index: 1;
}

/* Remove any previous fixed overlays that can create dark bars */
.curtains-page .curtains-wrap::before{ content:none !important; display:none !important; }

/* HERO: glass panel must be clearly visible (like Our Products) */
.curtains-page .hero .hero-content{
  background: rgba(255,255,255,0.14) !important;
  border: 1px solid rgba(255,255,255,0.30) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.18);
}

/* Ensure hero text readable */
.curtains-page .hero h1,
.curtains-page .hero p,
.curtains-page .hero .crumb{
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.35);
}

/* Cards: readable but not too white */
.curtains-page .card,
.curtains-page .glass-card,
.curtains-page .feature-card,
.curtains-page .panel,
.curtains-page .section-card{
  background: rgba(255,255,255,0.82) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
}

/* Header glass: same feel as Our Products */
.curtains-page .site-header{
  background: rgba(255,255,255,0.22) !important;
  backdrop-filter: blur(10px);
}

/* Keep BOTH hero buttons same gold + white */
.curtains-page .hero-actions .btn,
.curtains-page .hero-actions .btn.primary,
.curtains-page .hero-actions .btn.secondary{
  background:#c89b2a !important;
  border-color:#c89b2a !important;
  color:#ffffff !important;
}
.curtains-page .hero-actions .btn:hover{
  background:#a77f22 !important;
  border-color:#a77f22 !important;
  color:#ffffff !important;
}



/* =========================
   V65 Curtains Fixes (only)
   - Header flush to top
   - Footer flush to bottom
   - WhatsApp floating button not stretched
   - Left media card not blank/blurred
   ========================= */
.curtains-page{
  padding-top: 84px; /* offset for fixed header */
}

/* Header: force fixed at very top */
.curtains-page .site-header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
}

/* Ensure main content doesn't hide behind header on small screens */
@media (max-width: 780px){
  .curtains-page{ padding-top: 96px; }
}

/* Footer: ensure no unwanted gaps */
.curtains-page .site-footer{
  margin-bottom: 0 !important;
}

/* WhatsApp button: prevent full-width stretching */
.curtains-page .wa-float{
  position: fixed !important;
  left: auto !important;
  right: 18px !important;
  bottom: 18px !important;
  width: auto !important;
  max-width: none !important;
  display: inline-flex !important;
}

/* The large left media card: ensure the image shows clearly */
.curtains-page .card-media{
  overflow: hidden;
}
.curtains-page .card-media img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}


/* =========================
   V72: Blinds hero banner (match Curtains style)
   ========================= */
.blinds-hero{
  background:
    linear-gradient(180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.12) 45%, rgba(0,0,0,0.22) 100%),
    url("/assets/img/blinds-hero.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: scroll !important;
}

/* Header glass same as Curtains; Dealer Enquiry text black */
body.blinds-page .site-header{
  background: rgba(255,255,255,0.7) !important;
  border-bottom:1px solid rgba(0,0,0,.08) !important;
  backdrop-filter: blur(6px) !important;
}
body.blinds-page .site-header .nav-cta{ color:#000000 !important; }

/* Keep hero content panel fully transparent (like Curtains V70) */
body.blinds-page .hero.blinds-hero .hero-content{
  background: transparent !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.10) !important;
  backdrop-filter: none !important;
}
body.blinds-page .hero.blinds-hero h1{ color:#ffffff !important; }
body.blinds-page .hero.blinds-hero p,
body.blinds-page .hero.blinds-hero .crumb{ color: rgba(255,255,255,.92) !important; }



/* =========================
   V73: Blinds hero glass + banner behave exactly like Curtains
   (Fix: glass darkness mismatch + banner "floating" look)
   ========================= */
body.blinds-page .hero.blinds-hero,
body.blinds-page section.hero.blinds-hero,
body.blinds-page .blinds-hero{
  background:
    linear-gradient(180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.12) 45%, rgba(0,0,0,0.22) 100%),
    url("/assets/img/blinds-hero.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: scroll !important;
}

body.blinds-page .hero.blinds-hero::before,
body.blinds-page section.hero.blinds-hero::before,
body.blinds-page .blinds-hero::before{
  content: none !important;
  display: none !important;
}




/* V79: Blinds page – use V75 banner as full-page scrolling background (not fixed) */
body.blinds-page{
  background-image: url("/assets/img/blinds-hero.jpg") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* Remove hero-specific background so only one background is used */
body.blinds-page .blinds-hero{
  background: none !important;
}

/* Keep content readable without adding a second "glass" layer */
body.blinds-page main,
body.blinds-page .site-footer{
  background: transparent !important;
}



/* =========================
   V80: Blinds banner full-page (till footer), scroll like Our Products, no stretch
   Only banner behavior changes; do not alter layout/buttons.
   ========================= */
body.blinds-page{
  background: url("/assets/img/blinds-hero.jpg") center / cover no-repeat;
  background-attachment: scroll;
}
body.blinds-page .hero.blinds-hero,
body.blinds-page section.hero.blinds-hero,
body.blinds-page .blinds-hero{
  background: transparent !important;
}
body.blinds-page .site-footer{ margin-top: 0 !important; }


/* =========================
   V81: Blinds page - use V75 banner as FULL PAGE SCROLLING BACKGROUND
   Requirements:
   - One background only (no double image)
   - Background scrolls (NOT fixed)
   - Reaches till footer
   - No stretch (use cover)
   ========================= */
html, body { height: auto !important; }

body.blinds-page{
  background-image: url("/assets/img/blinds-hero.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* Remove hero section background so body background shows through */
body.blinds-page .hero.product-hero.blinds-hero{
  background: transparent !important;
}

/* Ensure footer does not paint a solid background over the banner */
body.blinds-page .site-footer,
body.blinds-page /* V84: restore green copyright/footer bar */
.footer-bottom, .footer-bottom-inner{background:#0b3d2e !important;}


/* V85 FINAL: force green copyright bar */
body .footer-bottom,
body .footer-bottom-inner{
  background:#0b3d2e !important;
}


/* ===========================
   V87 FULL PACK - BLINDS PAGE FIX (based on FIX5 requirement)
   Applies ONLY to /products/blinds.html via body.blinds-page
   Fixes:
   1) Remove horizontal bar/band (disable hero overlays)
   2) Make BOTH CTA buttons same GOLD
   3) Fix big Highlights glass box + make text visible
   4) Prevent overlap near footer
   =========================== */

/* 1) Remove horizontal band: kill hero overlay layers on blinds page */
body.blinds-page .hero::before,
body.blinds-page .hero::after,
body.blinds-page section.hero::before,
body.blinds-page section.hero::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

/* 2) BOTH CTA buttons same GOLD (works even if classes are primary/secondary) */
body.blinds-page a.btn.primary,
body.blinds-page a.btn.secondary,
body.blinds-page .btn.primary,
body.blinds-page .btn.secondary{
  background: #c9a14a !important;
  color: #111 !important;
  border: none !important;
  box-shadow: none !important;
}
body.blinds-page a.btn.primary:hover,
body.blinds-page a.btn.secondary:hover,
body.blinds-page .btn.primary:hover,
body.blinds-page .btn.secondary:hover{
  background: #b8933f !important;
  color:#111 !important;
}

/* 3) Glass Highlights box: smaller + readable */
body.blinds-page .highlight-card,
body.blinds-page .highlights,
body.blinds-page .glass-card,
body.blinds-page .hero-card,
body.blinds-page .hero .card,
body.blinds-page .hero .content-box{
  max-width: 520px !important;
  width: min(520px, 92vw) !important;
  padding: 18px 18px !important;
  background: rgba(255,255,255,0.88) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  border: 1px solid rgba(255,255,255,0.45) !important;
}

body.blinds-page .highlight-card *,
body.blinds-page .highlights *,
body.blinds-page .glass-card *,
body.blinds-page .hero-card *,
body.blinds-page .hero .card *,
body.blinds-page .hero .content-box *{
  color:#111 !important;
  text-shadow:none !important;
}

/* 4) Keep enough space before next section/footer */
body.blinds-page .hero{
  padding-bottom: 140px !important;
}


/* ===== V87_BOX_OVERRIDE: Ensure Highlights box is small + readable (Blinds page) ===== */
body.blinds-page .highlights-card{
  max-width:520px !important;
  width:min(520px,92vw) !important;
  padding:18px 18px !important;
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  border: 1px solid rgba(255,255,255,.45) !important;
}
body.blinds-page .highlights-card *{
  color:#111 !important;
  text-shadow:none !important;
}

/* ===== V89_BOX: Further reduce Highlights box on Blinds ===== */
body.blinds-page .highlights-card{
  max-width:420px !important;
  width:min(420px,88vw) !important;
  padding:14px 14px !important;
  background: rgba(255,255,255,.92) !important;
}

/* ===== V91_FF_DEALER_BLACK: Furnishing Fabric header Dealer Enquiry in BLACK ===== */
body.furnishing-page .hero a.btn.primary,
body.furnishing-page .hero .btn.primary{
  background:#000 !important;
  color:#fff !important;
  border:none !important;
}
body.furnishing-page .hero a.btn.primary:hover,
body.furnishing-page .hero .btn.primary:hover{
  background:#111 !important;
  color:#fff !important;
}

/* ===== V92_HEADER_DEALER_BLACK: Furnishing Fabric HEADER Dealer Enquiry text BLACK ===== */
body.furnishing-page .site-header .nav-cta,
body.furnishing-page .site-header a.dealer-cta,
body.furnishing-page .site-header .dealer-cta{
  color:#000 !important;
}
body.furnishing-page .site-header .nav-cta:hover,
body.furnishing-page .site-header a.dealer-cta:hover,
body.furnishing-page .site-header .dealer-cta:hover{
  color:#000 !important;
}

/* ===== V93_HEADER_DEALER_BLACK: Furnishing Fabric HEADER Dealer Enquiry text BLACK (strong) ===== */
body.furnishing-page .site-header a[href*="dealer"],
body.furnishing-page .site-header a.nav-cta,
body.furnishing-page .site-header a.dealer-cta{
  color:#000 !important;
}

/* ===== V94_FABRIC_FULLSCREEN_BANNER: Full-screen banner for Furnishing Fabric (same theme as Blinds) ===== */
body.furnishing-page .hero{
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  background-size: cover !important;
  background-position: center !important;
}
body.furnishing-page .hero::before,
body.furnishing-page .hero::after{
  display:none !important;
  content:none !important;
}
body.furnishing-page .hero .highlights-card,
body.furnishing-page .hero .glass-card,
body.furnishing-page .hero .hero-card,
body.furnishing-page .hero .content-box{
  background: rgba(255,255,255,0.88) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  border: 1px solid rgba(255,255,255,0.45) !important;
}

/* ===== V95_FULL_FLOAT_BANNER: Banner from header top till footer (Furnishing page) ===== */
body.furnishing-page{
  background: url('../img/fabric-banner.jpg') center/cover no-repeat fixed !important;
}
body.furnishing-page .site-header,
body.furnishing-page header{
  position:absolute !important;
  top:0; left:0; right:0;
  background:transparent !important;
  box-shadow:none !important;
}
body.furnishing-page .hero{
  background:none !important;
  min-height:100vh !important;
}
body.furnishing-page main,
body.furnishing-page section{
  background:transparent !important;
}

/* ===== V96_FABRIC_PAGE_BACKGROUND: Full-page banner from header to footer (Furnishing Fabric) ===== */
body.furnishing-page{
  background: transparent !important;
  position: relative;
}
body.furnishing-page::before{
  pointer-events:none;
  content:"";
  position: absolute;
  inset: 0;
  background-image: url("../img/fabric-banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
}

/* Make header float over the background */
body.furnishing-page .site-header,
body.furnishing-page header{
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove hero-only background so the page background shows continuously */
body.furnishing-page .hero{
  background: transparent !important;
}

/* Ensure main wrappers don't paint solid backgrounds */
body.furnishing-page main,
body.furnishing-page .page,
body.furnishing-page .page-wrap,
body.furnishing-page .container,
body.furnishing-page section{
  background: transparent !important;
}

/* ===== V97_FABRIC_TOP_TO_FOOTER: Banner image from top header to footer (products/fabric.html) ===== */
body.furnishing-page{
  background: transparent !important;
  position: relative;
}
body.furnishing-page::before{
  content:"";
  position: absolute;
  inset: 0;
  background-image: url("../img/fabric-banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
}

/* Header floats over banner */
body.furnishing-page .site-header{
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Make page-hero transparent so the global banner shows continuously */
body.furnishing-page .page-hero{
  background: transparent !important;
}

/* Remove any section solid backgrounds so banner continues */
body.furnishing-page main,
body.furnishing-page .section{
  background: transparent !important;
}

/* ===== V98_FABRIC_HEADER_OVERLAP: Prevent hero text overlap with header (products/fabric) ===== */
body.furnishing-page .hero{
  padding-top: 120px !important; /* space for fixed header */
}
@media (max-width: 768px){
  body.furnishing-page .hero{ padding-top: 96px !important; }
}
body.furnishing-page .hero h1,
body.furnishing-page .hero .title{
  margin-top: 0 !important;
  line-height: 1.05 !important;
}
body.furnishing-page .hero .breadcrumb,
body.furnishing-page .hero .crumbs{
  margin-top: 0 !important;
}
body.furnishing-page .site-header,
body.furnishing-page header{
  z-index: 1000 !important;
}
body.furnishing-page .hero *{
  position: relative;
  z-index: 1;
}

/* ===== V100_FABRIC_OVERLAP: Prevent header overlap (Furnishing Fabric) ===== */
body.furnishing-page .page-hero{
  padding-top: 120px !important;
}
@media (max-width:768px){
  body.furnishing-page .page-hero{ padding-top: 96px !important; }
}



/* ===== V104_FREEZE_HEADER: Freeze header on Furnishing Fabric page ===== */
body.furnishing-page .site-header,
body.furnishing-page header{
  position: sticky !important;
  top: 0 !important;
  z-index: 2000 !important;
  background: rgba(255,255,255,0.9) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}




/* ===== V105_HEADER_TRANSPARENT: Frozen header 100% transparent on Furnishing Fabric ===== */
body.furnishing-page .site-header,
body.furnishing-page header{
  position: sticky !important;
  top: 0 !important;
  z-index: 2000 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}




/* ===== V106_FOOTER_HEIGHT: Reduce footer height (all pages) ===== */
.site-footer,
footer{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.site-footer .container,
footer .container{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.site-footer .footer-inner,
footer .footer-inner,
.site-footer .footer-grid,
footer .footer-grid{
  gap: 10px !important;
}
.site-footer p,
footer p,
.site-footer li,
footer li{
  margin: 4px 0 !important;
  line-height: 1.25 !important;
}
.site-footer .footer-bottom,
footer .footer-bottom{
  margin-top: 8px !important;
  padding-top: 8px !important;
}




/* ===== V107_MIN_FOOTER: Remove footer content, keep only 'All rights reserved' ===== */
.site-footer > *:not(.footer-bottom),
footer > *:not(.footer-bottom){
  display:none !important;
}
.site-footer,
footer{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.site-footer .footer-bottom,
footer .footer-bottom{
  display:block !important;
  text-align:center !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  border-top: none !important;
}
.site-footer .footer-bottom p,
footer .footer-bottom p{
  margin:0 !important;
  line-height:1.2 !important;
  font-size: 13px !important;
}




/* ===== V108_HEADER_GOLD_BOLD: Header text gold, bigger & bold (all pages) ===== */
.site-header a,
header a,
.site-header .nav a,
header .nav a{
  color:#c9a14a !important;      /* logo gold */
  font-weight:700 !important;    /* bold */
  font-size:1.05rem !important;  /* bigger */
  letter-spacing:0.3px !important;
}
.site-header a:hover,
header a:hover{
  color:#b8933f !important;      /* darker gold on hover */
}




/* ===== V109_HEADER_OPTION_A: All header text Champagne Gold ===== */
.site-header a,
header a,
.site-header .nav a,
header .nav a,
.site-header .dealer-cta,
header .dealer-cta,
.site-header .nav-cta,
header .nav-cta{
  color:#e6c16a !important;      /* Option-A Bright Gold */
  font-weight:700 !important;
  font-size:1.05rem !important;
  letter-spacing:0.3px !important;
}
.site-header a:hover,
header a:hover{
  color:#d9b458 !important;
}




/* ===== V110_DEALER_OPTION1: Dealer Enquiry as Solid Gold Button ===== */
.site-header .dealer-cta,
header .dealer-cta,
.site-header .nav-cta[href*="dealer"],
header .nav-cta[href*="dealer"],
.site-header a[href*="dealer"],
header a[href*="dealer"]{
  background:#e6c16a !important;
  color:#111 !important;
  border-radius:999px !important;
  padding:8px 14px !important;
  font-weight:700 !important;
  display:inline-block !important;
}
.site-header .dealer-cta:hover,
header .dealer-cta:hover,
.site-header .nav-cta[href*="dealer"]:hover,
header .nav-cta[href*="dealer"]:hover,
.site-header a[href*="dealer"]:hover,
header a[href*="dealer"]:hover{
  background:#d9b458 !important;
  color:#111 !important;
}




/* ===== V111_ALL_HEADER_BUTTON_THEME: Make all header menu like Dealer Enquiry ===== */
.site-header .nav a,
header .nav a{
  background:#e6c16a !important;
  color:#111 !important;
  border-radius:999px !important;
  padding:8px 14px !important;
  font-weight:700 !important;
  margin:0 4px !important;
  display:inline-block !important;
}
.site-header .nav a:hover,
header .nav a:hover{
  background:#d9b458 !important;
  color:#111 !important;
}




/* ===== V112_DEALER_SAME_AS_NAV: Make header Dealer Enquiry same as Home button ===== */
.site-header a[href*="dealer"],
header a[href*="dealer"],
.site-header .dealer-cta,
header .dealer-cta,
.site-header .nav-cta[href*="dealer"],
header .nav-cta[href*="dealer"]{
  background:#e6c16a !important;
  color:#111 !important;
  border-radius:999px !important;
  padding:8px 14px !important;     /* SAME as nav buttons */
  margin:0 4px !important;         /* SAME as nav buttons */
  font-weight:700 !important;
  font-size:1.05rem !important;    /* SAME as nav buttons */
  line-height:1.2 !important;
  box-shadow:none !important;
  border:none !important;
  display:inline-block !important;
}




/* ===== V113_HEADER_DEALER_GOLD_TRANSPARENT ===== */
/* Dealer Enquiry in header: GOLD TEXT, 100% TRANSPARENT OUTER (no bg/border) */
.site-header a[href*="dealer"],
header a[href*="dealer"],
.site-header .dealer-cta,
header .dealer-cta{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #e6c16a !important;
  padding: 8px 14px !important;  /* same as Home */
  margin: 0 4px !important;      /* same as Home */
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  display: inline-block !important;
}
.site-header a[href*="dealer"]:hover,
header a[href*="dealer"]:hover{
  background: transparent !important;
  color: #d9b458 !important;
}




/* ===== V114_FORCE_HEADER_DEALER ===== */
/* FORCE override any button class on Dealer Enquiry in HEADER */
.site-header .nav a[href*="dealer"],
.site-header .nav li a[href*="dealer"],
.site-header nav a[href*="dealer"],
header nav a[href*="dealer"]{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #e6c16a !important;
  padding: 8px 14px !important;
  margin: 0 4px !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  border-radius: 0 !important;
}
.site-header .nav a[href*="dealer"]:hover,
header nav a[href*="dealer"]:hover{
  background: transparent !important;
  color: #d9b458 !important;
}




/* ===== V115_HEADER_DEALER_PLAIN: Ensure dealer header link stays plain like others ===== */
.site-header nav a[href*="dealer.html"]{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}




/* ===== V117_FALLBACK: Dealer link gold in header even if global navbar sets black ===== */
.site-header nav a[href*="dealer"],
header nav a[href*="dealer"]{
  background:transparent !important;
  color:#E6C16A !important;
  font-weight:700 !important;
}




/* ===== V118_GLOBAL_HEADER_FOOTER_FROM_FABRIC ===== */
/* Apply Furnishing Fabric Header style to ALL pages */
.site-header, header{
  position: sticky !important;
  top: 0 !important;
  z-index: 2000 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* All header nav text GOLD */
.site-header .nav a,
header .nav a,
.site-header nav a,
header nav a{
  color:#E6C16A !important;
  background: transparent !important;
  font-weight:700 !important;
}

/* Dealer Enquiry in header = GOLD + Transparent */
.site-header nav a[href*="dealer"],
header nav a[href*="dealer"]{
  color:#E6C16A !important;
  background: transparent !important;
  font-weight:700 !important;
}

/* Minimal Footer globally: keep only All rights reserved */
.site-footer > *:not(.footer-bottom),
footer > *:not(.footer-bottom){
  display:none !important;
}
.site-footer .footer-bottom,
footer .footer-bottom{
  display:block !important;
  text-align:center !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  border-top: none !important;
}