.page-hero{position:relative;height:45vh;min-height:300px;max-height:450px;overflow:hidden;display:flex;align-items:flex-end}.page-hero__img{object-fit:cover}.page-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(56,30,17,.3),rgba(56,30,17,.8))}.page-hero__content{position:relative;z-index:2;padding-bottom:3rem}.page-hero__subtitle{font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent-gold);margin-bottom:.5rem}.page-hero__title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--white)}.produk-filter{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--space-xl)}.produk-filter__btn{padding:.6rem 1.5rem;font-family:var(--font-body);font-size:.85rem;font-weight:600;border:2px solid var(--border-cream);border-radius:var(--radius-full);background:var(--white);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.produk-filter__btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.produk-filter__btn--active{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--white)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}@media (max-width:768px){.products-grid{grid-template-columns:1fr 1fr;gap:1rem}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}}