/* products.html only: banner, division bands, enquiry CTA */
/* ---------- products page ---------- */
.page-banner{position:relative;padding:190px 0 84px;overflow:hidden;color:#f4f1e4;
  background:linear-gradient(160deg,#12331f 0%,#1f4a2c 55%,#356b3a 100%)}
.page-banner::before{content:"";position:absolute;inset:0;opacity:.15;
  background:url(../assets/images/ayurvedic-formulations.jpg) center/cover}
.page-banner>.container{position:relative;z-index:1}
.page-banner .eyebrow{color:#ffdf8a}
.page-banner h1{color:#fff;font-size:clamp(2.6rem,6vw,4.4rem);margin:.12em 0 .24em}
.page-banner .lead{max-width:62ch;color:#e2e7d6;font-size:1.08rem}
.jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.jump a{color:#f6f3e4;opacity:1;background:rgba(10,28,16,.34);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  border:1.5px solid rgba(255,223,138,.5);border-radius:100px;padding:9px 20px;
  font-size:.84rem;font-weight:600;transition:.3s}
.jump a::after{display:none}
.jump a:hover{background:var(--gold);border-color:var(--gold);color:#2a2107;transform:translateY(-2px)}

.pcat{background:var(--bg)}
.pcat.alt{background:linear-gradient(180deg,var(--bg-2),var(--bg))}

.enquire{background:var(--forest);color:#eef0e4;text-align:center;padding:84px 0}
.enquire .eyebrow{color:#ffdf8a}
.enquire h2{color:#fff;font-size:clamp(2rem,4vw,3rem);margin:.16em 0 .3em}
.enquire .lead{max-width:56ch;margin:0 auto 26px;color:#cfd6c2}