.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);background:#fffaf5d9;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar-scrolled{background:#fffaf5f2;border-bottom:1px solid #c8956c26;box-shadow:0 4px 20px #6b422614}.navbar-container{max-width:var(--container-max);padding:0 var(--container-padding);justify-content:space-between;align-items:center;height:72px;margin:0 auto;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon{font-size:2rem;line-height:1}.logo-text{flex-direction:column;display:flex}.logo-name{font-family:var(--font-display);color:var(--color-primary-dark);letter-spacing:-.02em;font-size:1.35rem;font-weight:700;line-height:1.1}.logo-tagline{font-family:var(--font-heading);color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;font-weight:500}.navbar-links{align-items:center;gap:.25rem;display:flex}.nav-link{font-family:var(--font-heading);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.9rem;font-weight:500;position:relative}.nav-link:hover{color:var(--color-primary);background:#c8956c1a}.nav-link.active{color:var(--color-primary);font-weight:600}.nav-link.active:after{content:"";background:var(--color-gold);border-radius:var(--radius-full);width:20px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.navbar-actions{align-items:center;gap:.25rem;display:flex}.nav-action-btn{width:42px;height:42px;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;display:flex;position:relative}.nav-action-btn:hover{color:var(--color-primary);background:#c8956c1f}.nav-action-btn .badge{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);width:18px;height:18px;font-size:.65rem;font-weight:700;font-family:var(--font-heading);justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.admin-btn,.mobile-toggle{display:none}.search-bar{background:var(--color-bg-warm);border-top:1px solid #0000;max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.search-bar.search-open{border-top:1px solid #c8956c26;max-height:80px}.search-form{max-width:var(--container-max);padding:var(--space-md) var(--container-padding);align-items:center;gap:var(--space-md);margin:0 auto;display:flex}.search-icon{color:var(--color-text-muted);flex-shrink:0;font-size:1.2rem}.search-input{color:var(--color-text);font-size:1rem;font-family:var(--font-heading);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-text-muted)}.search-close{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.search-close:hover{color:var(--color-text);background:#c8956c1a}.mobile-menu{background:var(--color-bg);z-index:999;border-left:1px solid #c8956c26;width:280px;height:calc(100vh - 72px);transition:right .4s cubic-bezier(.4,0,.2,1);position:fixed;top:72px;right:-100%;box-shadow:-8px 0 30px #0000001a}.mobile-menu.mobile-open{right:0}.mobile-menu-content{padding:var(--space-xl);gap:var(--space-xs);flex-direction:column;display:flex}.mobile-link{font-family:var(--font-heading);color:var(--color-text-secondary);padding:.85rem var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:1.05rem;font-weight:500;text-decoration:none}.mobile-link:hover,.mobile-link.active{color:var(--color-primary);background:#c8956c1f}.mobile-overlay{z-index:998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;position:fixed;inset:0}@media (width<=900px){.navbar-links{display:none}.admin-btn,.mobile-toggle{display:flex}}@media (width<=480px){.logo-name{font-size:1.1rem}.logo-tagline{font-size:.55rem}.navbar-container{height:64px}.nav-action-btn{width:38px;height:38px;font-size:1.1rem}.mobile-menu{width:100%;height:calc(100vh - 64px);top:64px}}.user-dropdown-container{align-items:center;margin-left:.5rem;display:flex;position:relative}.avatar-btn{border-radius:var(--radius-full);cursor:pointer;background:#fff;border:1.5px solid #d4a85333;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #6b42260d}.avatar-btn:hover{border-color:var(--color-gold);background:var(--color-bg-warm);transform:translateY(-1px);box-shadow:0 4px 15px #d4a85326}.user-avatar{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);width:36px;height:36px;font-size:.95rem;font-weight:700;font-family:var(--font-heading);justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 10px #0000001a}.dropdown-arrow{color:var(--color-text-muted);font-size:.75rem;transition:transform .3s}.dropdown-arrow.rotate{transform:rotate(180deg)}.user-dropdown-menu{border-radius:var(--radius-lg);z-index:1001;transform-origin:100% 0;background:#fff;border:1px solid #d4a8531a;flex-direction:column;width:240px;padding:.75rem;animation:.3s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 15px);right:0;box-shadow:0 15px 50px #6b422626}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropdown-header{flex-direction:column;padding:.75rem 1rem;display:flex}.user-name{font-family:var(--font-display);color:var(--color-primary-dark);font-size:1rem;font-weight:700;line-height:1.2}.user-email{color:var(--color-text-muted);margin-top:2px;font-size:.75rem}.dropdown-divider{background:#d4a8531a;height:1px;margin:.5rem 0}.dropdown-item{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--color-primary);background:#d4a85314;transform:translate(4px)}.dropdown-item svg{color:var(--color-gold);font-size:1.1rem}.logout-btn,.logout-btn svg{color:#c93a3a!important}.logout-btn:hover{background:#c93a3a0d!important}.auth-nav-btn{background:var(--color-primary);font-family:var(--font-heading);border-radius:var(--radius-full);margin-left:.5rem;padding:.6rem 1.75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #6b422626;color:#fff!important}.auth-nav-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #6b422640}.mobile-user-section{background:var(--color-bg-warm);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1.5rem}.mobile-user-card{align-items:center;gap:1rem;display:flex}.mobile-user-info{flex-direction:column;display:flex}.footer{position:relative;overflow:hidden}.footer-newsletter{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, #5d3a1e 100%);padding:var(--space-3xl) 0;position:relative}.footer-newsletter:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.newsletter-content{justify-content:space-between;align-items:center;gap:var(--space-2xl);display:flex;position:relative}.newsletter-text h3{font-family:var(--font-display);color:#fff;margin-bottom:var(--space-sm);font-size:1.8rem}.newsletter-text p{color:#ffffffbf;font-size:1rem;font-family:var(--font-heading)}.newsletter-form{gap:var(--space-sm);flex-shrink:0;display:flex}.newsletter-input{border-radius:var(--radius-md);color:#fff;width:300px;transition:all var(--transition-fast);font-size:.95rem;font-family:var(--font-heading);background:#ffffff1a;border:2px solid #fff3;padding:.85rem 1.25rem}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{border-color:var(--color-gold);background:#ffffff26;outline:none}.footer-main{background:var(--color-bg-dark);padding:var(--space-4xl) 0 var(--space-2xl)}.footer-grid{gap:var(--space-3xl);grid-template-columns:1.5fr 1fr 1fr 1.3fr;display:grid}.footer-logo{margin-bottom:var(--space-lg);align-items:center;gap:.75rem;display:flex}.footer-logo .logo-icon{font-size:2rem}.footer-logo h4{font-family:var(--font-display);color:#fff;font-size:1.4rem;line-height:1.2}.footer-logo span{font-family:var(--font-heading);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.footer-desc{color:var(--color-text-on-dark);margin-bottom:var(--space-md);opacity:.8;font-size:.9rem;line-height:1.7}.footer-cin{color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.75rem;font-family:var(--font-heading)}.social-links{gap:var(--space-sm);display:flex}.social-link{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text-on-dark);transition:all var(--transition-fast);border:1px solid #ffffff26;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.social-link:hover{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-bg-dark);transform:translateY(-3px)}.footer-col h5{font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-lg);letter-spacing:.02em;font-size:1rem;font-weight:600}.footer-col a{color:var(--color-text-on-dark);opacity:.75;transition:all var(--transition-fast);font-size:.9rem;font-family:var(--font-heading);padding:.35rem 0;display:block}.footer-col a:hover{opacity:1;color:var(--color-gold);transform:translate(4px)}.contact-item{margin-bottom:var(--space-md);color:var(--color-text-on-dark);opacity:.75;gap:.75rem;font-size:.85rem;line-height:1.6;display:flex}.contact-item svg{color:var(--color-gold);flex-shrink:0;margin-top:3px}.contact-item a{padding:0;display:block}.footer-bottom{padding:var(--space-lg) 0;background:#0d0a05}.footer-bottom-content{justify-content:space-between;align-items:center;display:flex}.footer-bottom p{color:var(--color-text-muted);font-size:.8rem;font-family:var(--font-heading)}.footer-bottom-links{gap:var(--space-xl);display:flex}.footer-bottom-links a{color:var(--color-text-muted);font-size:.8rem;font-family:var(--font-heading);transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--color-gold)}.scroll-top-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-lg);transition:all var(--transition-base);z-index:90;border:none;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;bottom:2rem;right:2rem}.scroll-top-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-xl);transform:translateY(-4px)}@media (width<=900px){.newsletter-content{text-align:center;flex-direction:column}.newsletter-form{width:100%;max-width:400px}.newsletter-input{flex:1;width:auto}.footer-grid{gap:var(--space-2xl);grid-template-columns:1fr 1fr}}@media (width<=600px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr}.footer-bottom-content{gap:var(--space-md);text-align:center;flex-direction:column}.newsletter-form{flex-direction:column}}@media (width>=1024px){.mobile-bottom-nav{display:none!important}}@media (width<=1023px){.mobile-bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border-top:1px solid #6b42261a;justify-content:space-around;align-items:center;height:70px;padding:0 10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 20px #00000014}.mobile-nav-item{color:var(--color-text-muted);font-size:.7rem;font-family:var(--font-heading);flex-direction:column;flex:1;align-items:center;gap:4px;min-width:60px;text-decoration:none;transition:all .3s;display:flex}.mobile-nav-item svg{font-size:1.4rem;transition:transform .3s}.mobile-nav-item.active{color:var(--color-primary)}.mobile-nav-item.active svg{color:var(--color-primary);transform:translateY(-4px)}.nav-icon-wrapper{align-items:center;display:flex;position:relative}.nav-badge{background:var(--color-primary);color:#fff;items-center:center;border:2px solid #fff;border-radius:50%;justify-content:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-10px}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.container{padding:0 var(--space-md)!important}footer{padding-bottom:90px!important}}.whatsapp-btn{z-index:100;color:#fff;border-radius:var(--radius-full);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#25d366,#128c7e);border:none;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-size:.95rem;font-weight:600;animation:3s ease-in-out infinite float-whatsapp;display:flex;position:fixed;bottom:2rem;left:2rem;box-shadow:0 8px 30px #128c7e4d}.whatsapp-btn:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 12px 40px #128c7e66}.whatsapp-btn svg{font-size:1.5rem}@keyframes float-whatsapp{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (width<=768px){.whatsapp-btn span{display:none}.whatsapp-btn{justify-content:center;width:56px;height:56px;padding:1rem}}:root{--color-primary:#6b4226;--color-primary-dark:#4a2c17;--color-primary-light:#8b6914;--color-primary-hover:#7d4e2d;--color-accent:#c8956c;--color-accent-light:#d4a574;--color-accent-dark:#a67b5b;--color-gold:#d4a853;--color-gold-light:#e8c97a;--color-gold-dark:#b08d3a;--color-bg:#fffaf5;--color-bg-warm:#fff5eb;--color-bg-cream:#fdf8f0;--color-bg-dark:#1a1209;--color-bg-card:#fff;--color-surface:#f5ede3;--color-surface-dark:#e8ddd0;--color-text:#2d1b0e;--color-text-secondary:#6b5b4e;--color-text-muted:#9b8b7e;--color-text-light:#fff;--color-text-on-dark:#ede0d4;--color-success:#2e7d4f;--color-error:#c62828;--color-warning:#e65100;--color-info:#1565c0;--glass-bg:#fffaf5bf;--glass-border:#c8956c40;--glass-shadow:0 8px 32px #6b42261a;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", -apple-system, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #6b422614;--shadow-md:0 4px 12px #6b42261a;--shadow-lg:0 8px 30px #6b42261f;--shadow-xl:0 20px 60px #6b422626;--shadow-glow:0 0 40px #d4a85333;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--container-max:1320px;--container-padding:1.5rem}*,: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-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-body);outline:none;font-size:1rem}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);line-height:1.2}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--space-4xl) 0}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md);color:var(--color-primary-dark);font-size:clamp(2rem,4vw,3rem)}.section-header p{color:var(--color-text-secondary);max-width:600px;font-size:1.1rem;font-family:var(--font-heading);margin:0 auto}.section-header .accent-line{background:linear-gradient(90deg, var(--color-gold), var(--color-accent));width:60px;height:3px;margin:var(--space-md) auto;border-radius:var(--radius-full);display:block}.btn{font-size:.95rem;font-weight:600;font-family:var(--font-heading);border-radius:var(--radius-md);transition:all var(--transition-base);letter-spacing:.02em;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 2rem;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-text-light);box-shadow:0 4px 15px #6b42264d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6b422666}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary);color:var(--color-text-light);transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-dark));color:var(--color-bg-dark);box-shadow:0 4px 15px #d4a85366}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4a85380}.btn-sm{padding:.55rem 1.2rem;font-size:.85rem}.btn-lg{padding:1rem 2.5rem;font-size:1.05rem}.btn-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.2rem;display:inline-flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.product-card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-slow);border:1px solid #c8956c1a;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-xl);border-color:#c8956c4d;transform:translateY(-8px)}.product-card .product-image{aspect-ratio:4/3;position:relative;overflow:hidden}.product-card .product-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.product-card:hover .product-image img{transform:scale(1.08)}.product-card .product-badge{top:var(--space-md);left:var(--space-md);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;font-family:var(--font-heading);padding:.3rem .8rem;position:absolute}.product-card .badge-sale{background:linear-gradient(135deg, var(--color-error), #e53935);color:#fff}.product-card .badge-new{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-dark));color:var(--color-bg-dark)}.product-card .product-actions{top:var(--space-md);right:var(--space-md);gap:var(--space-sm);opacity:0;transition:all var(--transition-base);flex-direction:column;display:flex;position:absolute;transform:translate(10px)}.product-card:hover .product-actions{opacity:1;transform:translate(0)}.product-card .action-btn{border-radius:var(--radius-full);width:40px;height:40px;box-shadow:var(--shadow-md);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.product-card .action-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.product-card .action-btn.active{background:var(--color-error);color:#fff}.product-card .product-info{padding:var(--space-lg)}.product-card .product-category{text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);font-size:.75rem;font-weight:600;font-family:var(--font-heading);margin-bottom:var(--space-xs)}.product-card .product-name{color:var(--color-text);margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:600;font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card .product-rating{margin-bottom:var(--space-sm);align-items:center;gap:.3rem;font-size:.85rem;display:flex}.product-card .stars{color:var(--color-gold)}.product-card .review-count{color:var(--color-text-muted);font-size:.8rem}.product-card .product-price{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.product-card .current-price{color:var(--color-primary-dark);font-size:1.3rem;font-weight:700;font-family:var(--font-heading)}.product-card .original-price{color:var(--color-text-muted);font-size:.9rem;text-decoration:line-through}.product-card .discount{color:var(--color-success);border-radius:var(--radius-full);background:#2e7d4f1a;padding:.15rem .5rem;font-size:.8rem;font-weight:600}.product-card .add-to-cart-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;border-radius:var(--radius-md);width:100%;font-size:.9rem;font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex}.product-card .add-to-cart-btn:hover{background:linear-gradient(135deg, var(--color-primary-hover), var(--color-primary));box-shadow:0 4px 15px #6b42264d}.form-group{margin-bottom:var(--space-lg)}.form-label{margin-bottom:var(--space-sm);color:var(--color-text);font-size:.9rem;font-weight:600;font-family:var(--font-heading);display:block}.form-input{border:2px solid var(--color-surface-dark);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);background:var(--color-bg-card);color:var(--color-text);padding:.85rem 1rem;font-size:1rem}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #c8956c26}.form-input::placeholder{color:var(--color-text-muted)}textarea.form-input{resize:vertical;min-height:120px}.product-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.category-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #d4a85333}50%{box-shadow:0 0 40px #d4a85366}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-slide-left{animation:.6s ease-out forwards slideInLeft}.animate-slide-right{animation:.6s ease-out forwards slideInRight}.animate-scale-in{animation:.5s ease-out forwards scaleIn}.stagger-children>*{opacity:0;animation:.5s ease-out forwards fadeInUp}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}.stagger-children>:nth-child(6){animation-delay:.6s}.stagger-children>:nth-child(7){animation-delay:.7s}.stagger-children>:nth-child(8){animation-delay:.8s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.page-loader{background:var(--color-bg);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-spinner{border:3px solid var(--color-surface-dark);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:50px;height:50px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){:root{--container-padding:1rem}.section{padding:var(--space-3xl) 0}.product-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.category-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.product-grid,.category-grid{grid-template-columns:1fr}}