.page-hero{position:relative;min-height:var(--hero-min-height, 90vh);display:flex;align-items:center;justify-content:center;overflow:hidden}.page-hero-bg{position:absolute;inset:0;z-index:1}.page-hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.page-hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,#1a141233,#1a14128c,#1a1412cc)}.page-hero-content{position:relative;z-index:3;text-align:center;max-width:800px;padding:var(--space-8);margin-top:60px}.category-label{display:inline-block;font-family:var(--font-body);font-size:var(--text-small);font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--color-category-accent, var(--color-burnt-caramel));margin-bottom:var(--space-5);opacity:.9}.page-hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem);font-weight:500;line-height:1.05;color:var(--color-warm-white);margin-bottom:var(--space-5);text-shadow:0 4px 30px rgba(0,0,0,.3)}.page-hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:#faf9f7d9;margin-bottom:var(--space-10);line-height:1.7}.story-strip{background:var(--color-cream)}.story-points{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.story-point{text-align:center;padding:var(--space-8)}.story-icon{font-size:2.5rem;margin-bottom:var(--space-4);line-height:1}.story-point h3{font-family:var(--font-display);font-size:1.2rem;font-weight:500;margin-bottom:var(--space-3);color:var(--color-warm-black)}.story-point p{font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.6}@media(max-width:768px){.story-points{grid-template-columns:1fr;gap:var(--space-6)}}.section-products{background:var(--color-warm-white)}.no-products{text-align:center;color:var(--color-text-secondary);padding:var(--space-20) 0;grid-column:1/-1}.product-loading{text-align:center;padding:var(--space-20) 0;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);grid-column:1/-1}.loading-spinner{width:32px;height:32px;border:2px solid var(--color-soft-sand);border-top-color:var(--color-burnt-caramel);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cross-sell-section{background:var(--color-cream)}.cross-sell-header{text-align:center;margin-bottom:var(--space-10)}.cross-sell-label{font-family:var(--font-body);font-size:var(--text-small);font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary)}.cross-sell-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.cross-sell-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit;transition:transform var(--transition-base)}.cross-sell-card:hover{transform:translateY(-4px)}.cross-sell-image{width:100%;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden}.cross-sell-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.cross-sell-card:hover .cross-sell-image img{transform:scale(1.05)}.cross-sell-card .cross-sell-label{font-size:var(--text-small);font-weight:500;color:var(--color-warm-black);letter-spacing:0;text-transform:none}.cross-sell-arrow{font-size:var(--text-small);color:var(--color-burnt-caramel);transition:transform var(--transition-fast)}.cross-sell-card:hover .cross-sell-arrow{transform:translate(4px)}@media(max-width:768px){.cross-sell-grid{grid-template-columns:1fr}}.category-cta-section{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.category-cta-bg{position:absolute;inset:0;z-index:1}.category-cta-bg img{width:100%;height:100%;object-fit:cover}.category-cta-overlay{position:absolute;inset:0;z-index:2;background:#1a1412a6}.category-cta-content{position:relative;z-index:3;text-align:center;color:var(--color-warm-white);max-width:700px;padding:var(--space-8)}.category-cta-content h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);color:var(--color-warm-white);margin-bottom:var(--space-4)}.category-cta-content p{font-size:var(--text-body);color:#faf9f7d9;margin-bottom:var(--space-8);line-height:1.7}.category-cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}
