:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--bg-color: #f7f3ec;--surface-color: #fffaf2;--card-bg: #ffffff;--text-primary: #1d211f;--text-secondary: #6c716b;--muted-text: #8d918b;--accent-gold: #a86f45;--accent-blue: #5d7d69;--accent-clay: #c97c5d;--accent-sage: #6f8a72;--accent-ink: #1f2a24;--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(31, 42, 36, .12);--shadow-soft: 0 22px 60px rgba(31, 42, 36, .12);--shadow-card: 0 14px 40px rgba(31, 42, 36, .1);--header-height: 70px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden}html{scroll-behavior:smooth}*{box-sizing:border-box}h1,h2,h3,h4,.font-display{font-family:Outfit,sans-serif;font-weight:700}a{text-decoration:none;color:inherit;transition:opacity .2s}a:hover{opacity:.8}button{cursor:pointer;border:none;background:none;font-family:inherit}.product-grid-section,.hot-series-section,.featured-selection-section{padding:2.5rem 0;background:var(--bg-color);color:var(--text-primary)}.featured-selection-section,.hot-series-section,.collection-selector-section,.product-grid-section{position:relative}.grid-header{text-align:center;margin-bottom:1.5rem}.hot-series-header,.featured-header{margin-bottom:2rem;border-left:4px solid var(--accent-sage);padding-left:1.5rem}.hot-series-header p,.featured-header p{color:var(--text-secondary)!important}@media (max-width: 768px){.product-grid-section,.hot-series-section,.featured-selection-section{padding:2rem 0}.grid-header{margin-bottom:2rem}.hot-series-header,.featured-header{margin-bottom:2.5rem}}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;margin-bottom:2rem;text-align:center}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}@media (max-width: 768px){:root{--header-height: 60px}.container{padding:0 1rem}.section-title{font-size:1.75rem}}@media (max-width: 480px){.container{padding:0 .75rem}}