/* Shop pages in the new navy and green look. Load this after home2.css. */
:root{--bg:#F6FAFF;--blue:#0B2250;--blue-dark:#12397A;--yellow:#168A45;--on-yellow:#FFFFFF;--gold-text:#0F6B35;--line:#E3EAF3;--mute:#5B6678}

.phero{position:relative;margin-top:18px;border-radius:16px;padding:42px 5%;overflow:hidden;background:linear-gradient(110deg,#E6F6EC 0%,#EAF3FF 60%,#DCEBFF 100%)}
.phero .crumb{font-size:.78rem;font-weight:700;color:var(--green)}
.phero h1{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:800;color:var(--navy);line-height:1.15;margin:6px 0 8px}
.phero p{color:var(--mute);max-width:56ch}

.filters{margin:26px 0 6px}
.chip{border:1px solid #168A45;color:#168A45;background:#fff;font-family:Poppins,sans-serif}
.chip.on{background:#168A45;color:#fff}
.lsec{padding-top:18px}
.lsec .title{font-weight:800;color:var(--navy)}
.price{color:#168A45;font-weight:800}
.prod{border-radius:14px;box-shadow:0 14px 28px -22px rgba(11,34,80,.6)}
.mtabs button{font-family:Poppins,sans-serif}
.mtabs button.on{border-color:#168A45}
.btn{border-radius:8px;font-family:Poppins,sans-serif}
.btn.ghost{background:#fff;border:2px solid #168A45;color:#168A45}
.empty{border-color:#168A45;border-radius:12px}