:root{--primary-color:#1e40af;--primary-dark:#1e3a8a;--primary-light:#3b82f6;--secondary-color:#6b7280;--accent-color:#2563eb;--danger-color:#ef4444;--success-color:#1e40af;--bg-primary:#fff;--bg-secondary:#f3f4f6;--bg-tertiary:#e5e7eb;--text-primary:#1f2937;--text-secondary:#4b5563;--text-light:#6b7280;--border-color:#d1d5db;--shadow-sm:0 1px 2px 0 #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;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-base:300ms ease-in-out;--transition-slow:500ms ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;background-color:var(--bg-secondary);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-width:320px;overflow-x:hidden}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{min-width:320px;overflow-x:hidden;scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-color);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-light)}::selection{background-color:#1e40af;background-color:var(--primary-color);color:#fff}.top-banner{animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#1f2937,#111827);background-size:200% 200%;border-bottom:1px solid #ffffff1a;color:#fff;font-size:13px;overflow:hidden;padding:10px 0;position:relative;z-index:1000}.top-banner:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.banner-content{flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.banner-content,.banner-left{align-items:center;display:flex}.banner-left{gap:var(--spacing-sm)}.banner-badge{animation:truckMove 2s ease-in-out infinite;display:inline-block;font-size:20px;transform-origin:center}@keyframes truckMove{0%,to{transform:translateX(0) rotate(0deg) scale(1)}25%{transform:translateX(5px) rotate(-5deg) scale(1.1)}50%{transform:translateX(0) rotate(0deg) scale(1.15)}75%{transform:translateX(-5px) rotate(5deg) scale(1.1)}}.banner-text{font-weight:500;position:relative}.banner-text strong{animation:textGlow 2s ease-in-out infinite;color:#fbbf24;display:inline-block;font-weight:700;position:relative;text-shadow:0 0 10px #fbbf2480}.banner-text strong:after{animation:textShine 2s infinite;background:linear-gradient(90deg,#0000,#fbbf244d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes textGlow{0%,to{text-shadow:0 0 10px #fbbf2480,0 0 20px #fbbf244d}50%{text-shadow:0 0 20px #fbbf24cc,0 0 30px #fbbf2480}}@keyframes textShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.banner-right{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.banner-label{animation:fadeInOut 3s ease-in-out infinite;color:#fffc;font-size:12px}@keyframes fadeInOut{0%,to{opacity:.8}50%{opacity:1}}.banner-phone{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:4px;overflow:hidden;padding:4px 8px;position:relative;text-decoration:none;transition:all .3s ease}.banner-phone:before{background:#fbbf2433;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.banner-phone:hover:before{height:200px;width:200px}.banner-phone:hover{color:#fbbf24;transform:translateY(-2px)}.banner-phone:active{transform:translateY(0)}.banner-phone svg{font-size:14px;position:relative;transition:transform .3s ease;z-index:1}.banner-phone:hover svg{animation:phoneRing .5s ease-in-out;transform:rotate(15deg) scale(1.1)}@keyframes phoneRing{0%,to{transform:rotate(15deg) scale(1.1)}25%{transform:rotate(-15deg) scale(1.1)}50%{transform:rotate(15deg) scale(1.1)}75%{transform:rotate(-15deg) scale(1.1)}}.banner-separator{animation:separatorPulse 2s ease-in-out infinite;color:#ffffff4d;margin:0 var(--spacing-xs)}@keyframes separatorPulse{0%,to{opacity:.3}50%{opacity:.6}}@media (max-width:768px){.banner-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}.banner-right{justify-content:center}.banner-phone,.banner-text{font-size:12px}}.navbar{background:#fff;border-bottom:1px solid #0000000d;box-shadow:0 2px 8px #00000014;padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:40px;z-index:10000}.navbar-content{gap:var(--spacing-lg);justify-content:space-between}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{border-radius:var(--radius-md);justify-content:center;padding:4px;text-decoration:none;transition:transform var(--transition-base)}.navbar-brand:hover{transform:scale(1.05)}.brand-logo{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:120px;justify-content:center;padding:4px;transition:all var(--transition-base);width:120px}.logo-image{-ms-interpolation-mode:bicubic;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform var(--transition-base);width:100%}.navbar-brand:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transform:scale(1.05)}.navbar-search-wrapper{flex:1 1;max-width:500px;position:relative}.navbar-search{align-items:center;display:flex;position:relative}.navbar-search input{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-full);font-size:14px;padding:10px 45px 10px 16px;transition:all var(--transition-fast);width:100%}.navbar-search input:focus{background-color:var(--bg-primary);border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a;outline:none}.search-btn{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;transition:all var(--transition-fast);width:32px}.search-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.search-suggestions{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:4px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:background-color var(--transition-fast)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:var(--bg-secondary)}.suggestion-image{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.suggestion-image img{height:100%;object-fit:cover;width:100%}.no-image-small{background:var(--bg-secondary);color:var(--text-secondary)}.suggestion-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.suggestion-name{color:var(--text-primary);font-size:14px;font-weight:500}.suggestion-price{color:var(--primary-color);font-size:13px;font-weight:600}.navbar-links{align-items:center;display:flex;gap:var(--spacing-lg)}.navbar-links a{color:var(--text-primary);font-size:15px;font-weight:500;position:relative;text-decoration:none;transition:color var(--transition-fast)}.navbar-links a:after{background:var(--primary-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.navbar-links a:hover{color:var(--primary-color)}.navbar-links a:hover:after{width:100%}.navbar-links .btn-primary{color:#fff!important}.cart-link{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:8px 16px;position:relative;transition:background-color var(--transition-fast)}.cart-link:hover{background-color:var(--bg-secondary)}.cart-badge{animation:pulse 2s infinite;background:var(--danger-color);border-radius:var(--radius-full);color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:-4px}.user-menu{align-items:center;border-left:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding-left:var(--spacing-md)}.user-info,.user-info-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:14px;gap:var(--spacing-sm);padding:8px 12px;text-decoration:none;transition:all var(--transition-fast)}.user-info-link:hover{background-color:var(--bg-secondary);color:var(--primary-color)}.admin-link{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:var(--radius-md);color:#fff;display:flex;font-size:14px;font-weight:600;gap:var(--spacing-sm);padding:8px 12px;text-decoration:none;transition:all var(--transition-fast)}.admin-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.logout-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--danger-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);padding:8px 12px;transition:all var(--transition-fast)}.logout-btn:hover{background-color:#fef2f2;transform:translateY(-1px)}.mobile-menu-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:24px;padding:8px;position:relative;z-index:10001}@media (max-width:968px){.navbar{padding:var(--spacing-sm) 0}.navbar-search-wrapper{display:none}.mobile-menu-toggle{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.mobile-menu-toggle:hover{background:var(--primary-color);color:#fff}.navbar-links{align-items:stretch;background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg);flex-direction:column;gap:var(--spacing-md);left:0;max-height:calc(100vh - 110px);opacity:0;overflow-y:auto;padding:var(--spacing-lg);position:fixed;right:0;top:110px;transform:translateY(-100%);transition:all var(--transition-base);visibility:hidden}.navbar-links.mobile-open{opacity:1;transform:translateY(0);visibility:visible}.cart-link,.navbar-links a{border-radius:var(--radius-md);justify-content:flex-start;padding:var(--spacing-md);width:100%}.cart-link:hover,.navbar-links a:hover{background-color:var(--bg-secondary)}.user-menu{align-items:stretch;border-left:none;border-top:1px solid var(--border-color);flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) 0 0 0;width:100%}.user-info{padding:var(--spacing-sm) var(--spacing-md)}.cart-link{width:100%}}@media (max-width:640px){.brand-logo{height:80px;padding:4px;width:80px}.navbar-content{gap:var(--spacing-md)}}.category-menu{background:linear-gradient(135deg,#1e40af,#1e3a8a);border-bottom:2px solid #fff3;box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:110px;z-index:9999}.category-menu-content{-ms-overflow-style:none;align-items:center;display:flex;gap:var(--spacing-xs);overflow-x:auto;scrollbar-width:none}.category-menu-content::-webkit-scrollbar{display:none}.category-menu-item{flex-shrink:0;position:relative}.category-link{display:flex;gap:4px;padding:12px 20px;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.category-link,.category-link:active,.category-link:link,.category-link:visited{color:#fff!important}.category-link:hover{background:#fff3;color:#fff!important}.category-link svg{stroke:#fff;color:#fff!important;font-size:14px;transition:transform var(--transition-fast)}.category-menu-item:hover .category-link svg{transform:rotate(180deg)}.category-dropdown{animation:fadeInDown .3s ease-out;background:var(--bg-primary);border:2px solid var(--primary-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);left:0;margin-top:var(--spacing-sm);max-width:450px;min-width:350px;padding:var(--spacing-lg);position:absolute;top:100%;z-index:10002}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.dropdown-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.dropdown-header h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:var(--spacing-xs)}.dropdown-header p{color:#ffffffe6;font-size:13px;line-height:1.6;margin:0}.dropdown-view-all{align-items:center;background:linear-gradient(135deg,var(--success-color) 0,#1e3a8a 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-size:14px;font-weight:600;padding:10px 16px;text-decoration:none;transition:all var(--transition-fast);width:-webkit-fit-content;width:fit-content}.dropdown-view-all:hover{background:linear-gradient(135deg,#1e3a8a,#1e3a8a);box-shadow:var(--shadow-lg);transform:translateX(4px)}.dropdown-loading{color:var(--text-secondary);font-size:14px;padding:var(--spacing-lg);text-align:center}.dropdown-products{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr;margin-bottom:var(--spacing-md);max-height:400px;overflow-y:auto;padding-right:var(--spacing-xs)}.dropdown-products::-webkit-scrollbar{width:6px}.dropdown-products::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}.dropdown-products::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.dropdown-products::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.dropdown-product-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.dropdown-product-item:hover{background:var(--bg-primary);border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateX(4px)}.dropdown-product-image{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0;height:50px;overflow:hidden;width:50px}.dropdown-product-image img{height:100%;object-fit:cover;width:100%}.dropdown-product-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.dropdown-product-name{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-product-price{color:var(--primary-color);font-size:14px;font-weight:700}.dropdown-no-products{color:var(--text-secondary);font-size:14px;font-style:italic;padding:var(--spacing-lg);text-align:center}@media (max-width:968px){.category-menu{overflow-x:auto;top:100px}.category-menu-content{padding:0 var(--spacing-sm)}.category-link{font-size:13px;padding:10px 14px}.category-dropdown{left:auto;max-width:320px;min-width:280px;padding:var(--spacing-md);right:0}.dropdown-products{max-height:300px}.dropdown-product-item{padding:var(--spacing-xs)}.dropdown-product-image{height:40px;width:40px}.dropdown-product-name{font-size:12px}.dropdown-product-price{font-size:13px}}@media (max-width:640px){.category-menu{top:90px}.category-link{font-size:12px;padding:8px 12px}.category-link svg{display:none}.category-dropdown{max-width:280px;min-width:250px;padding:var(--spacing-sm)}.dropdown-header h3{font-size:16px}.dropdown-header p{font-size:12px}.dropdown-products{gap:var(--spacing-xs);max-height:250px}.dropdown-product-item{padding:6px}.dropdown-product-image{height:35px;width:35px}.dropdown-product-name{font-size:11px}.dropdown-product-price{font-size:12px}.dropdown-view-all{font-size:12px;padding:8px 12px}}.footer{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;margin-top:auto;padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-top{border-bottom:1px solid #ffffff1a;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.footer-newsletter{margin:0 auto;max-width:600px;text-align:center}.footer-newsletter h3{font-size:24px;font-weight:700;margin-bottom:var(--spacing-sm)}.footer-newsletter p{color:#fffc;margin-bottom:var(--spacing-lg)}.newsletter-form{display:flex;gap:var(--spacing-sm);margin:0 auto;max-width:400px}.newsletter-form input{background:#ffffff1a;border:2px solid #fff3;border-radius:var(--radius-md);color:#fff;flex:1 1;font-size:14px;padding:12px 16px}.newsletter-form input::placeholder{color:#fff9}.newsletter-form input:focus{background:#ffffff26;border-color:var(--primary-color);outline:none}.newsletter-form .btn{flex-shrink:0;padding:12px 24px}.footer-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;margin-bottom:var(--spacing-2xl)}.footer-section h3{align-items:center;display:flex;font-size:24px;font-weight:800;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.footer-section h4{font-size:18px;font-weight:600;margin-bottom:var(--spacing-md)}.footer-about p{color:#fffc;font-size:14px;line-height:1.8;margin-bottom:var(--spacing-lg)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section ul li a{color:#fffc;display:inline-block;font-size:14px;text-decoration:none;transition:all var(--transition-fast)}.footer-section ul li a:hover{color:#fff;transform:translateX(4px)}.contact-info li{align-items:flex-start;color:#fffc;display:flex;font-size:14px;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.contact-info li svg{color:var(--primary-light);flex-shrink:0;font-size:20px;margin-top:2px}.contact-info li div{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-info li strong{color:#fff;font-weight:600;margin-bottom:2px}.contact-info li span{color:#ffffffb3;line-height:1.6}.contact-info li a{color:#fffc;text-decoration:none;transition:color var(--transition-fast)}.contact-info li a:hover{color:var(--primary-light)}.social-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.social-links a{align-items:center;background:#ffffff1a;border-radius:var(--radius-full);color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;text-decoration:none;transition:all var(--transition-base);width:40px}.social-links a:hover{background:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.footer-features{grid-gap:var(--spacing-xl);border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) 0}.footer-feature{align-items:center;display:flex;gap:var(--spacing-md)}.footer-feature svg{color:var(--primary-light);flex-shrink:0;font-size:32px}.footer-feature h5{font-size:16px;font-weight:600;margin-bottom:4px}.footer-feature p{color:#ffffffb3;font-size:13px;margin:0}.footer-bottom{border-top:1px solid #ffffff1a;color:#fff9;flex-wrap:wrap;font-size:14px;gap:var(--spacing-md);justify-content:space-between;padding-top:var(--spacing-lg)}.footer-bottom,.footer-links{align-items:center;display:flex}.footer-links{gap:var(--spacing-sm)}.footer-links a{color:#fff9;font-size:13px;text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:#fff}.footer-links span{color:#ffffff4d}@media (max-width:1200px){.footer-content{grid-template-columns:1.5fr 1fr 1fr 1fr}.footer-contact{grid-column:1/-1}}@media (max-width:968px){.footer-content{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.footer-about{grid-column:1/-1}.footer-features{gap:var(--spacing-lg);grid-template-columns:1fr}.newsletter-form{flex-direction:column}}@media (max-width:640px){.footer{padding:var(--spacing-lg) 0}.footer-content{gap:var(--spacing-lg);grid-template-columns:1fr}.footer-features{gap:var(--spacing-sm);grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}.footer-column h4{font-size:15px;margin-bottom:var(--spacing-sm)}.footer-column a,.footer-column p,.footer-links a{font-size:12px}}.toast{align-items:center;animation:slideIn .3s ease-out;background:var(--bg-primary);border-left:4px solid;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;gap:var(--spacing-md);max-width:500px;min-width:300px;padding:var(--spacing-md) var(--spacing-lg);position:relative;z-index:10000}.toast-success{border-left-color:var(--success-color)}.toast-error{border-left-color:var(--danger-color)}.toast-info{border-left-color:var(--primary-color)}.toast-warning{border-left-color:var(--accent-color)}.toast-icon{flex-shrink:0;font-size:24px}.toast-success .toast-icon{color:var(--success-color)}.toast-error .toast-icon{color:var(--danger-color)}.toast-info .toast-icon{color:var(--primary-color)}.toast-warning .toast-icon{color:var(--accent-color)}.toast-message{color:var(--text-primary);flex:1 1;font-weight:500}.toast-close{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;justify-content:center;padding:4px;transition:color var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.toast-container{display:flex;flex-direction:column;gap:var(--spacing-md);position:fixed;right:var(--spacing-lg);top:150px;z-index:10000}@media (max-width:768px){.toast-container{left:var(--spacing-md);right:var(--spacing-md)}.toast{max-width:100%;min-width:auto}}.hero-slider{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;height:600px;justify-content:center;margin:0 auto var(--spacing-2xl);max-width:100%;overflow:hidden;position:relative;width:100%;z-index:1}.hero-slider .slider-container{z-index:1}.slider-container{margin:0 auto;max-width:100%;position:relative}.slide,.slider-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.slide{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-interpolation-mode:bicubic;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-attachment:scroll;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;image-rendering:-webkit-optimize-contrast;image-rendering:auto;left:0;min-height:600px;opacity:0;position:absolute;top:0;transform:scale(1.05);transform:translateZ(0);transition:opacity 1s ease-in-out,transform 1s ease-in-out;will-change:transform,opacity}.slide-content-wrapper{align-items:center;display:flex;justify-content:center;position:relative;width:100%;z-index:2}.slide:before{background:#00000026;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.slide.active{opacity:1;transform:scale(1) translateZ(0);-webkit-transform:scale(1) translateZ(0);z-index:1}.slide-overlay{display:none}.slide-content{animation:fadeInUp 1s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;box-sizing:border-box;color:#fff;margin:0 auto;max-width:800px;padding:var(--spacing-2xl);position:relative;text-align:center;width:100%;z-index:2}.slide-content-wrapper .container{align-items:center;display:flex;justify-content:center;max-width:100%;padding:0 var(--spacing-lg);width:100%}.slide-badge{animation:fadeInUp .8s ease-out .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:var(--radius-full);display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-lg);padding:8px 20px;text-transform:uppercase}.slide-title{animation:fadeInUp .8s ease-out .4s both;font-size:56px;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px #0000004d}.slide-description{animation:fadeInUp .8s ease-out .6s both;font-size:20px;line-height:1.6;margin-bottom:var(--spacing-xl);opacity:.95}.slide-button{animation:fadeInUp .8s ease-out .8s both;box-shadow:0 4px 15px #0003;font-size:18px;padding:16px 32px}.slider-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-base);width:50px;z-index:10}.slider-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.slider-nav.prev{left:var(--spacing-lg)}.slider-nav.next{right:var(--spacing-lg)}.slider-dots{bottom:var(--spacing-lg);gap:var(--spacing-sm);left:50%;position:absolute;transform:translateX(-50%);z-index:10}.dot{background:#0000;border:2px solid #fff;border-radius:var(--radius-full);cursor:pointer;height:12px;padding:0;transition:all var(--transition-base);width:12px}.dot.active{background:#fff;width:32px}.dot:hover{background:#ffffff80}@media (max-width:968px){.hero-slider{height:450px;margin:0 auto var(--spacing-2xl)}.hero-slider,.slide,.slider-container{max-width:100%;width:100%}.slide{align-items:flex-start;padding-top:40px}.slide-content-wrapper{align-items:flex-start;justify-content:center;padding:0 var(--spacing-md);width:100%}.slide-content-wrapper .container{align-items:flex-start;padding:0;width:100%}.slide-content{margin:0 auto;max-width:100%;padding:var(--spacing-lg);text-align:center;width:100%}.slide-title{font-size:28px}.slide-description{font-size:15px}.slider-nav{font-size:18px;height:40px;width:40px}.slider-nav.prev{left:var(--spacing-sm)}.slider-nav.next{right:var(--spacing-sm)}}@media (max-width:640px){.hero-slider{height:380px;margin:0 auto var(--spacing-xl)}.hero-slider,.slide,.slider-container{max-width:100%;width:100%}.slide{align-items:flex-start;padding-top:25px}.slide-content-wrapper{align-items:flex-start;justify-content:center;padding:0 var(--spacing-sm);width:100%}.slide-content-wrapper .container{align-items:flex-start;padding:0;width:100%}.slide-content{margin:0 auto;max-width:100%;padding:var(--spacing-md);text-align:center;width:100%}.slide-badge{font-size:11px;margin-bottom:var(--spacing-sm);padding:6px 14px}.slide-title{font-size:20px;line-height:1.3;margin-bottom:var(--spacing-xs)}.slide-description{font-size:13px;line-height:1.5;margin-bottom:var(--spacing-md)}.slide-button{font-size:13px;padding:10px 20px}.slider-nav{font-size:16px;height:32px;top:50%;width:32px}.slider-nav.prev{left:5px}.slider-nav.next{right:5px}.slider-dots{bottom:var(--spacing-sm)}.dot{height:8px;width:8px}}.product-card-wrapper{display:flex;flex-direction:column;height:100%;perspective:1000px;position:relative;width:100%}.product-card-wrapper.featured{grid-column:span 1}.product-card-wrapper.featured .product-card{background:linear-gradient(145deg,#fff,#faf5ff);border-color:#9333ea1f}.product-card-wrapper.featured .new-badge{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b59}.product-card-wrapper.featured .add-to-cart-buttons{flex-direction:column;gap:10px}.product-card-wrapper.featured .btn-add-to-cart{font-size:14px;overflow:visible;padding:14px 16px;text-overflow:clip;white-space:nowrap;width:100%}.product-card-wrapper.featured .quantity-control-inline{justify-content:center;width:100%}.product-card{background:linear-gradient(145deg,#fff,#fcfcfc);border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 16px #0000000a,0 2px 8px #00000005,inset 0 1px 0 #fffc;display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg);transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:before{background:linear-gradient(135deg,#9333ea08,#0000 50%);opacity:0;pointer-events:none;top:0;transition:opacity .35s ease;z-index:0}.product-card:after,.product-card:before{bottom:0;content:"";left:0;position:absolute;right:0}.product-card:after{background:linear-gradient(90deg,#9333ea,#c084fc);height:3px;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-card:hover:before{opacity:1}.product-card:hover:after{transform:scaleX(1)}.product-card:hover{border-color:#9333ea33;box-shadow:0 30px 60px #9333ea1f,0 15px 30px #00000014,0 5px 15px #0000000a,inset 0 1px 0 #ffffffe6;transform:translateY(-10px) scale(1.01)}.new-badge{animation:badge-shine 3s ease-in-out infinite;background:linear-gradient(135deg,#9333ea,#7c3aed 50%,#6d28d9);border-radius:10px;box-shadow:0 4px 16px #9333ea66,0 2px 8px #6d28d94d;color:#fff;font-size:11px;font-weight:700;left:16px;letter-spacing:1px;padding:8px 16px;position:absolute;text-transform:uppercase;top:16px;z-index:10}.new-badge:before{content:"✨";font-size:10px;margin-right:4px}@keyframes badge-shine{0%,to{box-shadow:0 4px 16px #9333ea66,0 2px 8px #6d28d94d}50%{box-shadow:0 6px 24px #9333ea80,0 3px 12px #6d28d966}}.product-badge{border-radius:6px;font-size:10px;left:var(--spacing-md);letter-spacing:.8px;padding:6px 14px;top:var(--spacing-md);z-index:10}.product-badge.low-stock{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.product-badge.out-of-stock{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.product-link{color:inherit;display:block;margin-bottom:var(--spacing-md);text-decoration:none}.product-image-wrapper{background:linear-gradient(145deg,#f8f9fa,#eef1f5);border-radius:16px;margin-bottom:var(--spacing-md);overflow:hidden;position:relative;width:100%}.product-image-wrapper:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .7s ease;width:50%;z-index:3}.product-card:hover .product-image-wrapper:before{left:100%}.product-image-wrapper:after{background:linear-gradient(180deg,#0000 40%,#9333ea08);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:1}.product-card:hover .product-image-wrapper:after{opacity:1}.product-image{background:linear-gradient(145deg,#f8f9fa,#eef1f5);border-radius:16px;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s ease}.product-card:hover .product-image{filter:brightness(1.02);transform:scale(1.1)}.product-image-overlay{bottom:12px;display:flex;gap:var(--spacing-sm);justify-content:center;left:0;opacity:0;position:absolute;right:0;transform:translateY(8px);transition:all .35s cubic-bezier(.4,0,.2,1);z-index:5}.product-image-wrapper:hover .product-image-overlay{opacity:1;transform:translateY(0)}.image-action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#374151;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:42px}.image-action-btn:hover{background:#9333ea;box-shadow:0 6px 20px #9333ea59;color:#fff;transform:scale(1.12)}.zoom-btn{margin-left:12px;margin-right:auto}.compare-btn{margin-left:auto;margin-right:12px}.no-image{background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border-radius:12px;color:#9ca3af;font-weight:500;height:280px}.product-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.product-brand{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.3px;margin:0 0 4px;text-transform:uppercase}.product-name-link{color:inherit;margin-bottom:var(--spacing-xs);text-decoration:none}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:15px;font-weight:600;line-height:1.45;margin:0 0 var(--spacing-xs) 0;min-height:44px;overflow:hidden;transition:color .25s ease}.product-name-link:hover .product-name{color:#9333ea}.product-price-section{align-items:center;border-top:1px solid #9333ea14;display:flex;justify-content:space-between;margin:var(--spacing-sm) 0;padding:var(--spacing-sm) 0}.product-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#7c3aed);-webkit-background-clip:text;background-clip:text;letter-spacing:-.02em;margin:var(--spacing-sm) 0;position:relative}.product-stock{color:var(--text-secondary);font-size:13px;font-weight:500}.product-stock.in-stock{color:var(--success-color)}.product-stock.low-stock{color:var(--accent-color)}.product-stock.out-of-stock{color:var(--danger-color)}.add-to-cart-buttons{align-items:center;display:flex;gap:var(--spacing-xs);margin-top:auto}.btn-add-to-cart{align-items:center;background:linear-gradient(135deg,#9333ea,#7c3aed 50%,#6d28d9);border:none;border-radius:12px;box-shadow:0 4px 12px #9333ea40,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:14px 20px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-add-to-cart:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-add-to-cart:hover:not(:disabled):before{left:100%}.btn-add-to-cart:after{background:linear-gradient(135deg,#7c3aed,#6d28d9 50%,#5b21b6);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:0}.btn-add-to-cart:hover:not(:disabled):after{opacity:1}.btn-add-to-cart span,.btn-add-to-cart svg{position:relative;z-index:1}.btn-add-to-cart:hover:not(:disabled){box-shadow:0 12px 28px #9333ea66,0 6px 16px #6d28d94d,inset 0 1px 0 #ffffff40;transform:translateY(-3px)}.quantity-control-inline{align-items:center;background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #9333ea26;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-shrink:0;gap:0;height:44px;padding:3px}.qty-btn-inline{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:34px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:34px}.qty-btn-inline:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 4px 12px #9333ea4d;color:#fff;transform:scale(1.05)}.qty-btn-inline:disabled{cursor:not-allowed;opacity:.3}.qty-display{color:#1f2937;font-size:15px;font-weight:700;min-width:36px;padding:0 6px;text-align:center}.btn-add-to-cart:disabled{cursor:not-allowed;opacity:.6}.quantity-selector-inline{align-items:center;display:flex;gap:var(--spacing-xs);margin-top:auto}.qty-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.qty-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.qty-btn:disabled{cursor:not-allowed;opacity:.4}.qty-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600;max-width:60px;padding:8px;text-align:center}.qty-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a;outline:none}.btn-confirm-add{align-items:center;background:var(--success-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;justify-content:center;padding:10px;transition:all var(--transition-fast)}.btn-confirm-add:hover:not(:disabled){background:#1e3a8a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-confirm-add:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.btn-cancel:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.btn-quick-add{align-items:center;background:var(--success-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;justify-content:center;padding:10px;transition:all var(--transition-base);width:45px}.btn-quick-add:hover:not(:disabled){background:#1e3a8a;box-shadow:var(--shadow-md);transform:translateY(-2px) scale(1.05)}.btn-quick-add:disabled{cursor:not-allowed;opacity:.6}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:968px){.product-card{padding:var(--spacing-md)}.product-image{height:220px}.add-to-cart-buttons{flex-direction:column;gap:8px}.btn-add-to-cart{font-size:14px;padding:12px 16px;width:100%}.quantity-control-inline{height:42px;justify-content:center;width:100%}.qty-btn-inline{font-size:16px;height:36px;width:36px}.qty-display{font-size:15px;min-width:50px}}@media (max-width:640px){.product-card{padding:12px}.product-image{height:180px}.product-name{-webkit-line-clamp:2;font-size:13px;min-height:36px}.product-brand{font-size:11px}.product-price{font-size:16px}.product-price-section{margin:8px 0;padding:8px 0}.btn-add-to-cart{font-size:13px;letter-spacing:.3px;padding:12px 14px;width:100%}.quantity-control-inline{height:40px;justify-content:center;width:100%}.qty-btn-inline{font-size:15px;height:34px;width:34px}.qty-display{font-size:14px;min-width:44px}.add-to-cart-buttons{gap:8px}.image-action-btn{font-size:15px;height:34px;width:34px}.new-badge{font-size:10px;left:10px;padding:6px 12px;top:10px}}@media (max-width:480px){.product-card{border-radius:14px;padding:10px}.product-image{border-radius:10px;height:160px}.product-image-wrapper{border-radius:10px;margin-bottom:10px}.product-name{font-size:12px;min-height:32px}.product-price{font-size:15px}.btn-add-to-cart{border-radius:10px;font-size:12px;padding:10px 12px}.quantity-control-inline{border-radius:10px;height:38px}.qty-btn-inline{border-radius:8px;font-size:14px;height:32px;width:32px}.qty-display{font-size:13px;min-width:40px}}.home{flex:1 1;overflow-x:hidden;position:relative;z-index:1}.home:before{background:radial-gradient(ellipse 80% 50% at 20% -20%,#9333ea14 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 100%,#9333ea0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.stats-section{background:linear-gradient(180deg,#faf5ff,#f3e8ff 50%,#ede9fe);margin-bottom:0;overflow:hidden;padding:80px 0;position:relative}.stats-section:before{background:linear-gradient(90deg,#0000,#9333ea4d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.stats-section:after{background:radial-gradient(circle,#9333ea14 0,#0000 50%);border-radius:50%;content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));position:relative;z-index:1}.stat-card{animation:fadeInUp .6s ease-out both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #9333ea1a;border-radius:20px;box-shadow:0 4px 20px #9333ea14;overflow:hidden;padding:var(--spacing-2xl);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(135deg,#9333ea0d,#0000 50%);bottom:0;left:0;right:0;top:0}.stat-card:after,.stat-card:before{content:"";opacity:0;position:absolute;transition:opacity .4s ease}.stat-card:after{background:radial-gradient(circle,#9333ea1a 0,#0000 50%);height:100%;right:-50%;top:-50%;width:100%}.stat-card:hover:after,.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:#9333ea40;box-shadow:0 20px 40px #9333ea26,0 8px 16px #0000000d;transform:translateY(-8px)}.stat-icon{background:linear-gradient(135deg,#9333ea,#7c3aed);border-radius:18px;box-shadow:0 8px 20px #9333ea4d;height:70px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:70px;z-index:1}.stat-card:hover .stat-icon{box-shadow:0 12px 30px #9333ea66;transform:scale(1.1) rotate(5deg)}.stat-content{flex:1 1;position:relative;z-index:1}.stat-value{color:#1f2937!important;font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:4px}.stat-label{color:#6b7280!important;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.categories-section{background:linear-gradient(180deg,#f8fafc,#f1f5f9 50%,#fff);overflow:hidden;padding:80px 0;position:relative}.categories-section:before{background:radial-gradient(circle,#9333ea0f 0,#0000 70%);height:300px;left:-100px;top:100px;width:300px}.categories-section:after,.categories-section:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.categories-section:after{background:radial-gradient(circle,#a855f70d 0,#0000 70%);bottom:50px;height:250px;right:-100px;width:250px}.categories-slider{overflow-x:auto;padding:var(--spacing-lg) 0;scrollbar-color:#9333ea #f1f5f9;scrollbar-width:thin}.categories-slider::-webkit-scrollbar{height:6px}.categories-slider::-webkit-scrollbar-track{background:#f1f5f9;border-radius:var(--radius-full)}.categories-slider::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#9333ea,#c084fc);border-radius:var(--radius-full)}.categories-grid{min-width:-webkit-max-content;min-width:max-content}.category-card{background:#fff;border:1px solid #9333ea14;border-radius:20px;box-shadow:0 4px 20px #0000000f;min-width:280px;transition:all .4s cubic-bezier(.4,0,.2,1)}.category-card:before{background:linear-gradient(135deg,#9333ea08,#0000 50%);bottom:0;left:0;opacity:0;right:0;transition:opacity .4s ease;z-index:0}.category-card:after{background:linear-gradient(90deg,#9333ea,#c084fc,#9333ea);bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.category-card:hover:before{opacity:1}.category-card:hover:after{transform:scaleX(1)}.category-card:hover{border-color:#9333ea33;box-shadow:0 20px 40px #9333ea1f,0 8px 16px #0000000f;transform:translateY(-10px)}.category-image{border-radius:20px 20px 0 0}.category-image img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.category-card:hover .category-image img{transform:scale(1.12)}.category-overlay{background:linear-gradient(180deg,#0000 40%,#00000080)}.category-content{padding:var(--spacing-xl)}.category-content h3{color:#1f2937;font-size:22px;transition:color .3s ease}.category-card:hover .category-content h3{color:#9333ea}.category-description{color:#6b7280;line-height:1.7}.category-description,.category-link{font-size:14px;position:relative;z-index:1}.category-link{color:#9333ea;gap:6px;transition:all .3s ease}.category-card:hover .category-link{gap:12px;letter-spacing:.5px}.featured-section{background:radial-gradient(ellipse at 20% 0,#9333ea14 0,#0000 50%),radial-gradient(ellipse at 80% 100%,#c084fc14 0,#0000 50%),linear-gradient(180deg,#faf5ff,#f3e8ff 30%,#faf5ff 70%,#fff);overflow:hidden;padding:100px 0;position:relative}.featured-section:before{background:linear-gradient(90deg,#0000 10%,#9333ea 30%,#c084fc 50%,#9333ea 70%,#0000 90%);content:"";height:2px;left:0;position:absolute;right:0;top:0}.featured-section:after{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#9333ea0f 0,#0000 60%);border-radius:50%;content:"";height:500px;pointer-events:none;position:absolute;right:-200px;top:50%;transform:translateY(-50%);width:500px}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.products-section{background:radial-gradient(ellipse at 100% 0,#c084fc0d 0,#0000 40%),radial-gradient(ellipse at 0 100%,#9333ea0d 0,#0000 40%),linear-gradient(180deg,#fff,#f8fafc 50%,#f1f5f9);overflow:hidden;padding:100px 0;position:relative}.products-section:before{background:linear-gradient(90deg,#0000 10%,#9333ea26 30%,#c084fc40 50%,#9333ea26 70%,#0000 90%);content:"";height:2px;left:0;position:absolute;right:0;top:0}.products-section:after{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(circle,#9333ea0a 0,#0000 60%);border-radius:50%;bottom:30%;content:"";height:400px;left:-150px;pointer-events:none;position:absolute;width:400px}.section-header{align-items:center;animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;margin-bottom:var(--spacing-2xl);position:relative;text-align:center}.section-header:before{animation:pulse-glow 3s ease-in-out infinite;background:radial-gradient(circle,#9333ea14 0,#0000 70%);border-radius:50%;content:"";height:120px;left:50%;position:absolute;top:-30px;transform:translateX(-50%);width:120px;z-index:-1}.section-header h2{color:var(--text-primary);display:inline-block;font-size:40px;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--spacing-sm);position:relative}.section-header h2:before{animation:sparkle 2s ease-in-out infinite;color:#9333ea;content:"✦";font-size:16px;left:-35px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.section-header h2:after{background:linear-gradient(90deg,#0000,#9333ea,#c084fc,#9333ea,#0000);border-radius:var(--radius-full);bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-header p{color:var(--text-secondary);font-size:18px;margin-top:var(--spacing-lg);position:relative}@keyframes sparkle{0%,to{opacity:.4;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.product-card{animation:fadeInUp .6s ease-out both}.product-image{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--border-color) 100%);height:280px;width:100%}.product-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.product-card:hover .product-image img{transform:scale(1.15)}.product-image:after{background:linear-gradient(180deg,#0000 0,#0000001a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.product-card:hover .product-image:after{opacity:1}.no-image{font-size:14px}.product-info{padding:var(--spacing-lg)}.product-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:var(--spacing-sm);overflow:hidden}.product-price{color:var(--primary-color);font-size:24px;font-weight:800;margin-top:var(--spacing-sm)}.product-category{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.view-all{animation:fadeInUp .6s ease-out .3s both;position:relative;text-align:center}.view-all:before{background:linear-gradient(90deg,#0000,#9333ea26,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.view-all .btn{align-items:center;background:linear-gradient(135deg,#9333ea,#7c3aed);border-radius:14px;box-shadow:0 8px 24px #9333ea40;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:16px 36px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.view-all .btn:hover{box-shadow:0 12px 32px #9333ea59;transform:translateY(-3px)}.view-all .btn svg{transition:transform .3s ease}.view-all .btn:hover svg{transform:translateX(4px)}.features-banner{background:linear-gradient(135deg,#1f2937,#111827);overflow:hidden;padding:80px 0;position:relative}.features-banner:before{background:radial-gradient(ellipse 50% 80% at 20% 50%,#9333ea26 0,#0000 50%),radial-gradient(ellipse 50% 80% at 80% 50%,#a855f71a 0,#0000 50%);bottom:0;pointer-events:none}.features-banner:after,.features-banner:before{content:"";left:0;position:absolute;right:0;top:0}.features-banner:after{background:linear-gradient(90deg,#0000,#9333ea80,#0000);height:1px}.features-grid{position:relative;z-index:1}.feature-banner-item{animation:fadeInUp .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;overflow:hidden;padding:var(--spacing-2xl);position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-banner-item:before{background:linear-gradient(135deg,#9333ea1a,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.feature-banner-item:hover:before{opacity:1}.feature-banner-item:hover{border-color:#9333ea4d;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#9333ea33,#a855f71a);border-radius:24px;display:flex;font-size:56px;height:100px;justify-content:center;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100px}.feature-icon:after{background:linear-gradient(135deg,#9333ea66,#a855f733);border-radius:26px;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.feature-banner-item:hover .feature-icon:after{opacity:1}.feature-banner-item:hover .feature-icon{background:linear-gradient(135deg,#9333ea4d,#a855f733);transform:scale(1.1) rotate(5deg)}.feature-banner-item h3{color:#fff;font-size:20px;font-weight:700;margin-bottom:var(--spacing-sm)}.feature-banner-item p{color:#ffffffb3;font-size:14px;line-height:1.7}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #9333ea33}50%{box-shadow:0 0 40px #9333ea66}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.feature-banner-item:first-child{animation-delay:.1s}.feature-banner-item:nth-child(2){animation-delay:.2s}.feature-banner-item:nth-child(3){animation-delay:.3s}.feature-banner-item:nth-child(4){animation-delay:.4s}.category-card:first-child{animation-delay:.1s}.category-card:nth-child(2){animation-delay:.15s}.category-card:nth-child(3){animation-delay:.2s}.category-card:nth-child(4){animation-delay:.25s}.category-card:nth-child(5){animation-delay:.3s}.category-card:nth-child(6){animation-delay:.35s}@media (max-width:768px){.categories-section,.featured-section,.features-banner,.products-section,.stats-section{padding:50px 0}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;padding:var(--spacing-lg);text-align:center}.stat-icon{border-radius:14px;font-size:22px;height:56px;width:56px}.section-header h2,.stat-value{font-size:28px}.section-header h2:before{display:none}.categories-section .categories-slider{overflow-x:visible!important;overflow:visible!important;padding:0!important}.categories-section .categories-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;min-width:0!important;width:100%!important}.categories-section .category-card{border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;height:auto!important;min-width:0!important;overflow:hidden!important;width:100%!important}.categories-section .category-card:hover{transform:none!important}.categories-section .category-image{height:0!important;overflow:hidden!important;padding-bottom:75%!important;position:relative!important;width:100%!important}.categories-section .category-image img{display:block!important;height:100%!important;left:0!important;object-fit:cover!important;position:absolute!important;top:0!important;width:100%!important}.categories-section .category-overlay{display:none!important}.categories-section .category-content{background:#fff!important;padding:12px!important}.categories-section .category-content h3{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;margin:0 0 6px!important;overflow:hidden!important}.categories-section .category-description{display:none!important}.categories-section .category-link{font-size:12px!important;margin-top:auto!important}.product-image{height:200px}.features-grid{grid-template-columns:repeat(2,1fr)}.feature-banner-item{padding:var(--spacing-lg)}.feature-icon{border-radius:18px;font-size:36px;height:70px;width:70px}.view-all .btn{font-size:15px;padding:14px 28px}}@media (max-width:968px){.hero-section h1{font-size:32px}.section-header h2{font-size:30px}.categories-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.categories-section .category-card{min-width:240px}.products-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.product-image{height:220px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.categories-section,.featured-section,.features-banner,.products-section,.stats-section{padding:40px 0}.hero-section{padding:var(--spacing-xl) 0}.hero-section h1{font-size:24px}.section-header{margin-bottom:var(--spacing-xl)}.section-header h2{font-size:24px}.section-header p{font-size:15px}.categories-section .categories-slider{overflow:visible!important;padding:0!important}.categories-section .categories-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important;min-width:0!important;width:100%!important}.categories-section .category-card{border-radius:10px!important;height:auto!important;min-width:0!important;overflow:hidden!important;padding:0;width:100%!important}.categories-section .category-image{border-radius:10px 10px 0 0!important;height:0!important;overflow:hidden!important;padding-bottom:70%!important;position:relative!important;width:100%!important}.categories-section .category-image img{display:block!important;height:100%!important;left:0!important;object-fit:cover!important;position:absolute!important;top:0!important;width:100%!important}.categories-section .category-content{background:#fff!important;padding:10px!important}.categories-section .category-content h3{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;font-size:13px!important;line-height:1.3!important;margin-bottom:4px!important;overflow:hidden!important}.categories-section .category-description{display:none!important}.categories-section .category-link{font-size:11px!important;margin-top:6px!important}.category-link{font-size:11px;padding:6px 0}.category-overlay{display:none}.products-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.product-image{height:180px}.features-grid{gap:var(--spacing-md);grid-template-columns:1fr}.feature-banner-item{padding:var(--spacing-lg)}.feature-icon{font-size:32px;height:64px;width:64px}.stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--spacing-md)}.stat-icon{border-radius:12px;font-size:20px;height:48px;width:48px}.stat-value{font-size:24px}.stat-label{font-size:12px}.view-all{margin-top:40px}.view-all .btn{border-radius:12px;font-size:14px;padding:12px 24px}.view-all:before{display:none}}.section-header-content{align-items:center;display:flex;flex-direction:column;gap:8px}.section-badge{align-items:center;animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#9333ea1a,#c084fc1a);border:1px solid #9333ea33;border-radius:50px;color:#9333ea;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:1px;margin-bottom:8px;padding:8px 20px;text-transform:uppercase}.section-badge svg{font-size:14px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.slider-controls{gap:16px;margin-top:24px}.slider-btn,.slider-controls{align-items:center;display:flex}.slider-btn{background:#fff;border:2px solid #9333ea33;border-radius:50%;box-shadow:0 4px 12px #9333ea1a;color:#9333ea;cursor:pointer;font-size:20px;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.slider-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#c084fc);border-color:#0000;box-shadow:0 8px 24px #9333ea4d;color:#fff;transform:scale(1.1)}.slider-btn:disabled{cursor:not-allowed;opacity:.4}.slider-dots{display:flex;gap:8px}.slider-dots .dot{background:#9333ea33;border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.slider-dots .dot.active{background:linear-gradient(135deg,#9333ea,#c084fc);border-radius:12px;box-shadow:0 2px 8px #9333ea66;width:32px}.slider-dots .dot:hover:not(.active){background:#9333ea66;transform:scale(1.2)}.featured-slider-wrapper{margin:0 -16px;overflow:hidden;padding:16px}.featured-slider{display:flex;gap:24px;transition:transform .6s cubic-bezier(.4,0,.2,1)}.featured-slide{animation:slideIn .6s ease-out both;flex-basis:calc(25% - 18px);flex-grow:0;flex-shrink:0;min-width:300px}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.products-tabs{background:#9333ea08;border:1px solid #9333ea14;border-radius:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:48px;padding:16px}.tab-btn{align-items:center;background:#fff;border:2px solid #0000;border-radius:14px;box-shadow:0 2px 8px #0000000a;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn:before{background:linear-gradient(135deg,#9333ea,#c084fc);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.tab-btn span,.tab-btn svg{position:relative;z-index:1}.tab-btn svg{font-size:18px;transition:transform .3s ease}.tab-count{background:#9333ea1a;border-radius:8px;color:#9333ea;font-size:12px;font-weight:700;padding:2px 8px;transition:all .3s ease}.tab-btn:hover{border-color:#9333ea4d;box-shadow:0 8px 20px #9333ea26;transform:translateY(-2px)}.tab-btn:hover svg{transform:scale(1.2)}.tab-btn.active{border-color:#0000;box-shadow:0 8px 24px #9333ea59;color:#fff;transform:translateY(-2px)}.tab-btn.active:before{opacity:1}.tab-btn.active .tab-count{background:#fff3;color:#fff}.products-grid-wrapper{min-height:400px;position:relative}.products-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-grid-item{animation:fadeInScale .5s ease-out both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.empty-products{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-products svg{color:#9333ea4d;margin-bottom:20px}.empty-products h3{color:#4b5563;font-size:20px;margin-bottom:8px}.empty-products p{color:#9ca3af;font-size:14px}.view-all{border-top:1px solid #9333ea1a;flex-direction:column;gap:16px;margin-top:60px;padding-top:40px}.view-all,.view-all .btn-lg{align-items:center;display:flex}.view-all .btn-lg{background:linear-gradient(135deg,#9333ea,#7c3aed 50%,#6d28d9);border-radius:16px;box-shadow:0 8px 24px #9333ea59,0 4px 12px #6d28d933,inset 0 1px 0 #fff3;font-size:16px;font-weight:700;gap:12px;overflow:hidden;padding:18px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.view-all .btn-lg:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.view-all .btn-lg:hover{box-shadow:0 16px 40px #9333ea66,0 8px 20px #6d28d940,inset 0 1px 0 #ffffff40;transform:translateY(-4px) scale(1.02)}.view-all .btn-lg:hover:before{left:100%}.view-all .btn-lg svg{transition:transform .3s ease}.view-all .btn-lg:hover svg{transform:translateX(4px)}.products-count{background:#9333ea0d;border:1px solid #9333ea1a;border-radius:20px;color:#9ca3af;font-size:14px;font-weight:500;padding:8px 16px}@media (max-width:768px){.products-tabs{gap:8px;padding:12px}.tab-btn{font-size:13px;padding:10px 16px}.tab-btn svg{font-size:16px}.tab-count{display:none}.slider-controls{flex-direction:column;gap:12px}.slider-btn{font-size:18px;height:40px;width:40px}.featured-slide{flex-basis:calc(50% - 12px);flex-grow:0;flex-shrink:0;min-width:260px}.section-badge{font-size:11px;padding:6px 14px}.view-all .btn-lg{font-size:14px;padding:14px 28px}}@media (max-width:480px){.tab-btn span:not(.tab-count){display:none}.tab-btn{padding:12px 16px}.featured-slide{flex:0 0 100%;max-width:100%;min-width:100%;padding:0 4px}.products-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.slider-dots{justify-content:center;order:-1;width:100%}}.products-page{background:var(--bg-secondary);min-height:calc(100vh - 200px);padding:var(--spacing-2xl) 0}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.mobile-filter-toggle{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:none;font-weight:600;gap:var(--spacing-sm);padding:12px 20px;transition:all var(--transition-fast)}.mobile-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.products-layout{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:280px 1fr}.filters-sidebar{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-xl);position:-webkit-sticky;position:sticky;top:150px}.filters-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.filters-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:var(--spacing-sm)}.clear-all-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--danger-color);cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;transition:background-color var(--transition-fast)}.clear-all-btn:hover{background-color:#fef2f2}.filter-group{margin-bottom:var(--spacing-lg)}.filter-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:var(--spacing-sm)}.filter-group input,.filter-group select{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all var(--transition-fast);width:100%}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a;outline:none}.price-range{margin-bottom:var(--spacing-lg)}.price-range label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:var(--spacing-sm)}.price-inputs{align-items:center;display:flex;gap:var(--spacing-sm);width:100%}.price-inputs input{border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;flex:1 1;font-size:14px;min-width:0;padding:12px 16px;transition:all var(--transition-fast)}.price-inputs input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a;outline:none}.price-inputs span{color:var(--text-secondary);flex-shrink:0;font-weight:600;padding:0 var(--spacing-xs)}.products-main{min-height:400px}.active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.filter-chip{align-items:center;background:var(--primary-color);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);padding:8px 12px}.filter-chip button{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;padding:2px;transition:background-color var(--transition-fast)}.filter-chip button:hover{background-color:#fff3}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.products-count{color:var(--text-secondary);font-size:16px}.products-count strong{color:var(--text-primary);font-weight:700}.product-card,.product-image{overflow:hidden;position:relative}.product-badge{border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:var(--spacing-sm);text-transform:uppercase;top:var(--spacing-sm);z-index:2}.product-badge.out-of-stock{background:var(--danger-color);color:#fff}.product-badge.low-stock{background:var(--accent-color);color:#fff}.no-products{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);text-align:center}.no-products p{color:var(--text-secondary);font-size:18px;margin-bottom:var(--spacing-lg)}@media (max-width:968px){.products-layout{grid-template-columns:1fr}.filters-sidebar{display:none;position:static}.filters-sidebar.mobile-open{display:block;margin-bottom:var(--spacing-xl)}.mobile-filter-toggle{display:flex}.page-header{flex-wrap:wrap;gap:var(--spacing-md)}}@media (max-width:640px){.page-header h1{font-size:28px}.filters-sidebar{padding:var(--spacing-lg)}}.product-detail{background:var(--bg-secondary);min-height:calc(100vh - 200px);padding:var(--spacing-2xl) 0}.back-link{align-items:center;display:inline-flex;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);text-decoration:none;transition:color var(--transition-fast)}.back-link:hover{color:var(--primary-color)}.product-detail-content{grid-gap:var(--spacing-2xl);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;padding:var(--spacing-2xl)}.product-image-section{position:relative}.image-wrapper{aspect-ratio:1;background:var(--bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;width:100%}.image-wrapper img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.image-wrapper:hover img{transform:scale(1.05)}.no-image-large{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--border-color) 100%);border-radius:var(--radius-lg);color:var(--text-light);display:flex;font-size:18px;justify-content:center;width:100%}.product-info-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.category-badge{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-decoration:none;text-transform:uppercase;transition:transform var(--transition-fast);width:-webkit-fit-content;width:fit-content}.category-badge:hover{transform:scale(1.05)}.product-info-section h1{color:var(--text-primary);font-size:36px;font-weight:800;line-height:1.2;margin:0}.price-section{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.price{color:var(--primary-color);font-size:42px;font-weight:800;line-height:1}.stock-badge{align-items:center;display:inline-flex;font-size:13px;font-weight:600;gap:var(--spacing-xs);letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.stock-badge.in-stock{background:#f0fdf4;border:2px solid var(--success-color);color:var(--success-color)}.stock-badge.out-of-stock{background:#fef2f2;border:2px solid var(--danger-color);color:var(--danger-color)}.description-section{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.description-section h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:var(--spacing-sm)}.description-section p{color:var(--text-secondary);line-height:1.8;margin:0}.stock-info{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.stock-info strong{color:var(--text-primary)}.stock-available{color:var(--success-color);font-weight:600}.stock-unavailable{color:var(--danger-color);font-weight:600}.quantity-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quantity-section label{color:var(--text-primary);font-size:14px;font-weight:600}.quantity-selector{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:4px;width:-webkit-fit-content;width:fit-content}.quantity-btn{border-radius:var(--radius-md);font-size:20px;font-weight:600;height:44px;width:44px}.quantity-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:18px;font-weight:600;padding:12px;text-align:center;width:80px}.quantity-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a;outline:none}.quantity-hint{color:var(--text-light);font-size:12px}.action-buttons{margin-top:var(--spacing-md)}.add-to-cart-btn{align-items:center;display:flex;font-size:18px;gap:var(--spacing-sm);justify-content:center;padding:18px;width:100%}.product-features{grid-gap:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.feature{color:var(--text-secondary);font-size:14px;text-align:center}.feature strong{color:var(--success-color);display:block;font-size:20px;margin-bottom:var(--spacing-xs)}.error-state{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);text-align:center}.error-state h2{color:var(--text-primary);margin-bottom:var(--spacing-lg)}@media (max-width:968px){.product-detail-content{grid-template-columns:1fr;padding:var(--spacing-lg)}.product-info-section h1{font-size:28px}.price{font-size:32px}.product-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.product-detail{padding:var(--spacing-lg) 0}.product-detail-content{padding:var(--spacing-md)}.product-image{height:300px}.product-info-section h1{font-size:24px}.price{font-size:28px}.product-features{grid-template-columns:1fr;padding:var(--spacing-md)}.quantity-control{align-items:stretch;flex-direction:column}.quantity-control-inline{justify-content:center;width:100%}.add-to-cart-btn{font-size:16px;padding:14px}.image-wrapper{aspect-ratio:4/3}}.cart-page{background:var(--bg-secondary);min-height:calc(100vh - 200px);padding:var(--spacing-2xl) 0}.page-header h1{font-size:36px}.cart-count{color:var(--text-secondary);font-size:16px}.cart-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 380px}.cart-items,.cart-items-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cart-item{grid-gap:var(--spacing-lg);background:var(--bg-primary);border:2px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;gap:var(--spacing-lg);grid-template-columns:120px 1fr;padding:var(--spacing-lg);transition:all var(--transition-base)}.cart-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cart-item-image{background:var(--bg-tertiary);border-radius:var(--radius-md);flex-shrink:0;height:120px;overflow:hidden;text-decoration:none;width:120px}.cart-item-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.cart-item:hover .cart-item-image img{transform:scale(1.1)}.no-image{align-items:center;color:var(--text-light);display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.cart-item-details{display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:space-between}.cart-item-info h3{font-size:18px;font-weight:600;margin-bottom:var(--spacing-xs)}.cart-item-info h3 a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.cart-item-info h3 a:hover{color:var(--primary-color)}.cart-item-unit-price{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-xs)}.stock-warning{color:var(--accent-color);font-size:12px;font-weight:600;margin-top:var(--spacing-xs)}.cart-item-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between}.quantity-control{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:4px}.quantity-btn{align-items:center;background:var(--bg-primary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.quantity-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:scale(1.1)}.quantity-btn:disabled{cursor:not-allowed;opacity:.4}.quantity-value{color:var(--text-primary);font-size:16px;font-weight:600;min-width:40px;text-align:center}.cart-item-price-section{align-items:center;display:flex;gap:var(--spacing-md)}.cart-item-total{color:var(--primary-color);font-size:20px;font-weight:800;min-width:100px;text-align:right}.btn-remove{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--danger-color);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:all var(--transition-fast)}.btn-remove:hover:not(:disabled){background:#fef2f2;transform:scale(1.1)}.btn-remove:disabled{cursor:not-allowed;opacity:.5}.continue-shopping{margin-top:var(--spacing-lg)}.cart-summary{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:150px}.summary-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.summary-card h2{color:var(--text-primary);font-size:24px;font-weight:700}.summary-card h2,.summary-details{margin-bottom:var(--spacing-xl)}.summary-row{color:var(--text-secondary);display:flex;font-size:16px;justify-content:space-between;padding:var(--spacing-md) 0}.summary-divider{background:var(--border-color);height:1px;margin:var(--spacing-md) 0}.total-row{color:var(--text-primary);font-size:20px;font-weight:700;padding-top:var(--spacing-lg)}.total-amount{color:var(--primary-color);font-size:28px;font-weight:800}.checkout-btn{font-size:18px;padding:16px;width:100%}.checkout-btn,.login-prompt{margin-bottom:var(--spacing-md)}.login-prompt{align-items:center;background:#fef3c7;border:2px solid var(--accent-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.login-prompt svg{color:var(--accent-color);flex-shrink:0;font-size:20px}.login-prompt p{color:#92400e;font-size:14px;font-weight:500;margin:0}.secure-payment{color:var(--text-light);font-size:14px;margin-top:var(--spacing-md);text-align:center}.empty-cart{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 auto;max-width:500px;padding:var(--spacing-2xl);text-align:center}.empty-cart-icon{color:var(--text-light);font-size:80px;margin-bottom:var(--spacing-lg)}.empty-cart h2{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:var(--spacing-md)}.empty-cart p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}@media (max-width:968px){.cart-content{gap:var(--spacing-lg);grid-template-columns:1fr}.cart-summary{position:static}.cart-item{gap:var(--spacing-md);grid-template-columns:100px 1fr;padding:var(--spacing-md)}.cart-item-info h3{font-size:16px}.cart-item-price{font-size:18px}.cart-item-image{height:100px;width:100px}.cart-item-actions{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.cart-item-price-section{justify-content:space-between}}@media (max-width:640px){.cart-page{padding:var(--spacing-lg) 0}.page-header h1{font-size:24px}.cart-item{gap:var(--spacing-sm);grid-template-columns:80px 1fr;padding:var(--spacing-sm)}.cart-item-image{height:80px;width:80px}.cart-item-info h3{font-size:14px;margin-bottom:var(--spacing-xs)}.cart-item-info p{font-size:12px}.cart-item-price{font-size:16px}.quantity-control{flex-direction:column;gap:var(--spacing-xs)}.quantity-control-inline{width:100%}.cart-summary{padding:var(--spacing-md)}.summary-row{font-size:14px}.summary-total{font-size:20px}.checkout-btn{font-size:14px;padding:12px}.page-header h1{font-size:28px}.cart-item{grid-template-columns:1fr;text-align:center}.cart-item-image{height:200px;margin:0 auto;width:100%}.cart-item-actions{align-items:center}}.auth-container{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:var(--spacing-2xl) var(--spacing-lg)}.auth-card{animation:fadeInUp .5s ease-out;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:450px;padding:var(--spacing-2xl);width:100%}.auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#7c3aed);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:32px;font-weight:800;margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--text-secondary);font-size:15px;margin:0}.auth-header p strong{color:#9333ea}.auth-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#7c3aed);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:32px;font-weight:800;margin-bottom:var(--spacing-xl);text-align:center}.verification-icon{align-items:center;animation:pulse-icon 2s ease-in-out infinite;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.verification-icon svg{color:#9333ea;font-size:36px}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.verification-input-group{margin:var(--spacing-xl) 0}.verification-input{background:var(--bg-secondary);border:2px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;font-size:36px;font-weight:700;letter-spacing:12px;padding:var(--spacing-lg)!important;text-align:center;transition:all .3s ease;width:100%}.verification-input:focus{background:#fff;border-color:#9333ea!important;box-shadow:0 0 0 4px #9333ea1a!important}.verification-input::placeholder{color:#d1d5db;letter-spacing:12px}.resend-section{border-top:1px solid var(--border-color);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.resend-section p{color:var(--text-secondary);font-size:14px;margin:0 0 var(--spacing-sm) 0}.btn-link{align-items:center;background:none;border:none;color:#9333ea;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:0;transition:all .3s ease}.btn-link:hover:not(:disabled){color:#7c3aed;text-decoration:underline}.btn-link:disabled{color:var(--text-light);cursor:not-allowed}.back-link{color:var(--text-secondary);display:block;margin-top:var(--spacing-lg)}.back-link:hover{color:#9333ea}.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46;font-size:14px;text-align:center}.spin{animation:spin 1s linear infinite}.input-icon{color:#9333ea;margin-right:6px}.form-hint{color:#64748b;display:block;margin-top:4px}.btn-block{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.auth-card form{margin-bottom:var(--spacing-lg)}.auth-card .btn-primary{color:#fff!important}.auth-link{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:15px;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.auth-link a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.auth-link a:hover{color:var(--primary-dark);text-decoration:underline}.admin-info{background:linear-gradient(135deg,#1e40af1a,#1e3a8a1a);border:2px solid #1e40af33;border-radius:var(--radius-md);margin-top:var(--spacing-xl);padding:var(--spacing-md)}.admin-label{color:var(--primary-color);font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.admin-credentials{color:var(--text-secondary);font-size:13px;line-height:1.8;margin:0}.admin-credentials strong{color:var(--text-primary);font-weight:600}.admin-login-link{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md);text-align:center}.admin-login-link a{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:13px;gap:var(--spacing-xs);text-decoration:none;transition:color var(--transition-fast)}.admin-login-link a:hover{color:var(--primary-color)}.admin-login-container{background:linear-gradient(135deg,#1f2937,#111827)}.admin-login-card{background:linear-gradient(135deg,#fffffffa,#fffffff2);border:2px solid #1e40af33;box-shadow:0 20px 60px #0000004d;max-width:500px}.admin-login-header{margin-bottom:var(--spacing-2xl);text-align:center}.admin-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:var(--radius-full);box-shadow:0 8px 20px #1e40af4d;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.admin-icon-wrapper svg{color:#fff;font-size:36px}.admin-login-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:var(--spacing-sm)}.admin-subtitle{color:var(--text-secondary)}.admin-login-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #1e40af4d;color:#fff!important;font-size:16px;font-weight:700;margin-top:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.admin-login-btn:hover:not(:disabled){box-shadow:0 6px 20px #1e40af66;transform:translateY(-2px)}.admin-login-info{background:linear-gradient(135deg,#1e40af1a,#1e3a8a1a);border:2px solid #1e40af33;border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.admin-info-label{color:var(--primary-color);font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0;text-align:center;text-transform:uppercase}.admin-credentials-box{display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-credential-item{background:#ffffff80;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;margin:0;padding:var(--spacing-sm);text-align:center}.admin-credential-item strong{color:var(--text-primary);font-weight:600;margin-right:var(--spacing-xs)}.admin-login-footer{border-top:1px solid var(--border-color);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.back-to-login{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:14px;gap:var(--spacing-xs);text-decoration:none;transition:all var(--transition-fast)}.back-to-login:hover{color:var(--primary-color);transform:translateX(-4px)}.admin-login-card .form-group label{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:var(--spacing-xs)}.admin-login-card .form-group label svg{color:var(--primary-color)}@media (max-width:768px){.admin-login-card{padding:var(--spacing-xl)}.admin-icon-wrapper{height:60px;width:60px}.admin-icon-wrapper svg{font-size:28px}}.auth-page{align-items:center;background:linear-gradient(135deg,#f3e8ff,#ede9fe 50%,#faf5ff);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.forgot-password-card{position:relative}.forgot-password-card .back-link{align-items:center;color:#6b7280;display:inline-flex;font-size:14px;font-weight:500;gap:8px;left:0;position:absolute;text-decoration:none;top:-40px;transition:all .3s ease}.forgot-password-card .back-link:hover{color:#9333ea;transform:translateX(-4px)}.auth-icon{align-items:center;animation:pulse-icon 2s ease-in-out infinite;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.auth-icon svg{color:#9333ea;font-size:36px}.auth-icon.forgot-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.auth-icon.forgot-icon svg{color:#dc2626}.auth-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 10px}.auth-error{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:14px 16px}.auth-error svg{flex-shrink:0;font-size:18px}.auth-success{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;color:#16a34a;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:14px 16px}.auth-success svg{flex-shrink:0;font-size:18px}.auth-form .form-group{margin-bottom:20px}.auth-form .form-group label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.auth-form .form-group label svg{color:#9333ea;font-size:16px}.auth-form .form-group input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.auth-form .form-group input:focus{background:#fff;border-color:#9333ea;box-shadow:0 0 0 4px #9333ea1a;outline:none}.auth-form .form-group input.code-input{font-size:24px;font-weight:700;letter-spacing:8px;text-align:center}.auth-form .form-hint{color:#6b7280;display:block;font-size:12px;margin-top:8px}.auth-form .btn-primary{background:linear-gradient(135deg,#9333ea,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 12px #9333ea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.auth-form .btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #9333ea66;transform:translateY(-2px)}.auth-form .btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.resend-code{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px;text-align:center}.resend-code span{color:#6b7280;font-size:14px;margin-right:8px}.resend-code .resend-btn{background:none;border:none;color:#9333ea;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.resend-code .resend-btn:hover:not(:disabled){color:#7c3aed;text-decoration:underline}.resend-code .resend-btn:disabled{color:#9ca3af;cursor:not-allowed}.security-note{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;display:flex;gap:10px;margin-top:20px;padding:12px 16px}.security-note svg{color:#d97706;flex-shrink:0;font-size:18px}.security-note p{color:#92400e;font-size:13px;margin:0}.forgot-password-link{display:block;margin-bottom:16px;text-align:right}.forgot-password-link a{color:#9333ea;font-size:14px;text-decoration:none;transition:all .3s ease}.forgot-password-link a:hover{color:#7c3aed;text-decoration:underline}@media (max-width:480px){.auth-page{padding:20px 16px}.auth-card{padding:24px 20px}.auth-header h1{font-size:24px}.auth-icon{height:64px;width:64px}.auth-icon svg{font-size:28px}.auth-form .form-group input.code-input{font-size:20px;letter-spacing:6px}}.about-page{background:var(--bg-secondary);min-height:calc(100vh - 200px)}.about-hero,.about-page{padding:var(--spacing-2xl) 0}.about-hero{margin-bottom:var(--spacing-2xl);text-align:center}.about-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:48px;font-weight:800;margin-bottom:var(--spacing-lg)}.about-section{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.section-content h2{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:var(--spacing-lg)}.section-content p{color:var(--text-secondary);font-size:16px;line-height:1.8;margin-bottom:var(--spacing-md)}.features-section,.stats-section,.team-section,.values-section{margin-bottom:var(--spacing-2xl)}.features-section h2,.stats-section h2,.team-section h2,.values-section h2{color:var(--text-primary);font-size:36px;font-weight:800;margin-bottom:var(--spacing-2xl);text-align:center}.values-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--spacing-xl)}.value-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.value-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.value-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:var(--radius-full);color:#fff;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.value-card h3{color:var(--text-primary);font-size:22px;font-weight:700;margin-bottom:var(--spacing-md)}.value-card p{color:var(--text-secondary);line-height:1.6}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--spacing-xl)}.feature-item{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.feature-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-item svg{color:var(--primary-color);font-size:48px;margin-bottom:var(--spacing-md)}.feature-item h3{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:var(--spacing-sm)}.feature-item p{color:var(--text-secondary);font-size:14px}.stats-grid{grid-gap:var(--spacing-xl);gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-xl)}.stat-item{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;padding:var(--spacing-2xl);text-align:center;transition:transform var(--transition-base)}.stat-item:hover{transform:scale(1.05)}.stat-number{font-size:48px;font-weight:800;margin-bottom:var(--spacing-sm)}.stat-label{font-size:16px;font-weight:500;opacity:.9}.team-section{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl)}.team-intro{color:var(--text-secondary);font-size:16px;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}@media (max-width:768px){.about-hero h1{font-size:36px}.hero-subtitle{font-size:18px}.features-section h2,.section-content h2,.stats-section h2,.team-section h2,.values-section h2{font-size:28px}.features-grid,.stats-grid,.values-grid{grid-template-columns:1fr}.stat-number{font-size:36px}}.contact-page{background:var(--bg-secondary);min-height:calc(100vh - 200px)}.contact-hero,.contact-page{padding:var(--spacing-2xl) 0}.contact-hero{margin-bottom:var(--spacing-2xl);text-align:center}.contact-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:48px;font-weight:800;margin-bottom:var(--spacing-lg)}.hero-subtitle{color:var(--text-secondary);font-size:20px;line-height:1.8;margin:0 auto;max-width:800px}.contact-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1.5fr;margin-bottom:var(--spacing-2xl)}.contact-info-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:all var(--transition-base)}.info-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.info-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:var(--radius-full);color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.info-card h3,.info-icon{margin-bottom:var(--spacing-md)}.info-card h3{color:var(--text-primary);font-size:20px;font-weight:700}.info-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xs)}.info-note{color:var(--text-light);font-size:14px;font-style:italic;margin-top:var(--spacing-sm)}.contact-form-section{align-items:flex-start;display:flex}.form-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);width:100%}.form-card h2{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:var(--spacing-xl)}.success-message{align-items:center;background:#f0fdf4;border:2px solid var(--success-color);border-radius:var(--radius-md);color:#166534;display:flex;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.success-message svg{flex-shrink:0;font-size:20px}.form-card textarea{min-height:120px;resize:vertical}.map-section{margin-top:var(--spacing-2xl)}.map-section h2{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:var(--spacing-xl);text-align:center}.map-placeholder{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px;padding:var(--spacing-2xl);text-align:center}.map-placeholder svg{color:var(--text-light);font-size:64px}.map-placeholder p{color:var(--text-secondary);font-size:18px}.map-note{color:var(--text-light);font-size:14px;font-style:italic}@media (max-width:968px){.contact-content{grid-template-columns:1fr}.contact-info-section{order:2}.contact-form-section{order:1}}@media (max-width:640px){.contact-hero h1{font-size:36px}.hero-subtitle{font-size:18px}.form-card,.map-placeholder{padding:var(--spacing-lg)}.map-placeholder{min-height:300px}}.profile-page{background:var(--bg-secondary);min-height:calc(100vh - 200px);padding:var(--spacing-2xl) 0}.profile-header{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.btn-back,.profile-header{align-items:center;display:flex}.btn-back{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.btn-back:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.profile-header h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 var(--spacing-xs) 0}.profile-header p{color:var(--text-secondary);margin:0}.profile-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.profile-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:var(--spacing-sm);margin-bottom:-2px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.profile-tab.active,.profile-tab:hover{color:var(--primary-color)}.profile-tab.active{border-bottom-color:var(--primary-color)}.profile-content{max-width:800px}.profile-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000d;padding:var(--spacing-2xl)}.profile-card-header{border-bottom:2px solid var(--bg-secondary);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}.profile-card-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:24px;font-weight:700;gap:var(--spacing-md);margin:0 0 var(--spacing-sm) 0}.profile-card-header p{color:var(--text-secondary);margin:0}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-form label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:var(--spacing-sm)}.profile-form input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;padding:var(--spacing-md);transition:all var(--transition-fast)}.profile-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a;outline:none}.profile-form input:disabled{background:var(--bg-secondary);cursor:not-allowed}.profile-form small{color:var(--text-secondary);font-size:12px;margin-top:-4px}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-xl)}.form-actions .btn{align-items:center;display:flex;font-size:15px;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl)}@media (max-width:768px){.profile-page{padding:var(--spacing-lg) 0}.profile-header{align-items:flex-start;flex-direction:column}.profile-tabs{flex-direction:column;gap:0}.profile-tab{border-bottom:1px solid var(--border-color);border-left:3px solid #0000;justify-content:flex-start;margin-bottom:0;width:100%}.profile-tab.active{border-bottom-color:var(--border-color);border-left-color:var(--primary-color)}.profile-card{padding:var(--spacing-lg)}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}}.empty-orders{color:var(--text-secondary);padding:var(--spacing-2xl);text-align:center}.empty-orders svg{margin-bottom:var(--spacing-md);opacity:.5}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.order-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base)}.order-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.order-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.order-info h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 var(--spacing-xs) 0}.order-date{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:var(--spacing-xs);margin:0}.order-meta{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-status{border-radius:var(--radius-full);color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.order-total{color:var(--primary-color);font-size:20px;font-weight:700;gap:var(--spacing-xs)}.order-footer,.order-total{align-items:center;display:flex}.order-footer{border-top:1px solid var(--border-color);justify-content:space-between;padding-top:var(--spacing-md)}.order-items{color:var(--text-secondary);font-size:14px;margin:0}.btn-view-order{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.btn-view-order:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.order-details{border-top:2px solid var(--border-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.order-details h4{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 var(--spacing-md) 0}.order-items-list{margin-bottom:var(--spacing-lg)}.order-item{align-items:center;background:var(--bg-secondary)}.no-image-small,.order-item-image{background:var(--bg-tertiary)}.no-image-small{color:var(--text-light)}.order-item-info h5{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.order-item-info p{color:var(--text-secondary);font-size:13px;margin:0}.order-item-total{color:var(--primary-color);font-size:16px;font-weight:700}.order-total-section{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);text-align:right}.order-total-section p{color:var(--text-primary);font-size:18px;margin:0}@media (max-width:768px){.order-header{flex-direction:column}.order-meta{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.order-footer{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.btn-view-order{width:100%}.order-item{flex-wrap:wrap}}.admin-dashboard-fullscreen{background:#f3f4f6;display:flex;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#1f2937,#111827);box-shadow:4px 0 20px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:220px;z-index:1000}.admin-sidebar-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:var(--spacing-lg) var(--spacing-md)}.admin-logo{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.admin-logo svg{color:#1e40af;font-size:22px}.admin-logo h1{color:#fff;font-size:16px;font-weight:800;margin:0}.admin-user-info{align-items:center;background:#ffffff0d;border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.admin-user-avatar{align-items:center;background:linear-gradient(135deg,#1e40af,#1e3a8a);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.admin-user-details{flex:1 1;min-width:0}.admin-user-details strong{display:block;font-size:12px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-details span{color:#ffffffb3;font-size:11px}.admin-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:3px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-sm) var(--spacing-md)}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:var(--spacing-sm);padding:8px 10px;text-align:left;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;width:100%}.sidebar-nav-item:hover{background:#ffffff1a;color:#fff}.sidebar-nav-item.active{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 4px 12px #10b9814d;color:#fff}.sidebar-nav-item svg{flex-shrink:0;font-size:16px}.sidebar-nav-item.logout{color:#ef4444}.sidebar-nav-item.logout:hover{background:#ef44441a;color:#ef4444}.sidebar-nav-item:disabled{cursor:not-allowed;opacity:.5}.spinning{animation:spin 1s linear infinite}.admin-sidebar-footer{background:linear-gradient(180deg,#1f2937,#111827);border-top:1px solid #ffffff1a;display:flex;flex-direction:column;flex-shrink:0;gap:3px;padding:var(--spacing-sm) var(--spacing-md)}.admin-main-content{background:#f3f4f6;flex:1 1;margin-left:220px;min-height:100vh;padding:var(--spacing-2xl)}.admin-topbar{align-items:center;background:#fff;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) var(--spacing-2xl)}.admin-topbar h1{color:#1f2937;font-size:28px;font-weight:800;margin:0 0 var(--spacing-xs) 0}.admin-topbar p{color:#64748b;font-size:14px;margin:0}.btn-refresh{align-items:center;background:#f1f5f9;border:none;border-radius:var(--radius-lg);color:#64748b;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.btn-refresh:hover{background:#1e40af;color:#fff;transform:rotate(180deg)}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000d;display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:all var(--transition-base)}.stat-card:hover{border-color:#1e40af;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;width:64px}.stat-content h3{color:#1f2937;font-size:32px;font-weight:800;margin:0 0 var(--spacing-xs) 0}.stat-content p{color:#64748b;font-size:14px;font-weight:500;margin:0 0 var(--spacing-xs) 0}.stat-link{color:#1e40af;display:block;font-size:12px;font-weight:600;margin-top:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.stat-card:hover .stat-link{opacity:1}.stat-subtitle{color:#94a3b8;display:block;font-size:12px;font-weight:400;margin-top:var(--spacing-xs)}.admin-content{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000d;padding:var(--spacing-2xl)}.admin-content-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.admin-content-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 var(--spacing-xs) 0}.admin-subtitle{color:#64748b;font-size:14px;font-weight:400;margin:0}.admin-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff}.admin-table th{font-size:13px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{padding:var(--spacing-md) var(--spacing-lg)}.admin-table td{border-bottom:1px solid #f1f5f9;color:#1f2937;font-size:14px}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr:last-child td{border-bottom:none}.product-thumb{object-fit:cover}.product-thumb,.product-thumb-placeholder{border:2px solid #e2e8f0;border-radius:var(--radius-md);height:60px;width:60px}.product-thumb-placeholder{align-items:center;background:#f1f5f9;color:#94a3b8;display:flex;font-size:11px;justify-content:center}.category-thumb{object-fit:cover}.category-thumb,.category-thumb-placeholder{border:2px solid #e2e8f0;border-radius:var(--radius-md);height:60px;width:60px}.category-thumb-placeholder{align-items:center;background:#f1f5f9;color:#94a3b8;display:flex;font-size:11px;justify-content:center}.stock-badge{border-radius:var(--radius-full);display:inline-block;font-size:12px;font-weight:700;padding:4px 12px}.stock-badge.in-stock{background:#d1fae5;color:#065f46}.stock-badge.low-stock{background:#fef3c7;color:#92400e}.stock-badge.out-of-stock{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:var(--spacing-sm)}.btn-icon{align-items:center;background:#f1f5f9;border:none;border-radius:var(--radius-md);color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.btn-icon:hover{background:#1e40af;color:#fff;transform:scale(1.1)}.btn-icon.btn-danger:hover{background:#ef4444}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;padding:var(--spacing-2xl);width:100%}.modal-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.modal-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.btn-close{align-items:center;background:#f1f5f9;border:none;border-radius:var(--radius-md);color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.btn-close:hover{background:#ef4444;color:#fff}.form-group label{color:#1f2937}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;color:#1f2937;font-family:inherit;font-size:14px;padding:var(--spacing-md)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e40af;box-shadow:0 0 0 3px #10b9811a}.form-group small{color:#64748b;display:block;font-size:12px;margin-top:var(--spacing-xs)}.form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.modal-actions{border-top:2px solid #f1f5f9;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.btn{font-size:15px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 4px 12px #10b9814d}.btn-primary:hover{box-shadow:0 6px 20px #10b98166}.btn-secondary{background:#f1f5f9;color:#64748b}.btn-secondary:hover{background:#e2e8f0;color:#1f2937}.admin-orders-layout,.admin-users-layout{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 420px}.user-details-panel{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000d;max-height:calc(100vh - var(--spacing-xl)*2);overflow-y:auto;padding:var(--spacing-xl);position:-webkit-sticky;position:sticky;top:var(--spacing-xl)}.order-count-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.order-details-panel{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000d;max-height:calc(100vh - 200px);overflow-y:auto;padding:var(--spacing-xl);position:-webkit-sticky;position:sticky;top:calc(var(--spacing-2xl) + 100px)}.order-details-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.order-details-header h2{color:#1f2937;font-size:20px;font-weight:700;margin:0}.order-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-section h3{border-bottom:1px solid #f1f5f9;color:#1f2937;font-size:16px;font-weight:700;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.info-section p{color:#64748b;font-size:14px;margin:var(--spacing-sm) 0}.status-badge{color:#fff;display:inline-block;font-size:12px;padding:4px 12px}.status-select{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-md);color:#1f2937;cursor:pointer;font-size:14px;padding:6px 12px;transition:all var(--transition-fast)}.status-select:focus{border-color:#1e40af;box-shadow:0 0 0 3px #10b9811a;outline:none}.order-items-list{flex-direction:column}.order-item,.order-items-list{display:flex;gap:var(--spacing-md)}.order-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:var(--spacing-md)}.order-item-image{background:#f1f5f9;border-radius:var(--radius-md);flex-shrink:0;height:60px;overflow:hidden;width:60px}.order-item-image img{height:100%;object-fit:cover;width:100%}.order-item-info{flex:1 1}.order-item-info h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.order-item-info p{color:#64748b;font-size:12px;margin:2px 0}.product-description-small{color:#64748b;font-size:12px;font-weight:400;margin:var(--spacing-xs) 0 0 0}.category-badge-small{background:#f1f5f9;border-radius:var(--radius-md);color:#475569;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.price-display{color:#1e40af;font-size:16px}.no-image-small{align-items:center;background:#f1f5f9;color:#94a3b8;display:flex;font-size:10px;height:100%;justify-content:center;width:100%}.loading{color:#64748b;min-height:400px}.empty-state{color:#64748b;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.empty-state svg{color:#cbd5e1;margin-bottom:var(--spacing-lg)}.empty-state h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 var(--spacing-sm) 0}.empty-state p{color:#64748b;font-size:14px;margin:0 0 var(--spacing-xl) 0}.image-upload-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.image-upload-options{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.upload-option{flex:1 1;min-width:200px}.upload-label{cursor:pointer;display:block}.upload-button{align-items:center;background:linear-gradient(135deg,#1e40af,#1e3a8a);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);width:100%}.upload-button:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.upload-button:disabled{cursor:not-allowed;opacity:.6}.upload-divider{color:#94a3b8;font-size:14px;font-weight:500}.url-input{border:2px solid #e2e8f0;border-radius:var(--radius-md);color:#1f2937;font-size:14px;padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.url-input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #10b9811a;outline:none}.image-preview{background:#f8fafc;border:2px solid #e2e8f0;border-radius:var(--radius-lg);max-width:400px;overflow:hidden;position:relative;width:100%}.image-preview img{display:block;height:auto;max-height:300px;object-fit:contain;width:100%}.remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:all var(--transition-fast)}.remove-image-btn:hover{background:#ef4444;transform:scale(1.05)}@media (max-width:640px){.image-upload-options{flex-direction:column}.upload-divider{display:none}}@media (max-width:968px){.admin-sidebar{width:200px}.admin-main-content{margin-left:200px}.admin-orders-layout,.admin-users-layout{grid-template-columns:1fr}.order-details-panel,.user-details-panel{max-height:none;position:static}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.admin-sidebar{transform:translateX(-100%);transition:transform var(--transition-base)}.admin-sidebar.open{transform:translateX(0)}.admin-main-content{margin-left:0;padding:var(--spacing-lg)}.stats-grid{grid-template-columns:1fr}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}.shipping-orders-grid{grid-template-columns:1fr}.shipping-company-buttons{flex-direction:column}.shipping-company-btn{min-width:100%}}.shipping-container{display:flex;flex-direction:column;gap:var(--spacing-2xl);margin-top:var(--spacing-xl)}.shipping-empty-state{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.shipping-empty-state svg{color:#cbd5e1;margin-bottom:var(--spacing-md)}.shipping-empty-state h3{color:#1f2937;font-size:20px;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.shipping-empty-state p{color:#64748b;font-size:14px;margin:0}.shipping-orders-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.shipping-companies-section{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-xl);margin-top:var(--spacing-xl);padding:var(--spacing-xl)}.shipping-companies-section h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 var(--spacing-sm) 0}.shipping-section-description{color:#64748b;font-size:14px;margin:0 0 var(--spacing-lg) 0}.btn-send-shipping-general{align-items:center;background:linear-gradient(135deg,#1e40af,#1e3a8a);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base);width:100%}.btn-send-shipping-general:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#1e3a8a);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-send-shipping-general:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-send-shipping-general svg{font-size:18px}.shipping-order-card{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base)}.shipping-order-card:hover{border-color:#1e40af;box-shadow:0 8px 24px #10b9811a;transform:translateY(-2px)}.shipping-order-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.shipping-order-header h3{color:#1f2937;font-size:20px;margin:0}.order-amount{color:#1e40af;font-size:18px;font-weight:700}.shipping-order-info{margin-bottom:var(--spacing-lg)}.shipping-order-info p{color:#64748b;font-size:14px;margin:var(--spacing-sm) 0}.shipping-order-info strong{color:#1f2937;margin-right:var(--spacing-sm)}.shipping-companies h4{color:#1f2937;font-size:16px;margin:0 0 var(--spacing-md) 0}.shipping-company-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.shipping-company-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);min-width:140px;padding:var(--spacing-lg);transition:all var(--transition-base)}.shipping-company-btn:hover{background:#f8fafc;border-color:#1e40af;box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.shipping-company-btn.mng:hover{border-color:#ff6b00}.shipping-company-btn.surat:hover{border-color:#00a651}.shipping-company-btn.selected{background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#1e40af;box-shadow:0 4px 12px #10b98133}.shipping-company-btn.selected.mng{background:linear-gradient(135deg,#ff6b0026,#ff6b0014);border-color:#ff6b00;box-shadow:0 4px 12px #ff6b0033}.shipping-company-btn.selected.surat{background:linear-gradient(135deg,#00a6511a,#00a6510d);border-color:#00a651}.shipping-logo{background:#fff;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;height:auto;max-height:70px;max-width:140px;object-fit:contain;padding:6px;width:auto}.shipping-company-btn span{color:#1f2937;font-size:14px;font-weight:600}.btn-send-shipping{align-items:center;background:linear-gradient(135deg,#1e40af,#1e3a8a);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base);width:100%}.btn-send-shipping:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#1e3a8a);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-send-shipping:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-send-shipping svg{font-size:18px}.support-layout{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:350px 1fr;margin-top:var(--spacing-xl)}.support-tickets-list{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-xl);max-height:80vh;overflow-y:auto;padding:var(--spacing-xl)}.support-tickets-list h3{border-bottom:2px solid #f1f5f9;color:#1f2937;font-size:20px;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.tickets-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.ticket-item{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-lg);transition:all var(--transition-base)}.ticket-item:hover{background:#f8fafc;border-color:#1e40af;transform:translateX(4px)}.ticket-item.active{background:linear-gradient(135deg,#f8fafc,#eef2ff);border-color:#1e40af;box-shadow:0 4px 12px #10b98126}.ticket-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.ticket-header h4{color:#1f2937;flex:1 1;font-size:16px;margin:0}.priority-badge{border-radius:var(--radius-full);font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.priority-badge.high{background:#fee2e2;color:#dc2626}.priority-badge.medium{background:#fef3c7;color:#d97706}.priority-badge.low{background:#d1fae5;color:#1e3a8a}.ticket-preview{color:#64748b;font-size:13px;line-height:1.5;margin:var(--spacing-sm) 0}.ticket-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.status-badge{border-radius:var(--radius-full);font-size:11px;font-weight:600;padding:4px 10px}.status-badge.open{background:#dbeafe;color:#2563eb}.status-badge.in_progress{background:#fef3c7;color:#d97706}.status-badge.closed{background:#d1fae5;color:#1e3a8a}.ticket-date{color:#94a3b8;font-size:12px}.support-details-panel{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-xl);max-height:80vh;overflow-y:auto;padding:var(--spacing-xl)}.ticket-details{display:flex;flex-direction:column;gap:var(--spacing-xl)}.ticket-details-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;padding-bottom:var(--spacing-lg)}.ticket-details-header h2{color:#1f2937;font-size:24px;margin:0}.ticket-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-row{align-items:center;background:#f8fafc;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.info-row strong{color:#1f2937}.ticket-message{background:#f8fafc;border-left:4px solid #1e40af;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.ticket-message h3{color:#1f2937;font-size:18px;margin:0 0 var(--spacing-md) 0}.ticket-message p{color:#475569;line-height:1.6;margin:0;white-space:pre-wrap}.empty-state-small{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-state-small svg{color:#cbd5e1;margin-bottom:var(--spacing-md)}.empty-state-small h3{color:#64748b;font-size:18px;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.empty-state-small p{color:#94a3b8;font-size:14px;margin:0}.period-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.period-btn{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.period-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.period-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.revenue-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.revenue-stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.revenue-stat-card{align-items:center;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.revenue-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.revenue-stat-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:24px;height:60px;justify-content:center;width:60px}.revenue-stat-content h3{color:var(--text-primary);font-size:28px;font-weight:800;margin:0 0 var(--spacing-xs) 0}.revenue-stat-content p{color:var(--text-secondary);font-size:14px;margin:0}.revenue-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.revenue-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.revenue-section h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 var(--spacing-lg) 0}.product-sales-table{overflow-x:auto}.product-sales-info{align-items:center;display:flex;gap:var(--spacing-md)}.product-sales-image{border-radius:var(--radius-md);height:50px;object-fit:cover;width:50px}.status-revenue-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-revenue-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.status-revenue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.status-revenue-header h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.status-order-count{color:var(--text-secondary);font-size:12px}.status-revenue-amount{color:var(--primary-color);font-size:24px;font-weight:800}.daily-revenue-chart{align-items:flex-end;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);height:300px;overflow-x:auto;padding:var(--spacing-lg)}.daily-revenue-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:40px;position:relative}.daily-revenue-bar-fill{background:linear-gradient(180deg,var(--primary-color) 0,var(--primary-light) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:20px;transition:all var(--transition-base);width:100%}.daily-revenue-bar:hover .daily-revenue-bar-fill{opacity:.8}.daily-revenue-info{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:11px;gap:2px;text-align:center}.daily-revenue-date{font-weight:600}.daily-revenue-amount{color:var(--primary-color);font-weight:700}.daily-revenue-orders{font-size:10px}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-sm)}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.form-hint{color:var(--text-secondary);font-size:12px;margin-left:26px;margin-top:var(--spacing-xs)}.customize-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.customize-info-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-xl);padding:var(--spacing-lg)}.info-item{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md);min-width:250px}.info-item svg{color:var(--primary-color);flex-shrink:0}.info-item div{display:flex;flex-direction:column;gap:2px}.info-item strong{color:var(--text-primary);font-size:14px;font-weight:600}.info-item span{color:var(--text-secondary);font-size:12px}.customize-products-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.customize-product-card{background:#fff;border:2px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.customize-product-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-4px)}.customize-product-image{background:var(--bg-secondary);height:200px;overflow:hidden;position:relative;width:100%}.customize-product-image img{height:100%;object-fit:cover;width:100%}.no-image-placeholder{align-items:center;color:var(--text-light);display:flex;height:100%;justify-content:center;width:100%}.customize-product-info{padding:var(--spacing-lg)}.customize-product-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:16px;font-weight:600;margin:0 0 var(--spacing-xs) 0;overflow:hidden}.customize-product-price{color:var(--primary-color);font-size:18px;font-weight:800;margin:0 0 var(--spacing-md) 0}.customize-product-options{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.customize-checkbox{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background var(--transition-base)}.customize-checkbox:hover{background:var(--bg-secondary)}.customize-checkbox input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}.customize-checkbox span{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs)}.customize-checkbox input[type=checkbox]:checked+span{color:var(--primary-color);font-weight:600}.customize-checkbox svg{color:inherit}.customize-summary{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-xl);padding:var(--spacing-lg)}.summary-item{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md);min-width:200px}.summary-item strong{color:var(--text-secondary);font-size:14px;font-weight:500}.summary-badge{border-radius:var(--radius-full);font-size:16px;font-weight:700;min-width:40px;padding:var(--spacing-xs) var(--spacing-md);text-align:center}.summary-badge.featured{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.summary-badge.new{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}@media (max-width:1024px){.support-layout{grid-template-columns:1fr}.support-tickets-list{max-height:400px}.revenue-stats-grid,.shipping-orders-grid,.status-revenue-grid{grid-template-columns:1fr}.daily-revenue-chart{height:250px}.customize-products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.customize-info-banner{flex-direction:column}.info-item{min-width:100%}}.sliders-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));width:100%}.slider-card{background:#fff;border:2px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:all var(--transition-base)}.slider-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-4px)}.slider-card.inactive{opacity:.7}.slider-card-image{background:var(--bg-secondary);flex-shrink:0;height:250px;overflow:hidden;position:relative;width:100%}.slider-card-image img{height:100%;object-fit:cover;width:100%}.inactive-badge{background:#000000b3;border-radius:var(--radius-full);color:#fff;font-size:11px;font-weight:600;padding:4px 12px;position:absolute;right:var(--spacing-sm);text-transform:uppercase;top:var(--spacing-sm);z-index:1}.slider-card-content{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:var(--spacing-xl)}.slider-card-content h4{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 var(--spacing-xs) 0}.slider-card-content h4,.slider-subtitle{word-wrap:break-word;overflow-wrap:break-word}.slider-subtitle{color:var(--text-secondary);font-size:15px;margin:0 0 var(--spacing-sm) 0}.slider-card-meta{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.slider-order{color:var(--text-secondary);font-size:14px;font-weight:500}.slider-link{align-items:center;color:var(--primary-color);display:flex;font-size:13px;gap:var(--spacing-xs);overflow-wrap:break-word;word-break:break-all}.slider-card-actions{display:flex;flex-shrink:0;gap:var(--spacing-sm);margin-top:auto}@media (max-width:1400px){.sliders-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1024px){.sliders-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.slider-card-image{height:220px}}@media (max-width:768px){.sliders-grid{grid-template-columns:1fr}.slider-card-image{height:200px}}.categories-page{min-height:60vh;padding:var(--spacing-2xl) 0}.page-header{margin-bottom:var(--spacing-2xl);text-align:center}.page-header h1{color:var(--text-primary);font-size:42px;font-weight:800;margin-bottom:var(--spacing-sm)}.page-header p{color:var(--text-secondary);font-size:18px}.categories-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--spacing-2xl)}.category-card{animation:fadeInUp .6s ease-out both;background:var(--bg-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--text-primary);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;text-decoration:none;transition:all var(--transition-base)}.category-card:before{background:linear-gradient(90deg,#0000,#1e40af1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.category-card:hover:before{left:100%}.category-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px) scale(1.02)}.category-image{height:200px;overflow:hidden;position:relative;width:100%}.category-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.category-card:hover .category-image img{transform:scale(1.15)}.category-overlay{background:linear-gradient(180deg,#0000 0,#0006);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.category-content{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-lg);position:relative;text-align:center;z-index:2}.category-content h3{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 var(--spacing-sm) 0}.category-description{color:var(--text-secondary);flex:1 1;font-size:15px;line-height:1.6;margin-bottom:var(--spacing-md)}.category-link{align-items:center;color:var(--primary-color);display:inline-flex;font-size:15px;font-weight:600;gap:var(--spacing-xs);margin-top:auto;transition:gap var(--transition-fast)}.category-card:hover .category-link{gap:var(--spacing-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.categories-page{padding:20px 0!important}.categories-page .page-header{margin-bottom:20px!important}.categories-page .page-header h1{font-size:28px!important}.categories-page .page-header p{font-size:14px!important}.categories-page .categories-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin-top:16px!important}.categories-page .category-card{border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;flex-direction:column!important;height:auto!important;min-width:0!important;overflow:hidden!important;width:100%!important}.categories-page .category-card:hover{transform:none!important}.categories-page .category-image{flex-shrink:0!important;height:0!important;min-width:0!important;overflow:hidden!important;padding-bottom:75%!important;position:relative!important;width:100%!important}.categories-page .category-image img{display:block!important;height:100%!important;left:0!important;object-fit:cover!important;position:absolute!important;top:0!important;width:100%!important}.categories-page .category-overlay{display:none!important}.categories-page .category-content{background:#fff!important;display:flex!important;flex:1 1!important;flex-direction:column!important;padding:12px!important}.categories-page .category-content h3{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:#1f2937!important;display:-webkit-box!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;margin:0 0 6px!important;overflow:hidden!important}.categories-page .category-description{display:none!important}.categories-page .category-link{color:#6366f1!important;font-size:12px!important;margin-top:auto!important;padding-top:8px!important}}@media (max-width:480px){.categories-page{padding:16px 0!important}.categories-page .container{padding:0 12px!important}.categories-page .page-header{margin-bottom:16px!important}.categories-page .page-header h1{font-size:22px!important}.categories-page .page-header p{font-size:13px!important}.categories-page .categories-grid{gap:10px!important;margin-top:12px!important}.categories-page .category-card{border-radius:10px!important}.categories-page .category-image{padding-bottom:70%!important}.categories-page .category-content{padding:10px!important}.categories-page .category-content h3{font-size:13px!important;margin:0 0 4px!important}.categories-page .category-link{font-size:11px!important;padding-top:6px!important}}.App{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1280px;padding:0 var(--spacing-lg);width:100%}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all var(--transition-base)}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color);transform:translateY(-2px)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626;transform:translateY(-2px)}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#1e3a8a;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:var(--spacing-sm)}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;padding:12px 16px;transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af1a;outline:none}.form-group input::placeholder{color:var(--text-light)}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:18px;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-2xl);text-align:center}.loading:before{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);content:"";height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b}.error,.success{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.success{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md);color:#166534}.grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:var(--spacing-xl) 0}.skeleton{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-primary{background-color:var(--primary-color);color:#fff}.badge-success{background-color:var(--success-color);color:#fff}.badge-danger{background-color:var(--danger-color);color:#fff}@media (max-width:768px){.grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.container{padding:0 var(--spacing-md)}}@media (max-width:480px){.container{padding:0 12px}h1{font-size:22px!important}h2{font-size:18px!important}h3{font-size:16px!important}.section-header h2{font-size:20px!important}.section-header p{font-size:13px!important}.categories-grid,.product-grid,.products-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.btn{font-size:13px;padding:10px 14px}.btn-primary{padding:12px 16px}.hero-slider{height:320px!important}.slide-title{font-size:18px!important}.slide-button,.slide-description{font-size:12px!important}.slide-button{padding:10px 16px!important}.footer-content{flex-direction:column;gap:24px}.footer-section{width:100%!important}.navbar-container{padding:10px 12px}.navbar-logo h1{font-size:18px!important}.stats-section .stats-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:16px!important}.stat-card .stat-value{font-size:24px!important}.stat-card .stat-label{font-size:11px!important}.features-banner .features-grid{gap:12px!important;grid-template-columns:1fr!important}.view-all{margin-top:20px}.view-all .btn-primary{justify-content:center;width:100%}}@media (max-width:640px){.container{padding:0 var(--spacing-md)}.hide-mobile{display:none!important}.show-mobile{display:block!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:17px!important}.section-header{margin-bottom:20px!important}.section-header h2{font-size:22px!important}.categories-grid,.product-grid,.products-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.category-card{padding:16px!important}.category-card h3{font-size:14px!important}.hero-slider{height:350px!important}.slide-content-wrapper{padding:20px!important}.slide-badge{font-size:11px!important;padding:6px 12px!important}.slide-title{font-size:20px!important}.slide-description{display:none;font-size:13px!important}.stats-section .stats-grid{gap:14px!important;grid-template-columns:repeat(2,1fr)!important}.features-banner .features-grid{gap:14px!important;grid-template-columns:1fr!important}.feature-banner-item{padding:16px!important}.product-tabs-navigation{flex-wrap:wrap;gap:8px!important}.product-tab-item{flex:1 1 45%;font-size:12px!important;min-width:140px;padding:10px 12px!important}.cart-items{gap:12px}.cart-item{align-items:flex-start;flex-direction:column;gap:12px}.auth-card{margin:16px;padding:24px 20px!important}.auth-header h2{font-size:22px!important}}@media (max-width:768px){h1{font-size:26px!important}h2{font-size:22px!important}h3{font-size:18px!important}.section-header{margin-bottom:var(--spacing-lg)!important}.btn{font-size:14px;padding:10px 16px}.btn-large{font-size:16px;padding:14px 20px}.categories-grid,.product-grid,.products-grid{gap:16px!important;grid-template-columns:repeat(2,1fr)!important}.hero-slider{height:400px!important}.features-banner .features-grid,.stats-section .stats-grid{grid-template-columns:repeat(2,1fr)!important}.category-menu{-webkit-overflow-scrolling:touch;overflow-x:auto}.category-menu ul{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:8px}.footer-content{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:968px){.container{padding:0 var(--spacing-lg)}.categories-grid,.product-grid,.products-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.hero-slider{height:450px}.stats-section .stats-grid{grid-template-columns:repeat(4,1fr)}.features-banner .features-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.product-tabs-navigation{gap:10px}.product-tab-item{font-size:13px;padding:12px 16px}}@media (min-width:969px){.hide-desktop{display:none!important}.categories-grid,.product-grid,.products-grid{gap:24px;grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.container{margin:0 auto;max-width:1200px}.product-grid,.products-grid{gap:28px;grid-template-columns:repeat(4,1fr)}}@media (min-width:1400px){.container{max-width:1320px}}@media (max-width:640px){.text-center-mobile{text-align:center!important}.flex-column-mobile{flex-direction:column!important}.full-width-mobile{width:100%!important}.gap-sm-mobile{gap:8px!important}.p-sm-mobile{padding:12px!important}.m-sm-mobile{margin:8px!important}}
/*# sourceMappingURL=main.ea3b8548.css.map*/