/* ══════════════ SECTIONS ══════════════ */
.section{padding:56px 22px;}
.section-dark{background:var(--bg1);}
.section-darker{background:var(--bg2);}
.sec-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:12px;}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:400;color:var(--text);line-height:1.15;}
.sec-title em{font-style:italic;color:var(--gold);}
.sec-link{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);padding-bottom:2px;white-space:nowrap;transition:color .2s;cursor:pointer;}
.sec-link:hover{color:var(--gold);}

/* ══════════════ CATEGORY CARDS ══════════════ */
.cat-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.cat-scroll::-webkit-scrollbar{display:none;}
.cat-card{flex:0 0 140px;height:190px;position:relative;overflow:hidden;cursor:pointer;border:1px solid var(--border2);}
.cat-card .ph{width:100%;height:100%;}
.cat-card-over{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,6,.85) 0%,rgba(10,8,6,.2) 60%,transparent 100%);padding:14px;display:flex;flex-direction:column;justify-content:flex-end;}
.cat-card-name{font-family:'Cormorant Garamond',serif;font-size:.95rem;color:var(--cream);}
.cat-card-count{font-size:.58rem;letter-spacing:.1em;color:var(--gold);margin-top:3px;}
.cat-card:hover .ph{transform:scale(1.04);transition:transform .5s ease;}

/* ══════════════ PRODUCT CARDS ══════════════ */
.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media(min-width:560px){.prod-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:900px){.prod-grid{grid-template-columns:repeat(4,1fr);}}

.prod-card{background:var(--surface);border:1px solid var(--border2);cursor:pointer;transition:border-color .25s;}
.prod-card:hover{border-color:var(--border);}
.prod-img-wrap{position:relative;aspect-ratio:3/4;overflow:hidden;}
.prod-img-wrap .ph{width:100%;height:100%;transition:transform .5s ease;}
.prod-card:hover .prod-img-wrap .ph{transform:scale(1.04);}
.prod-badge{position:absolute;top:9px;left:9px;font-size:.54rem;letter-spacing:.14em;text-transform:uppercase;background:var(--gold);color:var(--bg);padding:3px 8px;}
.prod-sold-badge{position:absolute;top:9px;left:9px;font-size:.54rem;letter-spacing:.14em;text-transform:uppercase;background:var(--bg3);color:var(--text3);padding:3px 8px;border:1px solid var(--border);}
.prod-sold-overlay{position:absolute;inset:0;background:rgba(28,25,23,.55);display:flex;align-items:center;justify-content:center;pointer-events:none;}
.prod-sold-label{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text2);background:var(--bg1);padding:7px 14px;border:1px solid var(--border);}
.prod-heart{position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgba(28,25,23,.7);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;backdrop-filter:blur(4px);}
.prod-heart:hover,.prod-heart.on{background:rgba(201,169,110,.18);border-color:rgba(201,169,110,.4);}
.prod-heart.on svg{stroke:var(--gold);fill:var(--gold);}
.prod-info{padding:12px 13px 14px;border-top:1px solid var(--border2);}
.prod-cat-label{font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;}
.prod-name{font-family:'Cormorant Garamond',serif;font-size:.9rem;color:var(--text);line-height:1.3;margin-bottom:4px;}
.prod-stock-tag{font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;margin-bottom:8px;display:inline-block;}
.low-stock-tag{background:rgba(224,184,112,.1);color:var(--warn);}
.prod-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.prod-price{font-size:.85rem;font-weight:500;color:var(--text);}
.prod-was{font-size:.68rem;text-decoration:line-through;color:var(--text3);display:block;}
.add-btn{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:none;border:1px solid var(--border);padding:5px 10px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s;}
.add-btn:hover,.add-btn.added{border-color:var(--gold);background:rgba(201,169,110,.1);}
.sold-btn{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);background:none;border:1px solid var(--border2);padding:5px 10px;cursor:not-allowed;white-space:nowrap;flex-shrink:0;}