:root{--color-bg: #FAF7F2;--color-bg-alt: #F0EBE3;--color-surface: #FFFFFF;--color-text: #1A1A1A;--color-text-secondary: #6B6461;--color-text-muted: #9A9490;--color-border: #E8E2DA;--color-border-light: #F0EBE3;--color-accent: #C9A96E;--color-accent-hover: #B8943D;--color-dark: #1A1A1A;--color-dark-soft: #2D2926;--color-success: #3D7A5F;--color-error: #C44D4D;--color-overlay: rgba(26, 26, 26, .55);--color-overlay-light: rgba(26, 26, 26, .25);--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--max-width: 1200px;--header-height: 72px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-normal: .35s;--duration-slow: .6s;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 30px rgba(0,0,0,.1);--shadow-xl: 0 20px 60px rgba(0,0,0,.12);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.heading-display{font-family:var(--font-heading);font-size:clamp(42px,7vw,80px);font-weight:500;line-height:1.1;letter-spacing:-.02em;color:var(--color-text)}.heading-1{font-family:var(--font-heading);font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.01em}.heading-2{font-family:var(--font-heading);font-size:clamp(24px,3vw,36px);font-weight:500;line-height:1.2}.heading-3{font-family:var(--font-heading);font-size:clamp(20px,2vw,26px);font-weight:500;line-height:1.3}.text-body{font-size:15px;line-height:1.65;color:var(--color-text-secondary)}.text-small{font-size:13px;line-height:1.5;color:var(--color-text-muted)}.text-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}.section-alt{background-color:var(--color-bg-alt)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 32px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;white-space:nowrap}.btn-primary{background-color:var(--color-dark);color:#fff;border:2px solid var(--color-dark)}.btn-primary:hover{background-color:var(--color-dark-soft);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-outline{background-color:transparent;color:var(--color-dark);border:2px solid var(--color-dark)}.btn-outline:hover{background-color:var(--color-dark);color:#fff;transform:translateY(-1px)}.btn-accent{background-color:var(--color-accent);color:#fff;border:2px solid var(--color-accent)}.btn-accent:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--color-text);padding:10px 20px}.btn-ghost:hover{background:var(--color-bg-alt)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-full{width:100%}.btn-sm{padding:10px 20px;font-size:12px}.btn-lg{padding:18px 44px;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}.card{background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.overlay{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--duration-fast) var(--ease-out)}.divider{width:60px;height:2px;background:var(--color-accent);margin:var(--space-lg) 0}.divider-center{margin-left:auto;margin-right:auto}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;color:#fff;background:var(--color-accent);border-radius:var(--radius-full)}.input{width:100%;padding:14px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:14px;transition:border-color var(--duration-fast);outline:none}.input:focus{border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}.input-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.qty-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.qty-stepper button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--color-text);transition:background var(--duration-fast)}.qty-stepper button:hover:not(:disabled){background:var(--color-bg-alt)}.qty-stepper button:disabled{opacity:.3;cursor:not-allowed}.qty-stepper span{width:44px;text-align:center;font-size:14px;font-weight:600;border-left:1.5px solid var(--color-border);border-right:1.5px solid var(--color-border);line-height:40px}.size-btn{min-width:48px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--color-text);background:var(--color-surface);transition:all var(--duration-fast);cursor:pointer}.size-btn:hover:not(:disabled):not(.size-btn-active){border-color:var(--color-text)}.size-btn-active{background:var(--color-dark);color:#fff;border-color:var(--color-dark)}.size-btn:disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}.stock-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.stock-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-success)}.stock-dot.out-of-stock:before{background:var(--color-error)}.stock-dot.out-of-stock{color:var(--color-error)}.skeleton{background:linear-gradient(90deg,var(--color-bg-alt) 25%,var(--color-border-light) 50%,var(--color-bg-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.breadcrumb a:hover{color:var(--color-text)}.breadcrumb-sep{font-size:11px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out)}.stagger-1{animation-delay:.1s;animation-fill-mode:both}.stagger-2{animation-delay:.2s;animation-fill-mode:both}.stagger-3{animation-delay:.3s;animation-fill-mode:both}.stagger-4{animation-delay:.4s;animation-fill-mode:both}.stagger-5{animation-delay:.5s;animation-fill-mode:both}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media(max-width:768px){:root{--header-height: 60px}.container{padding:0 var(--space-md)}.section{padding:var(--space-2xl) 0}.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.hide-mobile{display:none!important}}@media(max-width:480px){.product-grid{grid-template-columns:1fr;gap:var(--space-lg)}}@media(min-width:769px){.hide-desktop{display:none!important}}