/* ── PAGE HERO: GREEN ── */
.page-hero { background: var(--green); border-bottom: var(--b); padding: clamp(3.5rem,9vw,7rem) clamp(1rem,5vw,3rem); }
.page-hero .label { color: rgba(242,232,213,.5); }
.page-hero-title { font-size: clamp(40px,6vw,72px); color: var(--paper); }
.page-hero-sub { font-size: 16px; color: rgba(242,232,213,.72); margin-top: 16px; max-width: 480px; }

/* ── FILTER BAR ── */
.filter-bar { background: var(--paper); border-bottom: var(--b); padding: 0 clamp(1rem,5vw,3rem); position: sticky; top: 64px; z-index: 90; }
.filter-inner { max-width: 1200px; margin: 0 auto; display: flex; gap: 0; overflow-x: auto; scrollbar-width: none; }
.filter-inner::-webkit-scrollbar { display: none; }
.filter-btn { font-family: 'Be Vietnam Pro', sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; background: none; border: none; border-bottom: 3px solid transparent; padding: 16px 24px; cursor: pointer; color: rgba(34,28,20,.5); white-space: nowrap; transition: color 150ms, border-color 150ms; }
.filter-btn:hover { color: var(--ink); }
.filter-btn.active { color: var(--red); border-bottom-color: var(--red); }

/* ── PRODUCT GRID ── */
.s-products { background: var(--paper); }
.products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap: 24px; margin-top: 48px; }
.p-card { border: var(--b); background: var(--paper); transition: border-color 150ms; }
.p-card:hover { border-color: var(--red); }
.p-card[data-cat].hidden { display: none; }
.p-img { aspect-ratio: 1; border-bottom: var(--b); background: var(--paper); display: flex; align-items: center; justify-content: center; }
.p-img svg { width: 55%; height: 55%; }
.p-badge { display: inline-block; font-weight: 600; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; background: var(--yellow); color: var(--ink); border: 1.5px solid var(--ink); padding: 3px 8px; margin-bottom: 10px; }
.p-info { padding: 28px; }
.p-name { font-family: 'Paytone One', sans-serif; font-size: 18px; color: var(--ink); margin-bottom: 8px; }
.p-desc { font-size: 13px; color: var(--green); margin-bottom: 16px; line-height: 1.55; }
.p-price { font-weight: 600; font-size: 15px; color: var(--red); margin-bottom: 20px; }
.btn-card { display: block; text-align: center; background: var(--red); color: var(--paper); border: var(--b); padding: 12px; font-family: 'Be Vietnam Pro', sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .07em; text-transform: uppercase; cursor: pointer; text-decoration: none; transition: background 150ms; }
.btn-card:hover { background: var(--ink); }

/* ── EMPTY STATE ── */
.empty { display: none; text-align: center; padding: 80px 0; color: rgba(34,28,20,.35); }
.empty.show { display: block; }
.empty-icon { font-size: 48px; margin-bottom: 16px; }

/* ── BOTTOM CTA ── */
.s-cta-bottom { background: var(--yellow); border-top: var(--b); text-align: center; }
.s-cta-bottom .sec-title { color: var(--ink); }