.card .tile{position:relative}.tag{position:absolute;top:10px;left:10px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .65rem;border-radius:999px}.tag.sale{background:var(--acc);color:var(--ink)}
.coll .tile{aspect-ratio:4/5;background:#e9ece8}.coll .tile img,.card .tile img{object-fit:cover;object-position:center}
.coll b{font-size:1rem}.card .tile{background:#f0f1ee}
.pdp .meta{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.save{background:var(--acc);color:var(--ink);font-size:.78rem;font-weight:700;padding:.2rem .6rem;border-radius:999px}.stock{color:#a4472b;font-size:.88rem;font-weight:600;margin-top:.5rem}.dispatch{margin-top:.8rem;font-size:.9rem;color:var(--mut)}
.acc{margin-top:1.6rem;border-top:1px solid var(--line)}.acc details{border-bottom:1px solid var(--line);padding:.9rem 0}.acc summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;min-height:24px}.acc summary:after{content:'+';font-size:1.3rem;line-height:1}.acc details[open] summary:after{content:'\2212'}.acc .in{color:var(--mut);padding-top:.6rem;font-size:.95rem}
.stickybar{display:none}
@media(max-width:720px){
body{-webkit-text-size-adjust:100%}h1{font-size:clamp(2rem,9vw,2.6rem)}h2{font-size:1.6rem}
.btn{min-height:46px}.btn-sm{min-height:42px}
.card .row{flex-direction:column;align-items:stretch;gap:.5rem}.card .row form,.card .row .btn,.card .row form .btn{width:100%}.card .price{font-size:1rem}
.cb h3{font-size:.95rem;line-height:1.25}.cb small{font-size:.66rem}
.chips,.index{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.3rem}.chips::-webkit-scrollbar,.index::-webkit-scrollbar{display:none}.chip,.index button{white-space:nowrap;min-height:42px;flex:none}
.stage{aspect-ratio:4/3}.hero .cta-row .btn{flex:1}
.vars button{min-height:44px}.qty button{width:44px;height:46px}.qty input{width:34px}
.pdp{gap:1.2rem;padding-top:1rem}.thumbs button{width:60px;height:60px}
.template-product main{padding-bottom:76px}.toast{bottom:92px}
.stickybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);padding:.6rem 14px calc(.6rem + env(safe-area-inset-bottom));gap:.8rem;align-items:center}
.stickybar span{flex:1;min-width:0;font-weight:600;font-size:.9rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.stickybar .btn{flex:none;padding:.7rem 1.4rem}
.strip .wrap{gap:.8rem}.strip b{font-size:.85rem}.strip small{font-size:.74rem}
.sec-head{flex-direction:column;align-items:flex-start;gap:.4rem}
}