:root{--color-cream: #F9F8F6;--color-beige: #E6E2DD;--color-sand: #D4CDC5;--color-charcoal: #2C2C2C;--color-black: #1A1A1A;--color-white: #FFFFFF;--color-accent: #8E8E8E;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Playfair Display", serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--container-width: 1200px;--header-height: 80px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-cream);color:var(--color-charcoal);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.2;color:var(--color-black)}a{text-decoration:none;color:inherit;transition:opacity .2s ease}a:hover{opacity:.7}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.uppercase{text-transform:uppercase;letter-spacing:.1em}.btn{display:inline-block;padding:12px 24px;background-color:var(--color-black);color:var(--color-white);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-black);cursor:pointer;transition:all .3s ease}.btn:hover{background-color:transparent;color:var(--color-black)}.btn-outline{background-color:transparent;color:var(--color-black);border:1px solid var(--color-black)}.btn-outline:hover{background-color:var(--color-black);color:var(--color-white)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.shop-container{padding:4rem 0;display:flex;gap:4rem}.shop-sidebar{width:250px;flex-shrink:0}.shop-main{flex:1}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:768px){.shop-container{flex-direction:column;gap:2rem}.shop-sidebar{width:100%;overflow-x:auto}.shop-sidebar ul{flex-direction:row;gap:1.5rem;padding-bottom:.5rem}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}