@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Outfit", sans-serif;--bg-primary:#fbfaf5;--bg-secondary:#fff;--bg-tertiary:#f4f2e6;--accent-gold:#bca374;--accent-gold-hover:#967e54;--accent-cyan:#4f709c;--accent-teal:#5d9c59;--accent-rose:#c08261;--text-primary:#212529;--text-secondary:#495057;--text-muted:#868e96;--panel-bg:#fff;--panel-border:#eae6d2;--panel-shadow:0 20px 40px -15px #2125290d;--panel-glow:#bca3741f;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--border-radius-lg:16px;--border-radius-md:10px;--header-bg:#ffffffd9;--hero-mask:linear-gradient(90deg, #fbfaf5e6 0%, #fbfaf559 100%);--nav-padding:40px}[data-theme=dark]{--bg-primary:#0f1115;--bg-secondary:#16181e;--bg-tertiary:#1e2129;--accent-gold:#d4af37;--accent-gold-hover:#f3e5ab;--accent-cyan:#64b5f6;--accent-teal:#81c784;--accent-rose:#ff8a65;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--panel-bg:#16181e;--panel-border:#2c2f36;--panel-shadow:0 20px 40px -15px #00000080;--panel-glow:#d4af3714;--header-bg:#16181ed9;--hero-mask:linear-gradient(90deg, #0f1115e6 0%, #0f111559 100%)}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);max-width:100%;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:var(--border-radius-lg);transition:var(--transition-smooth)}.glass-panel:hover{box-shadow:0 12px 40px -10px #0f172a1f, 0 0 20px 0 var(--panel-glow);border-color:#c29b684d}.btn-primary{background:linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-hover) 100%);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #c29b6840}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c29b6866}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--panel-border);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:0 2px 6px #00000005}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-gold)}.grid-container{gap:24px;display:grid}.grid-cols-4{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.page-container{max-width:1200px;min-height:calc(100vh - 120px);margin:0 auto;padding:110px 24px 40px}.input-control{background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--border-radius-md);width:100%;color:var(--text-primary);transition:var(--transition-smooth);outline:none;padding:12px 16px;font-size:.95rem;box-shadow:inset 0 2px 4px #00000003}.input-control:focus{border-color:var(--accent-gold);background:var(--bg-secondary);box-shadow:0 0 10px #c29b6833,inset 0 2px 4px #00000003}label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.toast-msg{border-radius:var(--border-radius-md);z-index:1000;background:var(--bg-secondary);border:1px solid var(--panel-border);align-items:center;gap:10px;padding:16px 24px;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #0000001a}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.nav-link:hover{color:var(--accent-gold)!important}.navbar-menu{align-items:center;gap:24px;display:flex}.mobile-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--panel-border);color:var(--text-primary);cursor:pointer;width:38px;height:38px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:none}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.logo-text{background:linear-gradient(to right, var(--accent-gold), var(--accent-cyan));-webkit-text-fill-color:transparent;letter-spacing:1px;transition:var(--transition-smooth);-webkit-background-clip:text;font-size:1.3rem;font-weight:800}.header-actions{transition:var(--transition-smooth);align-items:center;gap:16px;display:flex}@media (width<=992px){.page-container{padding:95px 16px 30px}}@media (width<=768px){:root{--nav-padding:16px}.header-actions{gap:10px}.navbar-menu{background:var(--bg-secondary);border-bottom:1px solid var(--panel-border);z-index:99;box-shadow:var(--panel-shadow);flex-direction:column;gap:20px;padding:24px;display:none;position:absolute;top:70px;left:0;right:0}.navbar-menu.active,.mobile-toggle-btn{display:flex}.header-search{display:none!important}.mobile-search{width:100%;margin-bottom:12px;display:flex!important}.mobile-search input{width:100%!important}.grid-cols-4{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}}@media (width<=480px){:root{--nav-padding:10px}.logo-text{letter-spacing:.5px;font-size:1.05rem}.header-actions{gap:8px}}.home-body-container{flex-direction:column;gap:80px;width:100%;max-width:1200px;margin:0 auto;padding:80px 24px;display:flex}.responsive-section{padding:60px 40px}.hero-carousel{border-bottom:1px solid var(--panel-border);background:var(--bg-secondary);width:100%;height:calc(100vh - 70px);margin-top:70px;position:relative;overflow:hidden}.hero-content-wrapper{zIndex:3;maxWidth:750px;flexDirection:column;transition:var(--transition-smooth);gap:24px;padding:0 80px;display:flex;position:relative}.hero-title-text{color:var(--text-primary);letter-spacing:-1px;font-size:4rem;font-weight:800;line-height:1.15}.hero-desc-text{color:var(--text-secondary);max-width:500px;font-size:1.2rem;line-height:1.6}.testimonials-slider-container{align-items:center;gap:20px;width:100%;display:flex;position:relative}@media (width<=992px){.hero-title-text{font-size:3rem}.hero-content-wrapper{padding:0 40px}}@media (width<=768px){.home-body-container{gap:48px;padding:40px 16px}.responsive-section{gap:24px!important;padding:30px 16px!important}.hero-carousel{height:60vh}.hero-content-wrapper{gap:16px;padding:0 24px}.hero-title-text{font-size:2.2rem}.hero-desc-text{max-width:90%;font-size:1rem}.testimonials-slider-container{flex-direction:column;gap:16px}.testimonials-slider-container .slider-btn-prev{order:2;margin-right:auto}.testimonials-slider-container .slider-btn-next{order:3;margin-left:auto}.testimonials-slider-container .slider-track-wrap{order:1;width:100%}}@media (width<=480px){.hero-title-text{font-size:1.75rem}.hero-carousel{height:55vh}}.cart-layout{grid-template-columns:1.8fr 1fr;align-items:start;gap:40px;display:grid}@media (width<=992px){.cart-layout{grid-template-columns:1fr;gap:30px}}.checkout-layout{grid-template-columns:1.4fr 1fr;align-items:start;gap:40px;display:grid}@media (width<=992px){.checkout-layout{grid-template-columns:1fr;gap:30px}}.shop-layout{grid-template-columns:280px 1fr;align-items:start;gap:30px;display:grid}@media (width<=992px){.shop-layout{grid-template-columns:1fr;gap:30px}}.profile-layout{grid-template-columns:1fr 2fr;align-items:start;gap:40px;display:grid}@media (width<=992px){.profile-layout{grid-template-columns:1fr;gap:30px}}.product-details-layout{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.product-reviews-layout{grid-template-columns:1.2fr 1fr;gap:40px;display:grid}@media (width<=992px){.product-details-layout,.product-reviews-layout{grid-template-columns:1fr;gap:30px}}@media (width<=480px){:root{--detail-img-height:280px}}.cart-layout>*,.checkout-layout>*,.shop-layout>*,.profile-layout>*,.product-details-layout>*,.product-reviews-layout>*{min-width:0}.logo-text-desktop{display:inline}.logo-text-mobile{display:none}@media (width<=480px){.logo-text-desktop{display:none}.logo-text-mobile{display:inline}}@media (width<=768px){.glass-panel{padding:16px!important}}