:root{--color-bg-light:#fdfbf7;--color-bg-dark:#121212;--color-surface-light:#fff;--color-surface-dark:#1e1e1e;--color-primary:#c8a96e;--color-primary-dark:#a68a54;--color-accent:#2c3e50;--color-text-main:#222;--color-text-muted:#666;--color-text-light:#fff;--font-family-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-heading:"Outfit", var(--font-family-main);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family-main);background-color:var(--color-bg-light);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-accent);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.section{padding:var(--spacing-xl) 0}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.btn{border-radius:var(--radius-full);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-surface-light);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-surface-light)}.glass-panel{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffb3;border:1px solid #ffffff80}.header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fdfbf7e6;border-bottom:1px solid #0000000d;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{font-family:var(--font-family-heading);color:var(--color-accent);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.nav-links{gap:var(--spacing-lg);display:flex}.nav-link{color:var(--color-text-main);transition:color var(--transition-fast);font-weight:500}.nav-link:hover{color:var(--color-primary)}.cart-icon-btn{background-color:var(--color-surface-light);width:40px;height:40px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.cart-icon-btn:hover{box-shadow:var(--shadow-md);color:var(--color-primary)}.cart-badge{background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.footer{background-color:var(--color-accent);color:var(--color-surface-light);padding:var(--spacing-xl) 0 var(--spacing-lg);margin-top:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}@media (width<=768px){.section{padding:var(--spacing-lg) 0}.container{padding:0 var(--spacing-md)}.header-container{flex-direction:row;justify-content:space-between;height:70px}.logo{gap:.25rem!important;font-size:1rem!important}.logo svg{width:20px!important;height:20px!important}.nav-links{gap:var(--spacing-md);font-size:.9rem}.canvas-container{margin:0 auto;aspect-ratio:1!important;width:100%!important;max-width:400px!important;height:auto!important}.canvas-container canvas.lower-canvas,.canvas-container canvas.upper-canvas{width:100%!important;height:100%!important}.product-detail-grid{grid-template-columns:1fr!important;gap:2rem!important}.cart-item-card{text-align:center;flex-direction:column!important;gap:1rem!important}.cart-item-card>div:first-child{margin:0 auto}}