/* Merch shop: products first, details at the bottom */
.m-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.8rem 1.5rem;margin:.2rem 0 1rem}
.m-top h1{margin:0}.m-top h1::after{content:"";display:block;width:4rem;height:4px;margin-top:.5rem;border-radius:2px;background:var(--nt-grad)}
.m-tag{margin:.5rem 0 0}
.m-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.4rem}
.m-chip{min-height:52px;padding:.45rem 1.3rem;border-radius:999px;border:2px solid rgba(255,213,79,.6);background:rgba(11,30,58,.6);color:#FFE08A;font:700 1rem Montserrat,Arial,sans-serif;cursor:pointer}
.m-chip[aria-pressed=true]{background:var(--nt-grad);color:#0B1E3A;border-color:#FFD54F}
.m-chip[aria-pressed=true]::before{content:"\2713  "}
.m-loading{grid-column:1/-1;color:#D6E4F5}
#products{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.3rem}
#products .product{display:flex;flex-direction:column;padding:1.1rem;border-radius:20px;background:linear-gradient(160deg,#13294B,#0B1E3A)!important;border:2px solid rgba(255,213,79,.4)!important;color:#E4ECF7}
#products .product[hidden]{display:none}
#products .product .pfig{margin:0 0 .8rem;border-radius:16px;background:radial-gradient(circle at 50% 35%,#F3E5C0 0,#C9B98F 45%,#2A3F66 100%)!important;padding:.5rem}
#products .product img{mix-blend-mode:normal;border-radius:12px;aspect-ratio:1;object-fit:contain;background:transparent}
#products .product .pinfo{display:flex;flex-direction:column;flex:1}
#products .product h2{font-size:1.35rem;margin:0 0 .2rem;color:#fff}
#products .product h2::after{display:none}
#products .product .price{font:800 1.6rem/1.2 Montserrat,Arial,sans-serif;color:var(--nt-gold-l)!important;margin:.2rem 0 .3rem}
#products .product .pts{font-size:.9rem;color:#C9D7EA}
#products .product label{color:#fff;font-weight:700;margin-top:.4rem}
#products .product .btns{margin-top:auto;padding-top:.8rem;display:grid;gap:.5rem}
#products .product .btns .btn{width:100%;text-align:center}
#products .featured-product{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:1.4rem;border-color:var(--nt-gold)!important;box-shadow:0 0 0 1px var(--nt-gold),0 30px 70px rgba(0,0,0,.4)}
#products .featured-product .pfig{margin:0}
@media(max-width:760px){#products .featured-product{grid-template-columns:1fr}}
.m-faq{margin-top:2.6rem}
.m-faq details{border-radius:14px;margin:.6rem 0;background:rgba(19,41,75,.85)!important;border:1px solid rgba(255,213,79,.35);color:#E4ECF7!important}
.m-faq summary{cursor:pointer;min-height:56px;display:flex;align-items:center;padding:.4rem 1rem;font-weight:700;color:#FFE08A}
.m-faq details p{padding:0 1rem 1rem;margin:0;color:#E4ECF7}
.m-faq details a{color:#FFE08A!important}
#products .featured-product{align-items:center}
@media(max-width:600px){.m-top{align-items:center}.m-top>div{flex:1 1 100%}.m-cartlink{display:none}.m-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.3rem}.m-chip{flex:none}}
#products .pmore{margin:.2rem 0 .4rem;background:rgba(11,30,58,.6)!important;border:1px solid rgba(255,213,79,.35);border-radius:12px;color:#E4ECF7!important}
#products .pmore summary{cursor:pointer;min-height:48px;display:flex;align-items:center;padding:.2rem .9rem;color:#FFE08A;font-weight:700}
#products .pmore p{padding:0 .9rem .8rem;margin:0}
/* Oct 25 2026: featured card balanced: photo panel fills its column from the top, image centred inside */
#products .featured-product{align-items:stretch}
#products .featured-product .pfig{display:flex;align-items:center;justify-content:center;min-height:100%;align-self:stretch}
#products .featured-product .pfig img{width:100%;max-height:560px}
@media(max-width:760px){#products .featured-product .pfig{min-height:0}}
/* photo sits at the top of the card beside the form (no big empty band above it) */
@media (min-width:761px){.featured-product{align-items:start!important}.featured-product .pfig{min-height:0!important;justify-content:flex-start!important;position:sticky;top:96px}}
@media (min-width:761px){#products .featured-product .pfig img{aspect-ratio:1/1;height:auto;object-fit:cover;object-position:50% 80%}}
@media (min-width:761px){#products .featured-product{align-items:start}#products .featured-product .pfig{min-height:0;align-self:start;align-items:flex-start}}
/* Oct 25 2026: opaque navy shoe photo; keep the "Sample design" badge above the image */
#products .product .pfig figcaption{z-index:2}