:root{--color-ivory:#f7f3ee;--color-ivory-light:#fcfaf7;--color-ivory-dark:#ece5db;--color-charcoal:#1e1e1e;--color-charcoal-hover:#2e2e2e;--color-charcoal-deep:#121212;--color-terracotta:#c96f5a;--color-terracotta-hover:#b55d49;--color-terracotta-light:#fbf0ed;--color-rose:#d8a39a;--color-rose-light:#f9efef;--color-gold:#b89b5e;--color-gold-hover:#a4884c;--color-gold-light:#faf5eb;--color-white:#fff;--color-black:#0a0a0a;--color-sand:#e7e0d5;--color-muted:#7a756d;--color-muted-light:#9e9990;--color-border:#1e1e1e17;--color-border-subtle:#1e1e1e0d;--color-border-dark:#ffffff1f;--color-success:#2e7d5b;--color-success-light:#ebf5f0;--color-warning:#d9822b;--color-warning-light:#fdf4e9;--color-error:#c24136;--color-error-light:#fdf0ee;--font-serif:"Playfair Display", "Cormorant Garamond", Georgia, serif;--font-display:"Cormorant Garamond", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--space-4xl:6rem;--space-5xl:8rem;--max-width-site:1560px;--max-width-wide:1680px;--max-width-content:1280px;--max-width-narrow:920px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-pill:9999px;--shadow-subtle:0 2px 10px #00000008;--shadow-card:0 8px 30px #1e1e1e0f;--shadow-hover:0 16px 40px #1e1e1e1a;--shadow-dropdown:0 20px 48px -8px #14141424;--shadow-admin:0 4px 20px #0000000a;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.32s cubic-bezier(.16, 1, .3, 1);--transition-slow:.6s cubic-bezier(.16, 1, .3, 1);--z-header:100;--z-overlay:200;--z-drawer:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-ivory);color:var(--color-charcoal);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--color-charcoal);font-weight:500;line-height:1.15}.font-display{font-family:var(--font-display)}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.tracking-wide{letter-spacing:.15em}.tracking-widest{letter-spacing:.28em}.text-uppercase{text-transform:uppercase}.text-muted{color:var(--color-muted)}.text-terracotta{color:var(--color-terracotta)}.text-gold{color:var(--color-gold)}.container{width:100%;max-width:var(--max-width-content);margin-left:auto;margin-right:auto;padding-left:clamp(1rem,3vw,2.5rem);padding-right:clamp(1rem,3vw,2.5rem)}.container-wide{width:100%;max-width:var(--max-width-wide);margin-left:auto;margin-right:auto;padding-left:clamp(1rem,2.5vw,2.5rem);padding-right:clamp(1rem,2.5vw,2.5rem)}.container-narrow{width:100%;max-width:var(--max-width-narrow);margin-left:auto;margin-right:auto;padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem)}.btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.12em;border-radius:var(--radius-xs);transition:all var(--transition-smooth);text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background-color:var(--color-charcoal);color:var(--color-ivory);border:1px solid var(--color-charcoal)}.btn-primary:hover{background-color:var(--color-charcoal-deep);transform:translateY(-2px);box-shadow:0 10px 24px #1e1e1e2e}.btn-secondary{background-color:var(--color-terracotta);color:var(--color-white);border:1px solid var(--color-terracotta)}.btn-secondary:hover{background-color:var(--color-terracotta-hover);transform:translateY(-2px);box-shadow:0 10px 24px #c96f5a40}.btn-outline{color:var(--color-charcoal);border:1px solid var(--color-charcoal);background-color:#0000}.btn-outline:hover{background-color:var(--color-charcoal);color:var(--color-ivory);transform:translateY(-2px)}.btn-outline-white{color:var(--color-white);background-color:#0000;border:1px solid #ffffffb3}.btn-outline-white:hover{background-color:var(--color-white);color:var(--color-charcoal);border-color:var(--color-white);transform:translateY(-2px)}.btn-gold{background-color:var(--color-gold);color:var(--color-charcoal-deep);border:1px solid var(--color-gold)}.btn-gold:hover{background-color:var(--color-gold-hover);transform:translateY(-2px);box-shadow:0 10px 24px #b89b5e40}.btn-sm{padding:.6rem 1.25rem;font-size:.75rem}.btn-lg{padding:1.15rem 2.5rem;font-size:.875rem}.badge{text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-xs);align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-terracotta{background-color:var(--color-terracotta-light);color:var(--color-terracotta)}.badge-charcoal{background-color:var(--color-charcoal);color:var(--color-ivory)}.badge-gold{background-color:var(--color-gold-light);color:var(--color-gold);border:1px solid #b89b5e4d}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-muted{background-color:var(--color-sand);color:var(--color-charcoal)}.product-card{background:var(--color-white);border:1px solid var(--color-border);transition:all var(--transition-smooth);flex-direction:column;display:flex;position:relative}.product-card:hover{box-shadow:var(--shadow-hover);border-color:#1e1e1e2e;transform:translateY(-4px)}.product-image-wrap{aspect-ratio:3/4;background-color:var(--color-ivory-dark);position:relative;overflow:hidden}.product-image-wrap img.primary-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s}.product-image-wrap img.hover-img{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute;top:0;left:0}.product-card:hover .product-image-wrap img.primary-img{transform:scale(1.05)}.product-card:hover .product-image-wrap img.hover-img{opacity:1;transform:scale(1.05)}.wishlist-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--color-charcoal);transition:all var(--transition-fast);z-index:5;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000014}.wishlist-btn:hover{background:var(--color-white);color:var(--color-terracotta);transform:scale(1.1)}.wishlist-btn.active{color:var(--color-terracotta);background:var(--color-white)}.quick-add-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-ivory);text-transform:uppercase;letter-spacing:.1em;opacity:0;transition:all var(--transition-smooth);z-index:6;background:#1e1e1eeb;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.product-card:hover .quick-add-bar{opacity:1;transform:translateY(0)}.quick-add-bar:hover{background:var(--color-terracotta)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.animate-fade-in{animation:fadeIn var(--transition-smooth) forwards}.animate-slide-up{animation:slideUp var(--transition-smooth) forwards}.marquee-track{width:max-content;animation:28s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-ivory)}::-webkit-scrollbar-thumb{background:var(--color-sand);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-terracotta)}