*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-secondary:#2c3e50;--color-secondary-dark:#1a252f;--color-text-light:#666;--color-background:#f9f9f9;--color-border:#ddd;--color-success:#2ecc71;--color-warning:#f39c12;--color-error:#e74c3c;--color-info:#3498db;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 4px #0000001a;--shadow-lg:0 4px 8px #0000001a;--shadow-xl:0 8px 16px #0000001a;--z-index-tooltip:1060}body{background-color:#f9f9f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;font-size:var(--font-size-md);line-height:1.6}h1,h2,h3,h4,h5,h6{color:#333;color:var(--color-text);font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-xxl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-md)}p{margin-bottom:1rem;margin-bottom:var(--spacing-md)}a{color:#e74c3c;color:var(--color-primary);text-decoration:none}a:hover{color:#c0392b;color:var(--color-primary-dark)}ol,ul{margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-left:1.5rem;padding-left:var(--spacing-lg)}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-left:var(--spacing-md);padding-right:1rem;padding-right:var(--spacing-md);width:100%}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.page-loading{height:60vh}.loading-auth-container,.page-loading{align-items:center;display:flex;justify-content:center}.loading-auth-container{height:100vh}img{display:block;height:auto;max-width:100%}:focus-visible{outline:2px solid #e74c3c;outline:2px solid var(--color-primary);outline-offset:2px}.header{background-color:#000;box-shadow:0 2px 10px #0000000d;height:80px;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:100}.header.scrolled{box-shadow:0 4px 15px #00000014;height:70px}.header-container{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.header-container,.header-left,.logo{align-items:center;display:flex}.logo{background-color:initial;height:50px;justify-content:center;margin-right:var(--spacing-lg);min-height:50px;min-width:130px;overflow:hidden;padding:0;position:relative;transition:transform .3s ease;width:130px}.header.scrolled .logo{height:45px}.logo-image{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}@media screen and (max-width:768px){.logo{height:50px;margin-right:var(--spacing-sm)}.header.scrolled .logo{height:45px}}.main-nav{display:flex}.nav-list{height:48px;list-style:none;margin:0;padding:0}.nav-item,.nav-list{align-items:center;display:flex}.nav-item{margin-right:var(--spacing-md)}.nav-item,.nav-link{height:100%;position:relative}.nav-link{align-items:center;color:#fff;display:inline-flex;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:color .3s}.nav-link:after{background-color:var(--color-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover:after{width:80%}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.nav-link.active{font-weight:600}.nav-link.active:after{width:80%}.dropdown-toggle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:inherit;font-weight:500;height:100%;outline:none;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:color .3s}.dropdown-toggle:after{background-color:var(--color-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.dropdown-toggle:hover:after{width:80%}.dropdown-toggle:hover{color:var(--color-primary)}.dropdown-toggle:before{content:"▾";font-size:.8em;margin-left:5px;transition:transform .3s ease;vertical-align:middle}.dropdown-toggle.active:before{transform:rotate(180deg)}.dropdown-menu{background-color:#222;border:none;border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;left:0;min-width:200px;overflow:hidden;padding:var(--spacing-xs) 0;position:absolute;top:100%;z-index:120}.dropdown-menu a{color:#fff;display:block;font-weight:500;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-decoration:none;transition:all .3s}.dropdown-menu a:hover{background-color:#333;color:var(--color-primary)}.header-middle{flex:1 1;margin:0 var(--spacing-lg);max-width:400px}.search-form{display:flex;width:100%}.search-input{background-color:#333;border-radius:50px;color:#fff;padding:var(--spacing-sm) var(--spacing-md);padding-right:40px}.search-input::placeholder{color:#aaa}.search-input:focus{background-color:#444}.search-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s}.search-button:hover{background-color:#e74c3c1a;color:var(--color-primary)}.header-right{align-items:center;display:flex;min-width:150px}.cart-icon,.search-icon,.user-icon{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:46px;justify-content:center;margin-right:var(--spacing-md);min-height:46px;min-width:46px;padding:0;position:relative;transition:all .3s;width:46px}.cart-icon:hover,.search-icon:hover,.user-icon:hover{background-color:#e74c3c1a;color:var(--color-primary)}.cart-count{border-radius:50%;box-shadow:0 2px 5px #0003;font-size:.7rem;font-weight:700;height:20px;position:absolute;right:-5px;top:-5px;width:20px}.cart-count,.login-button{align-items:center;background-color:var(--color-primary);color:var(--color-white);display:flex;justify-content:center}.login-button{border-radius:50px;box-shadow:0 2px 8px #e74c3c4d;font-weight:600;min-width:100px;padding:8px 16px;text-decoration:none;transition:all .3s}.login-button:hover{background-color:var(--color-primary-dark);box-shadow:0 4px 12px #e74c3c66;color:var(--color-white);transform:translateY(-2px)}.user-menu{position:relative}.logout-button{background:none;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:inherit;padding:var(--spacing-md) var(--spacing-lg);text-align:left;width:100%}.logout-button:hover{background-color:#333;color:var(--color-primary)}.user-dropdown{left:auto;right:0}.mobile-search{background-color:#222;box-shadow:0 5px 15px #0003;left:0;padding:var(--spacing-md);position:absolute;right:0;top:100%;z-index:110}.search-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;padding:8px;position:absolute;right:40px;top:50%;transform:translateY(-50%)}.overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:90}.hamburger-menu{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;margin-right:var(--spacing-md);padding:0;width:24px;z-index:110}.hamburger-menu span{background-color:#fff;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger-menu.active span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media screen and (max-width:992px){.header-middle{max-width:300px}}@media screen and (max-width:768px){.hamburger-menu,.search-icon{display:flex}.main-nav{background-color:#222;box-shadow:var(--shadow-lg);height:100vh;left:-280px;overflow-y:auto;padding:80px 0 30px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:110}.main-nav.active{left:0}.nav-list{align-items:flex-start;flex-direction:column;height:auto;padding:0}.nav-item{height:auto;margin-bottom:5px;margin-right:0;width:100%}.dropdown-toggle,.nav-link{color:#fff;height:auto;justify-content:flex-start;padding:var(--spacing-md);width:100%}.dropdown-toggle:after,.nav-link:after{display:none}.dropdown-menu{background-color:#333;border-radius:0;box-shadow:none;padding:0;position:static;width:100%}.dropdown-menu a{border-bottom:1px solid #444;padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 10px)}.dropdown-menu a:last-child{border-bottom:none}.dropdown-toggle.active:before{content:"-"}.header-container{height:70px;padding:var(--spacing-sm) var(--spacing-md)}.header{height:70px}.header.scrolled{height:60px}.cart-icon,.search-icon,.user-icon{height:42px;margin-right:var(--spacing-sm);min-height:42px;min-width:42px;width:42px}.login-button{min-width:80px;padding:var(--spacing-xs) var(--spacing-sm)}.icon{margin-right:12px;opacity:.8}.dropdown-toggle:before{align-items:center;background-color:#e74c3c33;border-radius:50%;content:"+";display:flex;font-size:18px;height:24px;justify-content:center;line-height:24px;margin-left:0;position:absolute;right:var(--spacing-md);text-align:center;top:50%;transform:translateY(-50%);transition:all .3s ease;width:24px}.dropdown-toggle.active:before{background-color:var(--color-primary);color:#fff;content:"+";transform:translateY(-50%) rotate(45deg)}.menu-item-content,.toggle-icon{align-items:center;display:flex}.toggle-icon{background-color:#e74c3c33;border-radius:50%;font-size:18px;height:24px;justify-content:center;margin-left:auto;transition:all .3s ease;width:24px}.dropdown-toggle.active .toggle-icon{background-color:var(--color-primary);color:#fff;transform:rotate(45deg)}.dropdown-menu{animation:slideDown .3s ease;background-color:#1a1a1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu a:before{color:var(--color-primary);content:"•";left:25px;position:absolute}}@media screen and (min-width:769px){.icon,.menu-item-content,.toggle-icon{display:none}.dropdown-menu{animation:fadeIn .2s ease;transform-origin:top center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.footer{background-color:#000;box-sizing:border-box;color:#fff;margin:0;overflow:hidden;padding-top:20px;width:100%}.logo-section{margin:0 auto 30px;max-width:150px;text-align:center}.footer-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:0 15px;width:100%}.footer-title{color:#fff;font-size:16px;margin-bottom:15px;padding-bottom:8px;position:relative;text-align:center}.footer-title:after{background-color:#e74c3c;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.logo-footer{display:inline-block;margin-bottom:15px;max-width:100px}.logo-footer img{height:auto;width:100%}.social-icons{flex-direction:row;flex-wrap:nowrap;gap:15px;justify-content:center;margin-top:15px}.social-icon{flex-shrink:0;height:40px;transition:background-color .3s ease;width:40px}.social-icon:hover{background-color:#fff3}.social-icon{align-items:center;background-color:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.contact-section{margin-bottom:30px;text-align:center}.contact-info,.contact-section{align-items:center;display:flex;flex-direction:column}.contact-info{width:100%}.contact-info p{align-items:center;color:#fffc;display:flex;justify-content:center;margin-bottom:10px;text-align:center;width:100%}.contact-icon{color:#e74c3c;flex-shrink:0;margin-right:10px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#fffc;display:inline-block;padding-left:10px;position:relative;text-decoration:none}.footer-links a:before{color:#e74c3c;content:"›";left:0;position:absolute;top:50%;transform:translateY(-50%)}.newsletter-container{box-sizing:border-box;margin-bottom:20px;padding:0 15px;width:100%}.newsletter-form{margin-bottom:20px}.newsletter-form h4{color:#fff;margin-bottom:10px}.form-group{display:flex;flex-direction:column;margin-bottom:5px}.newsletter-form input{background-color:#ffffff1a;margin-bottom:8px}.newsletter-form button,.newsletter-form input{border:none;border-radius:4px;color:#fff;padding:8px;width:100%}.newsletter-form button{align-items:center;background-color:#e74c3c;cursor:pointer;display:flex;justify-content:center}.newsletter-hint{color:#fff9;font-size:12px}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:20px;padding:15px 0;text-align:center}.footer-bottom p{color:#ffffffb3;font-size:12px;margin:0 0 10px}.footer-nav{display:flex;flex-direction:column;gap:8px}.footer-nav a{color:#ffffffb3;font-size:12px;text-decoration:none}.collapsible-title{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.collapse-icon{display:none;font-size:12px;margin-left:10px;transition:transform .3s ease}.collapse-icon.expanded{transform:rotate(180deg)}@media (max-width:768px){.logo-socials-container{flex-direction:row;margin-bottom:10px}.logo-footer{margin-bottom:0;max-width:80px}.logo-socials-container{align-items:center;display:flex;justify-content:space-between;width:100%}.middle-socials,.right-socials{display:flex;gap:8px;margin-bottom:0}.social-icon{height:28px;width:28px}.collapsible-section .footer-links{margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease}.collapsible-section .footer-links.expanded{margin-bottom:15px;max-height:300px;opacity:1}.collapse-icon{display:inline-block}.desktop-only{display:none}.footer-content{display:block}.footer-section{margin-bottom:10px;padding-bottom:5px}.collapsible-title{border-bottom:1px solid #ffffff1a;margin-bottom:0;padding:10px 0}.collapsible-title:after{display:none}.footer-links{transition:all .3s ease-in-out}.footer-links.expanded{padding-top:10px}}@media (min-width:768px){.middle-socials,.right-socials{display:none}.social-icons-desktop{display:flex}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.footer-content,.newsletter-container{margin:0 auto;max-width:1200px;padding:0 20px}.footer-nav{flex-direction:row;gap:20px;justify-content:center}.logo-footer{max-width:150px}.form-group{flex-direction:row}.newsletter-form input{border-radius:4px 0 0 4px;margin-bottom:0}.newsletter-form button{border-radius:0 4px 4px 0;padding:8px 15px;width:auto}}@media (min-width:992px){.footer-content{grid-template-columns:repeat(4,1fr)}}.toast{animation:toast-slide-in .3s ease;background-color:var(--color-white);border-radius:var(--radius-md);bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);max-width:400px;min-width:300px;padding:var(--spacing-md);position:fixed;right:var(--spacing-lg);z-index:var(--z-index-toast)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-content{align-items:center;display:flex}.toast-icon{font-size:1.5rem;margin-right:var(--spacing-md)}.toast-message{flex:1 1;font-size:var(--font-size-md)}.toast-close{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:1.2rem;margin-left:var(--spacing-sm);transition:color .3s}.toast-close:hover{color:var(--color-text)}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}@media screen and (max-width:576px){.toast{bottom:var(--spacing-md);left:var(--spacing-md);min-width:auto;right:var(--spacing-md)}}.btn{transition:all .3s ease}.btn-small{font-size:var(--font-size-sm);padding:.5rem 1rem}.btn-medium{font-size:var(--font-size-md);padding:.75rem 1.25rem}.btn-large{font-size:var(--font-size-lg);padding:1rem 1.5rem}.btn-full{width:100%}.btn-loading{color:#0000!important}.loading-spinner{position:absolute}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal-backdrop)}.modal{animation:modal-appear .3s ease;background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:90%;z-index:var(--z-index-modal)}@keyframes modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.modal-title{font-size:var(--font-size-lg);margin:0}.modal-close{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:1.5rem;transition:color .3s}.modal-close:hover{color:var(--color-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}@media screen and (max-width:576px){.modal{width:95%}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.cart-drawer-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal-backdrop)}.cart-drawer{animation:cart-slide-in .3s ease;background-color:var(--color-white);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:350px;z-index:var(--z-index-modal)}@keyframes cart-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.cart-drawer-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.cart-drawer-header h2{font-size:var(--font-size-lg);margin:0}.close-button{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:1.5rem;transition:color .3s}.close-button:hover{color:var(--color-primary)}.cart-drawer-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--spacing-md)}.cart-items{flex:1 1;margin-bottom:var(--spacing-md)}.cart-item{display:flex;padding:var(--spacing-md) 0}.item-image{height:70px;width:70px}.item-details h3{margin:0 0 var(--spacing-xs)}.item-actions{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}.quantity-controls,.quantity-controls button{align-items:center;display:flex}.quantity-controls button{background-color:#f5f5f5;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;height:24px;justify-content:center;width:24px}.quantity-controls button:disabled{cursor:not-allowed;opacity:.5}.quantity-controls span{margin:0 var(--spacing-sm)}.remove-button{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:var(--font-size-lg);margin-top:var(--spacing-sm);transition:color .3s}.remove-button:hover{color:var(--color-primary)}.cart-summary{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.subtotal{display:flex;font-size:var(--font-size-lg);font-weight:600;justify-content:space-between;margin-bottom:var(--spacing-md)}.empty-cart-message{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.empty-cart-message p{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}@media screen and (max-width:576px){.cart-drawer{width:85%}}.main-content{flex:1 1;padding-top:90px}@media screen and (max-width:768px){.main-content{padding-top:70px}}.product-card-simple{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.product-card-simple:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.product-card-link{color:var(--color-text);display:flex;flex-direction:column;height:100%;text-decoration:none}.product-image-wrapper{background-color:#f0f0f0;overflow:hidden;padding-top:100%;position:relative;width:100%}.image-placeholder{background-color:#f0f0f0;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.product-image{transition:opacity .3s ease,transform .5s ease}.product-card-simple:hover .product-image{transform:scale(1.05)}.product-badge{border-radius:var(--radius-md);z-index:3}.product-content{flex-grow:1}.product-bottom{margin-top:auto}.price-original{font-size:var(--font-size-sm)}.add-to-cart-btn{margin-top:var(--spacing-sm)}@media screen and (max-width:576px){.product-image-wrapper{padding-top:75%}}.local-toast{animation:fadeIn .3s ease-in-out;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:14px;font-weight:500;padding:8px 16px;position:absolute;right:10px;top:10px;z-index:10}.local-toast.success{background-color:#4caf50;color:#fff}.local-toast.error{background-color:#f44336;color:#fff}.local-toast.warning{background-color:#ff9800;color:#fff}.local-toast.info{background-color:#2196f3;color:#fff}.product-card-simple{position:relative}.view-product-btn{background-color:var(--color-secondary)!important;color:#fff;transition:all .3s ease}.view-product-btn:hover{background-color:var(--color-secondary-dark)!important;box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.view-product-btn:active{transform:translateY(0)}.product-card-link:hover .product-image-wrapper img{transform:scale(1.05)}.out-of-stock-overlay span{box-shadow:0 2px 8px #00000026;font-size:.9rem;letter-spacing:.5px}.product-card-simple .view-product-btn{border-radius:4px;font-weight:500;margin-top:10px}.loading-container{flex-direction:column;padding:var(--spacing-lg)}.loading-small{padding:var(--spacing-sm)}.loading-large{padding:var(--spacing-xl)}.spinner{display:flex;justify-content:center}.bounce1,.bounce2,.bounce3{animation:bounce 1.4s ease-in-out infinite both;background-color:var(--color-primary);border-radius:100%;display:inline-block;height:12px;margin:0 3px;width:12px}.loading-small .bounce1,.loading-small .bounce2,.loading-small .bounce3{height:8px;width:8px}.loading-large .bounce1,.loading-large .bounce2,.loading-large .bounce3{height:16px;width:16px}.bounce1{animation-delay:-.32s}.bounce2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-text{color:var(--color-text-light);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.loading-large .loading-text{font-size:var(--font-size-md)}.home-page{margin-bottom:var(--spacing-xxl)}.hero-carousel{height:650px;margin-bottom:var(--spacing-xl);overflow:hidden;position:relative}.carousel-slide{align-items:center;background-position:50%;background-size:cover;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity 1.2s ease;width:100%}.carousel-slide:before{background:linear-gradient(135deg,#000000b3,#0006 50%,#0000001a);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.carousel-slide.active{opacity:1;z-index:2}.carousel-content{color:#fff;max-width:800px;padding:0 var(--spacing-lg);text-align:center;z-index:2}.carousel-slide.active .carousel-title{animation:fadeInDown .8s ease .2s both}.carousel-slide.active .carousel-subtitle{animation:fadeInDown .8s ease .5s both}.carousel-slide.active .carousel-buttons{animation:fadeInUp .8s ease .8s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.carousel-title{color:#fff;font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);opacity:0;text-shadow:0 2px 8px #0006}.carousel-subtitle{color:#ffffffe6;font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);opacity:0;text-shadow:0 1px 4px #0000004d}.carousel-buttons{display:flex;gap:var(--spacing-md);justify-content:center;opacity:0}.carousel-buttons .btn{box-shadow:0 4px 12px #0003;font-weight:600;min-width:160px;overflow:hidden;position:relative;transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.carousel-buttons .btn:after{background-color:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease-out,height .6s ease-out;width:0}.carousel-buttons .btn:hover:after{height:300px;width:300px}.carousel-buttons .btn:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-4px)}.carousel-buttons .btn-primary{background-color:var(--color-primary)}.carousel-buttons .btn-outline{background-color:initial;border:2px solid #fff;color:#fff}.carousel-buttons .btn-outline:hover{background-color:#ffffff1a}.carousel-indicators{bottom:40px;display:flex;gap:15px;justify-content:center;left:0;position:absolute;right:0;z-index:5}.indicator{background-color:#fff6;border:2px solid #fff9;border-radius:50%;cursor:pointer;height:14px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:14px}.indicator.active{background-color:var(--color-primary);border-color:#ffffffe6;transform:scale(1.3)}.carousel-nav{display:flex;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:5}.carousel-nav button{align-items:center;background-color:#0003;border:2px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 30px;transition:all .3s ease;width:60px}.carousel-nav button:hover{background-color:rgba(var(--color-primary-rgb),.7);border-color:var(--color-white);transform:scale(1.1)}.categories-section{margin-bottom:var(--spacing-xxl);padding:0 var(--spacing-lg)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);position:relative}.section-header h2{font-weight:700}.section-header h2:after{left:0;transition:width .3s ease}.section-header:hover h2:after{width:120px}.section-subheading{color:var(--color-text-light);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.view-all{border-radius:var(--radius-md);color:var(--color-primary);display:inline-flex;font-weight:600;overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:all .3s}.view-all:before{background-color:rgba(var(--color-primary-rgb),.1);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%;z-index:-1}.view-all:hover:before{transform:scaleX(1);transform-origin:left}.view-all svg{margin-left:5px;transition:transform .3s}.view-all:hover{color:var(--color-primary-dark)}.view-all:hover svg{transform:translateX(5px)}.categories-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.category-card{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:280px;justify-content:flex-end;overflow:hidden;position:relative;text-decoration:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.category-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-12px) scale(1.02)}.category-image{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.category-image img{height:100%;object-fit:cover;transition:transform .8s ease;width:100%}.category-card:hover .category-image img{transform:scale(1.08)}.category-card:after{background:linear-gradient(0deg,#000000e6 0,#00000080 40%,#0000001a);content:"";height:100%;left:0;position:absolute;top:0;transition:background .3s ease;width:100%;z-index:2}.category-card:hover:after{background:linear-gradient(to top,rgba(var(--color-primary-rgb),.7) 0,#00000080 60%,#0000001a 100%)}.category-icon{color:var(--color-white);font-size:24px;margin-bottom:var(--spacing-sm);opacity:0;transform:translateY(20px);transition:all .5s ease .1s;z-index:3}.category-card:hover .category-icon{opacity:1;transform:translateY(0)}.category-card h3{color:var(--color-white);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);padding:0 var(--spacing-md);text-align:center;text-shadow:0 2px 4px #0000004d;transform:translateY(0);transition:transform .3s ease;z-index:3}.category-card:hover h3{transform:translateY(-10px)}.category-card .btn{margin-bottom:var(--spacing-md);opacity:0;transform:translateY(20px);transition:all .5s ease .1s;z-index:3}.category-card:hover .btn{opacity:1;transform:translateY(0)}.featured-section,.new-arrivals-section,.promotions-section{margin-bottom:var(--spacing-xxl);padding:0 var(--spacing-lg)}.featured-section{background-color:#f8f9fa;border-radius:var(--radius-lg);margin-top:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg);position:relative}.featured-section:before{background-image:radial-gradient(circle at 10% 10%,rgba(var(--color-primary-rgb),.05) 0,#0000 60%),radial-gradient(circle at 90% 90%,rgba(var(--color-secondary-rgb),.05) 0,#0000 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));position:relative;z-index:1}.products-grid>div:nth-child(2n){transform:translateY(20px)}.product-card{box-shadow:0 5px 15px #0000000d;display:flex;flex-direction:column;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.product-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-10px)}.product-image-container{overflow:hidden;padding-top:125%;position:relative}.product-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .8s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-badge{background-color:var(--color-primary);border-radius:30px;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.5);color:var(--color-white);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md);right:var(--spacing-md);top:var(--spacing-md);transform:scale(1);transition:transform .3s ease}.product-card:hover .product-badge{transform:scale(1.05) rotate(-3deg)}.product-badge.new{background-color:var(--color-info);left:var(--spacing-md);right:auto}.product-badge.sale{animation:pulse 2s infinite;background-color:var(--color-primary)}.quick-shop{background-color:#000000b3;bottom:0;color:#fff;cursor:pointer;font-weight:600;left:0;padding:var(--spacing-sm);position:absolute;text-align:center;transform:translateY(100%);transition:transform .3s ease;width:100%;z-index:3}.product-card:hover .quick-shop{transform:translateY(0)}.product-info{flex-grow:1;padding:var(--spacing-md)}.product-name{font-size:var(--font-size-md);line-height:1.3;margin-bottom:var(--spacing-sm)}.product-name a{color:var(--color-text);text-decoration:none;transition:color .3s}.product-name a:hover{color:var(--color-primary)}.product-description{color:var(--color-text-light);flex-grow:1;font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--spacing-md)}.product-colors{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.color-dot{border:1px solid var(--color-border);cursor:pointer;height:16px;transition:transform .2s ease;width:16px}.color-dot:hover{transform:scale(1.2)}.product-price{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.price-original{color:var(--color-text-light);font-size:var(--font-size-md);font-weight:400;margin-right:var(--spacing-sm);text-decoration:line-through}.price-promo{color:var(--color-primary);position:relative}.price-tag{background-color:var(--color-primary);border-radius:10px;color:#fff;font-size:12px;opacity:0;padding:2px 8px;position:absolute;right:-10px;top:-24px;transform:rotate(-10deg);transition:opacity .3s ease,transform .3s ease}.product-card:hover .price-tag{opacity:1;transform:rotate(-5deg)}.add-to-cart-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;margin-top:auto;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.add-to-cart-btn:after{background-color:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease-out,height .5s ease-out;width:0}.add-to-cart-btn:hover:after{height:300px;width:300px}.add-to-cart-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.philosophy-section{background-color:var(--color-secondary-dark);color:var(--color-white);margin-bottom:var(--spacing-xxl);overflow:hidden;padding:var(--spacing-xxl) 0;position:relative}.philosophy-section:before{background-image:radial-gradient(circle at 20% 20%,#ffffff1a 0,#0000 20%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 20%),radial-gradient(circle at 50% 50%,#ffffff0d 0,#0000 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.section-separator{background:linear-gradient(to right,#0000,var(--color-primary),#0000);height:4px;margin:var(--spacing-xxl) auto;max-width:400px;opacity:.6;width:80%}.philosophy-content{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg);position:relative;z-index:2}.philosophy-content h2{color:var(--color-white);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);position:relative;text-align:center}.philosophy-content h2:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.tagline{color:var(--color-white);font-size:var(--font-size-xl);font-style:italic;line-height:1.6;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:800px;position:relative;text-align:center}.tagline:after,.tagline:before{color:rgba(var(--color-primary-rgb),.5);content:'"';font-size:2em;line-height:1;position:absolute}.tagline:before{left:-20px;top:-10px}.tagline:after{bottom:-30px;right:-20px}.philosophy-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}.philosophy-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275);z-index:1}.philosophy-item:before{background-color:var(--color-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:4px;z-index:-1}.philosophy-item:hover:before{opacity:.1;width:100%}.philosophy-item:hover{box-shadow:0 20px 40px #0003;transform:translateY(-10px)}.philosophy-item h3{color:var(--color-white);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);position:relative}.philosophy-item h3:after{background-color:var(--color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:40px}.philosophy-icon{color:var(--color-primary);display:inline-block;font-size:2.5rem;margin-bottom:var(--spacing-md);opacity:.8}.philosophy-item:hover h3:after{width:60px}.philosophy-item p{color:#fffc;line-height:1.8}.cta-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:50px;box-shadow:0 5px 15px rgba(var(--color-primary-rgb),.4);cursor:pointer!important;display:inline-flex;font-family:inherit;font-size:var(--font-size-md);font-weight:600;justify-content:center;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);pointer-events:auto!important;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:10}.cta-button,.cta-button:hover{color:#fff!important;text-decoration:none!important}.cta-button:hover{background-color:var(--color-primary-dark)!important;box-shadow:0 10px 25px rgba(var(--color-primary-rgb),.5)!important;transform:translateY(-5px)!important}.cta-button:active{box-shadow:0 5px 15px rgba(var(--color-primary-rgb),.4)!important;transform:translateY(-2px)!important}.cta-button:focus{outline:2px solid rgba(var(--color-primary-rgb),.5);outline-offset:2px}.cta-button:after{background-color:#fff3;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease-out,height .5s ease-out;width:0}.cta-button:hover:after{height:300px;width:300px}.cta-button svg{margin-left:8px;pointer-events:none;transition:transform .3s ease}.cta-button:hover svg{transform:translateX(5px)}.cta-section{margin-top:var(--spacing-xl);z-index:5}.cta-button-fixed{align-items:center!important;background-color:#e74c3c!important;border:none!important;border-radius:25px!important;cursor:pointer!important;display:inline-flex!important;font-size:16px!important;font-weight:600!important;justify-content:center!important;padding:16px 32px!important;pointer-events:auto!important;position:relative!important;transition:all .3s ease!important;z-index:999!important}.cta-button-fixed,.cta-button-fixed:hover{color:#fff!important;text-decoration:none!important}.cta-button-fixed:hover{background-color:#c0392b!important;transform:translateY(-3px)!important}.cta-button-fixed svg{margin-left:8px!important;pointer-events:none!important}.promo-counter{background-color:var(--color-primary);color:#fff;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-md) 0;position:relative;text-align:center}.promo-counter:before{background:repeating-linear-gradient(-45deg,#0000001a,#0000001a 10px,#0000 0,#0000 20px);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.promo-counter-content{position:relative;z-index:1}.promo-counter h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.counter-boxes{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-sm)}.counter-box{background-color:#fff3;border-radius:var(--radius-sm);min-width:60px;padding:var(--spacing-sm) var(--spacing-md)}.counter-number{font-size:var(--font-size-xl);font-weight:700}.counter-label{display:block;font-size:var(--font-size-xs);text-transform:uppercase}.counter-separator{align-self:center;font-size:var(--font-size-xl);font-weight:700}@media screen and (max-width:992px){.hero-carousel{height:500px}.carousel-title{font-size:var(--font-size-3xl)}.philosophy-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.counter-boxes{flex-wrap:wrap}}@media screen and (max-width:768px){.hero-carousel{height:400px}.carousel-title{font-size:var(--font-size-xxl)}.carousel-subtitle{font-size:var(--font-size-lg)}.carousel-buttons{align-items:center;flex-direction:column}.category-card{height:220px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.products-grid>div:nth-child(2n){transform:translateY(0)}}.hero-carousel.optimized{contain:layout size style;height:650px;margin-bottom:var(--spacing-xl);overflow:hidden;position:relative}.hero-carousel.optimized .carousel-slide{align-items:center;background-position:50%;background-size:cover;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .6s ease-out,visibility .6s ease-out;visibility:hidden;width:100%;z-index:1}.hero-carousel.optimized .carousel-slide.active{opacity:1;visibility:visible;z-index:2}.hero-carousel.optimized .carousel-slide:before{background:linear-gradient(135deg,#000000b3,#0006 50%,#0000001a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hero-carousel.optimized .carousel-content{animation:carousel-content-reveal .8s ease-out forwards;color:#fff;max-width:800px;opacity:0;padding:0 var(--spacing-lg);text-align:center;transform:translateY(20px);z-index:2}@keyframes carousel-content-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-carousel.optimized .carousel-skeleton{align-items:center;animation:skeleton-pulse 1.5s ease-in-out infinite;background-color:#f0f0f0;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}@keyframes skeleton-pulse{0%{background-color:#f0f0f0}50%{background-color:#e0e0e0}to{background-color:#f0f0f0}}.hero-carousel.optimized .skeleton-content{max-width:800px;width:80%}.hero-carousel.optimized .skeleton-title{background-color:#ddd;border-radius:5px;height:60px;margin:0 auto 20px;width:70%}.hero-carousel.optimized .skeleton-subtitle{background-color:#ddd;border-radius:5px;height:30px;margin:0 auto 30px;width:90%}.hero-carousel.optimized .skeleton-buttons{display:flex;gap:20px;justify-content:center}.hero-carousel.optimized .skeleton-button{background-color:#ddd;border-radius:5px;height:50px;width:160px}.hero-carousel.optimized .carousel-nav{display:flex;justify-content:space-between;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:5}.hero-carousel.optimized .carousel-nav button{align-items:center;background-color:#0003;border:2px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;margin:0 20px;pointer-events:auto;transition:background-color .3s ease;width:50px}.hero-carousel.optimized .carousel-nav button:hover{background-color:#e74c3cb3;border-color:#fff}.hero-carousel.optimized .carousel-indicators{bottom:40px;display:flex;gap:15px;justify-content:center;left:0;position:absolute;right:0;z-index:5}.hero-carousel.optimized .indicator{background-color:#fff6;border:2px solid #fff9;border-radius:50%;cursor:pointer;font-size:0;height:12px;padding:0;transition:all .3s ease;width:12px}.hero-carousel.optimized .indicator.active{background-color:var(--color-primary);border-color:#ffffffe6;transform:scale(1.2)}@media screen and (max-width:992px){.hero-carousel.optimized{height:500px}.hero-carousel.optimized .carousel-title{font-size:var(--font-size-2xl)}.hero-carousel.optimized .carousel-nav button{height:40px;margin:0 15px;width:40px}}@media screen and (max-width:768px){.hero-carousel.optimized{height:400px}.hero-carousel.optimized .carousel-title{font-size:var(--font-size-xl)}.hero-carousel.optimized .carousel-subtitle{font-size:var(--font-size-md)}.hero-carousel.optimized .carousel-buttons{align-items:center;flex-direction:column;gap:10px}.hero-carousel.optimized .carousel-nav button{font-size:18px;height:36px;margin:0 10px;width:36px}.hero-carousel.optimized .indicator{height:10px;width:10px}}@media screen and (max-width:480px){.hero-carousel.optimized{height:350px}.hero-carousel.optimized .carousel-title{font-size:var(--font-size-lg)}.hero-carousel.optimized .carousel-subtitle{font-size:var(--font-size-sm)}}.filter-sidebar{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:.95rem;max-height:calc(100vh - 120px);overflow-y:auto;padding:var(--spacing-sm);position:sticky;top:100px;width:100%}.filter-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.filter-header h3{color:var(--color-secondary);font-size:var(--font-size-md);margin:0}.filter-reset{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-xs);transition:color .3s}.filter-reset:hover{color:var(--color-primary-dark);text-decoration:underline}.filter-section{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.filter-section:last-of-type{border-bottom:none;margin-bottom:var(--spacing-sm);padding-bottom:0}.filter-section h4{color:var(--color-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);margin-top:0}.filter-select{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:var(--spacing-xs);transition:border-color .3s,box-shadow .3s;width:100%}.price-filter{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.price-input{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);flex:1 1;font-size:var(--font-size-xs);max-width:calc(50% - 10px);min-width:60px;padding:var(--spacing-xs);transition:border-color .3s,box-shadow .3s}.price-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e74c3c1a;outline:none}.price-separator{color:var(--color-text-light);font-size:var(--font-size-xs);margin:0 2px}.colors-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.color-sample{border:1px solid #ccc;border-radius:50%;box-shadow:0 0 0 1px #0000001a;display:inline-block;height:14px;margin-right:var(--spacing-xs);vertical-align:middle;width:14px}.color-checkbox{align-items:center;display:flex;margin-bottom:var(--spacing-xs);width:calc(50% - var(--spacing-xs))}.color-checkbox label{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-xs);text-transform:capitalize}.color-checkbox input[type=checkbox]{cursor:pointer;margin-right:var(--spacing-xs)}.promo-filter{align-items:center;display:flex}.promo-filter input[type=checkbox]{cursor:pointer;margin-right:var(--spacing-xs)}.promo-filter label{color:var(--color-text);cursor:pointer;font-size:var(--font-size-xs)}.apply-filters-btn{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);width:100%}@media screen and (max-width:992px){.filter-sidebar{margin-bottom:var(--spacing-md);max-height:none;position:relative;top:0}.color-checkbox,.size-checkbox{width:calc(50% - var(--spacing-xs))}}@media screen and (max-width:768px){.filter-sidebar{border:1px solid var(--color-border);font-size:.9rem;margin-bottom:var(--spacing-sm);max-height:none;max-width:none;overflow-y:visible;padding:var(--spacing-xs);position:static;width:100%}.filter-section{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.price-filter{grid-gap:var(--spacing-xs);align-items:center;display:grid;gap:var(--spacing-xs);grid-template-columns:1fr auto 1fr}.price-input{max-width:none;width:100%}.color-checkbox{width:calc(50% - var(--spacing-xs))}.apply-filters-btn{margin-top:var(--spacing-sm);padding:var(--spacing-xs) 0}}@media screen and (max-width:480px){.price-filter{grid-template-columns:1fr 1fr}.price-separator{grid-column:span 2;margin:var(--spacing-xs) 0;text-align:center}.color-checkbox{width:100%}}.pagination-button{margin:0 var(--spacing-xs);transition:all .3s ease}.pagination-button:hover:not([disabled]){background-color:#f5f5f5;border-color:#e0e0e0}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{margin:0 var(--spacing-xs)}@media screen and (max-width:576px){.pagination{flex-wrap:wrap}.pagination-button{height:32px;margin:var(--spacing-xs);min-width:32px}}.products-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.page-title{text-align:center}.page-title,.products-header{margin-bottom:var(--spacing-lg)}.products-header{align-items:center;display:flex;justify-content:space-between}.products-count{color:var(--color-text-light)}.products-sort{align-items:center;display:flex;gap:var(--spacing-sm)}.sort-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.no-products,.products-loading{color:var(--color-text-light);padding:var(--spacing-xxl) 0;text-align:center}.pagination-container{display:flex;justify-content:center;margin-top:var(--spacing-lg)}@media screen and (max-width:768px){.products-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}.product-detail-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.breadcrumbs{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.breadcrumbs,.breadcrumbs a{color:var(--color-text-light)}.breadcrumbs a{transition:color .3s}.breadcrumbs a:hover{color:var(--color-primary)}.current{color:var(--color-text);font-weight:500}.product-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xxl)}.product-images{display:flex;flex-direction:column}.main-image{align-items:center;background-color:#f9f9f9;border-radius:var(--radius-md);display:flex;height:500px;justify-content:center;margin-bottom:var(--spacing-md);max-width:100%;overflow:hidden;position:relative;width:100%}.main-image img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.promo-badge{background-color:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);font-weight:600;padding:var(--spacing-xs) var(--spacing-md);position:absolute;right:var(--spacing-md);top:var(--spacing-md);z-index:10}.thumbnails{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-sm);overflow-x:auto;overflow-y:hidden;padding-bottom:5px;scrollbar-width:thin}.thumbnail{border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:80px;min-width:80px;overflow:hidden;transition:border-color .3s,transform .2s;width:80px}.thumbnail.active{border-color:var(--color-primary);transform:scale(1.05)}.thumbnail img{height:100%;object-fit:cover;width:100%}.product-info{display:flex;flex-direction:column}.product-name{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.product-price{flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.original-price{margin-right:var(--spacing-sm)}.promo-price{margin-right:var(--spacing-sm)}.price,.promo-price{font-size:var(--font-size-xl);font-weight:700}.discount-badge{background-color:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.product-description{color:var(--color-text);line-height:1.7}.product-colors,.product-description,.product-sizes{margin-bottom:var(--spacing-lg)}.product-colors h3,.product-sizes h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.size-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.size-option{align-items:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-weight:500;height:40px;justify-content:center;transition:all .3s;width:40px}.size-option.selected,.size-option:hover:not(.out-of-stock):not(.selected){border-color:var(--color-secondary)}.size-option.selected{background-color:var(--color-secondary);color:var(--color-white)}.size-option.out-of-stock{cursor:not-allowed;opacity:.5;text-decoration:line-through}.stock-info{color:var(--color-success)}.color-options{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}@keyframes colorPulse{0%{box-shadow:0 2px 4px #0000001a;transform:scale(1)}50%{box-shadow:0 4px 8px #00000026;transform:scale(1.1)}to{box-shadow:0 2px 4px #0000001a;transform:scale(1)}}.color-option{border:2px solid #ccc;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:40px;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.color-options:hover .color-option:first-child{animation:colorPulse 2s .1s infinite}.color-options:hover .color-option:nth-child(2){animation:colorPulse 2s .3s infinite}.color-options:hover .color-option:nth-child(3){animation:colorPulse 2s .5s infinite}.color-options:hover .color-option:nth-child(4){animation:colorPulse 2s .7s infinite}.color-options:hover .color-option:nth-child(5){animation:colorPulse 2s .9s infinite}.color-option.selected,.color-option:hover{animation:none!important}.color-option:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.15)}.color-option:before{background:linear-gradient(135deg,#ffffff4d,#fff0 50%,#0000001a);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.color-option.selected{border:2px solid var(--color-secondary);box-shadow:0 0 0 4px #2c3e5033,0 4px 8px #0003;transform:scale(1.25);z-index:2}.color-option.white-color{border:2px solid #aaa;box-shadow:0 2px 6px #00000026}.color-option.white-color.selected{border-color:var(--color-secondary)}.selected-color{align-items:center;background-color:#2c3e500d;border-radius:var(--radius-md);color:var(--color-secondary);display:inline-flex;font-size:var(--font-size-md);font-weight:500;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.color-indicator{border:1px solid #ccc;border-radius:50%;box-shadow:0 1px 3px #0000001a;display:inline-block;height:20px;width:20px}.product-actions{gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.quantity-control{flex-direction:column;gap:var(--spacing-xs)}.quantity-control label{color:var(--color-text-light);font-size:var(--font-size-sm)}.quantity-buttons{display:flex;height:44px}.quantity-btn{background-color:#f5f5f5;border:1px solid var(--color-border);font-size:var(--font-size-lg);height:44px;width:44px}.quantity-buttons input{border:1px solid var(--color-border);border-left:none;border-right:none;font-size:var(--font-size-md);text-align:center;width:60px}.add-to-cart-btn{flex:1 1}.product-details{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.product-detail{margin-bottom:var(--spacing-md)}.product-detail h3{color:var(--color-text-light);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.product-tabs{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-xxl);overflow:hidden}.tab-headers{-webkit-overflow-scrolling:touch;background-color:#f9f9f9;border-bottom:1px solid var(--color-border);display:flex;overflow-x:auto}.tab-header{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-weight:500;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s;white-space:nowrap}.tab-header.active{color:var(--color-primary)}.tab-header.active:after{background-color:var(--color-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.tab-content{min-height:120px;padding:var(--spacing-lg)}.tab-panel{display:none}.tab-panel.active{display:block}.tab-panel p{line-height:1.7}.similar-products{margin-top:var(--spacing-xxl)}.similar-products h2{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm);position:relative;text-align:center}.similar-products h2:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.stock-info{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-sm);font-weight:500;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.stock-available{background-color:#2ecc711a;color:#27ae60}.stock-low{background-color:#f1c40f1a;color:#f39c12}.stock-out{background-color:#e74c3c1a;color:#e74c3c}.size-option:not(.out-of-stock){transition:all .3s ease}.size-option:not(.out-of-stock):hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.size-option.out-of-stock{background-color:#f8f8f8;overflow:hidden;position:relative}.size-option.out-of-stock:after{background-color:#0000004d;content:"";height:1px;left:0;position:absolute;right:0;top:50%;transform:rotate(-45deg)}.color-option.out-of-stock{cursor:not-allowed;opacity:.4;position:relative}.color-option.out-of-stock:after{background-color:#00000080;content:"";height:2px;left:0;position:absolute;right:0;top:50%;transform:rotate(-45deg)}.quantity-btn:not(:disabled):active{transform:scale(.95)}.add-to-cart-btn{transition:all .3s ease}.add-to-cart-btn:not(:disabled):hover{box-shadow:0 4px 8px #e74c3c33;transform:translateY(-2px)}@keyframes addToCartPulse{0%{box-shadow:0 0 0 0 #e74c3cb3}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 0 0 #e74c3c00}}.add-to-cart-success{animation:addToCartPulse 1.5s ease-out}@media screen and (max-width:992px){.product-container{gap:var(--spacing-lg);grid-template-columns:1fr}.product-detail-page{padding:var(--spacing-md)}}@media screen and (max-width:768px){.product-actions{flex-direction:column;width:100%}.quantity-control{margin-bottom:var(--spacing-sm);width:100%}.add-to-cart-btn,.quantity-buttons{width:100%}.main-image{height:350px}.product-name{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.thumbnail{height:60px;min-width:60px;width:60px}.tab-header{padding:var(--spacing-sm) var(--spacing-md)}.tab-content{padding:var(--spacing-md)}}@media screen and (max-width:480px){.product-detail-page{padding:var(--spacing-xs)}.main-image{height:280px}.thumbnail{height:50px;min-width:50px;width:50px}.product-price{flex-wrap:wrap}.tab-header{font-size:var(--font-size-sm)}.product-name{font-size:var(--font-size-lg)}}.category-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.view-controls{display:flex;gap:var(--spacing-xs)}.view-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.view-btn.active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.products-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:200px 1fr}.products-container-no-sidebar{display:block;width:100%}.filter-sidebar-container{align-self:start;height:fit-content;position:sticky;top:100px;width:100%}.products-container-no-sidebar .products-content,.products-content{width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.products-container-no-sidebar .products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.products-grid.list-view{gap:var(--spacing-md);grid-template-columns:1fr}.products-grid.list-view .product-card-simple{height:auto}.products-grid.list-view .product-card-link{flex-direction:row}.products-grid.list-view .product-image-wrapper{height:150px;min-width:150px;padding-top:0;width:150px}.products-grid.list-view .product-image{position:relative}.products-grid.list-view .product-content{display:flex;flex-direction:column;padding:var(--spacing-md);width:100%}.products-grid.list-view .product-name{overflow:visible;text-overflow:clip;white-space:normal}.products-grid.list-view .product-description{-webkit-line-clamp:unset;display:block;overflow:visible}.products-grid.list-view .product-bottom{align-items:center;flex-direction:row;margin-top:var(--spacing-sm);max-width:400px}.products-grid.list-view .add-to-cart-btn{margin-top:0;min-width:150px}.no-products{color:var(--color-text-light);padding:var(--spacing-xxl) 0;text-align:center}.error-message{background-color:#ffebee;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}@media screen and (max-width:992px){.products-container{grid-template-columns:1fr}.filter-sidebar-container{margin-bottom:var(--spacing-lg);position:static}}@media screen and (max-width:768px){.category-page{padding:var(--spacing-sm)}.products-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.filter-sidebar-container{margin-bottom:var(--spacing-md);position:static;width:100%}.products-content{width:100%}.products-container-no-sidebar .products-grid,.products-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.products-grid.list-view .product-card-link{flex-direction:column}.products-grid.list-view .product-image-wrapper{padding-top:100%;width:100%}.products-grid.list-view .product-image{position:absolute}}@media screen and (max-width:480px){.products-container-no-sidebar .products-grid,.products-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.cart-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.cart-page h1{margin-bottom:var(--spacing-xl);text-align:center}.empty-cart{padding:var(--spacing-xxl) 0;text-align:center}.empty-cart-content{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:0 auto;max-width:400px;padding:var(--spacing-xl)}.empty-cart-icon{color:var(--color-text-light);font-size:3rem}.empty-cart h2,.empty-cart-icon{margin-bottom:var(--spacing-md)}.empty-cart p{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.cart-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 350px}.cart-items{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.cart-headers{background-color:#f9f9f9;border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:3fr 1fr 1fr 1fr 40px;padding:var(--spacing-md)}.cart-header{color:var(--color-text-light);font-weight:600}.cart-item{align-items:center;border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:3fr 1fr 1fr 1fr 40px;padding:var(--spacing-md)}.cart-item:last-child{border-bottom:none}.cart-item-product{align-items:center;display:flex}.cart-item-image{border-radius:var(--radius-sm);height:80px;margin-right:var(--spacing-md);overflow:hidden;width:80px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.cart-item-details h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.cart-item-meta{color:var(--color-text-light);font-size:var(--font-size-sm)}.cart-item-color,.cart-item-size{display:block}.cart-item-price,.cart-item-total{font-weight:600}.original-price{margin-right:var(--spacing-xs)}.cart-item-quantity,.quantity-control{align-items:center;display:flex}.quantity-control{border:1px solid var(--color-border);border-radius:var(--radius-sm)}.quantity-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:var(--font-size-md);height:28px;justify-content:center;width:28px}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-control input{border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);height:28px;text-align:center;width:40px}.cart-item-actions{display:flex;justify-content:center}.remove-btn{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:var(--font-size-lg);transition:color .3s}.remove-btn:hover{color:var(--color-primary)}.cart-summary{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:fit-content;padding:var(--spacing-lg);position:sticky;top:100px}.cart-summary h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.summary-row.total{margin-top:var(--spacing-sm)}.cart-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.checkout-btn{background-color:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);font-weight:600;padding:var(--spacing-md);text-align:center;transition:background-color .3s}.checkout-btn:hover{background-color:var(--color-primary-dark);color:var(--color-white)}.continue-shopping-btn{background-color:var(--color-white);border:1px solid var(--color-secondary);border-radius:var(--radius-md);color:var(--color-secondary);font-weight:600;padding:var(--spacing-md);text-align:center;transition:all .3s}.continue-shopping-btn:hover{background-color:var(--color-secondary);color:var(--color-white)}@media screen and (max-width:992px){.cart-container{grid-template-columns:1fr}.cart-summary{margin-top:var(--spacing-lg);position:static}}@media screen and (max-width:768px){.cart-headers{display:none}.cart-item{gap:var(--spacing-md);grid-template-columns:1fr;padding:var(--spacing-lg)}.cart-item-total{font-size:var(--font-size-lg)}.cart-item-price:before{color:var(--color-text-light);content:"Prix: ";font-weight:400}.cart-item-total:before{color:var(--color-text-light);content:"Total: ";font-weight:400}}.auth-page{background-color:#f9f9f9;background-image:linear-gradient(to bottom right,#e74c3c0d,#2c3e501a);min-height:calc(100vh - 80px);padding:var(--spacing-lg)}.auth-container{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:600px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.auth-container:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.auth-tabs{border-bottom:1px solid var(--color-border);display:flex;position:relative}.auth-tab{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;flex:1 1;font-weight:600;padding:var(--spacing-md);position:relative;text-align:center;transition:all .3s;z-index:1}.auth-tab.active,.auth-tab:hover{color:var(--color-primary)}.auth-tab.active:after{transform:scaleX(1);transform-origin:center}.auth-tab.active:after,.auth-tab:not(.active):after{background-color:var(--color-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:transform .3s ease;width:100%}.auth-tab:not(.active):after{transform:scaleX(0);transform-origin:center}.auth-tab:hover:after{transform:scaleX(.5)}.auth-content{position:relative}.auth-error{animation:shake .5s ease-in-out;background-color:#ffebee;margin-bottom:var(--spacing-md);text-align:center}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.auth-success{align-items:center;animation:fadeIn .5s ease-in-out;background-color:#e8f5e9;border-left:4px solid #2e7d32;border-radius:var(--radius-md);color:#2e7d32;display:flex;font-weight:500;justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md);text-align:center}.success-icon{background-color:#2e7d32;display:inline-flex;font-size:14px;height:24px;margin-right:var(--spacing-sm);width:24px}.auth-forms-container{position:relative}.auth-form-wrapper{transition:opacity .5s ease,transform .5s ease;width:100%}.login-form-wrapper,.register-form-wrapper{display:none;opacity:0;transform:translateY(10px)}.show-login .login-form-wrapper,.show-register .register-form-wrapper{display:block;opacity:1;transform:translateY(0)}.auth-form{display:flex;flex-direction:column}.form-group label{align-items:center;display:flex;margin-bottom:var(--spacing-sm);transition:color .3s ease}.form-group input{border:1px solid var(--color-border);border-radius:var(--radius-sm)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e74c3c1a}.form-group input.input-error{background-color:#f4433608;border-color:var(--color-error)}.field-error{animation:fadeIn .3s ease-in-out;color:var(--color-error);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.form-actions button{overflow:hidden;position:relative;transition:all .3s ease}.form-actions button:before{background-color:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;width:0}.form-actions button:hover:before{height:300px;width:300px}.form-actions button:disabled{cursor:not-allowed;opacity:.7}.auth-links{margin-top:var(--spacing-lg)}.forgot-password{display:inline-block;position:relative}.forgot-password:after{background-color:var(--color-primary);bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.forgot-password:hover:after{transform:scaleX(1);transform-origin:left}.form-group input::placeholder{color:#aaa;opacity:.8}.loading-spinner{animation:spin 1s ease-in-out infinite;height:20px;width:20px}@media screen and (max-width:576px){.form-row{gap:var(--spacing-md);grid-template-columns:1fr}.auth-container{max-width:95%}.auth-content{padding:var(--spacing-md)}}.password-strength{margin-top:var(--spacing-xs)}.strength-meter{background-color:#e0e0e0;border-radius:3px;height:6px;margin-bottom:var(--spacing-xs);overflow:hidden}.strength-value{height:100%;transition:width .3s ease}.strength-1{background-color:#ff5252}.strength-2{background-color:#ffab40}.strength-3{background-color:#ffeb3b}.strength-4{background-color:#4caf50}.strength-text{font-size:var(--font-size-xs);font-weight:500}.success-message{background-color:#fff;border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.success-message h3{color:#2e7d32;margin-bottom:var(--spacing-md)}.success-message p{color:var(--color-text);margin-bottom:var(--spacing-lg)}.success-message .note{color:var(--color-text-light);font-size:var(--font-size-sm);font-style:italic;margin-bottom:var(--spacing-md)}.back-btn{margin-top:var(--spacing-md)}.back-to-login{color:var(--color-primary);display:inline-block;position:relative}.back-to-login:after{background-color:var(--color-primary);bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.back-to-login:hover:after{transform:scaleX(1);transform-origin:left}.auth-description{color:var(--color-text-light);margin-bottom:var(--spacing-lg);text-align:center}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-icon{animation:checkmark .5s ease-in-out}.not-found-page{align-items:center;background-color:#f9f9f9;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:var(--spacing-lg)}.not-found-content{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:600px;padding:var(--spacing-xl);text-align:center}.error-code{color:var(--color-primary);font-size:120px;font-weight:700;line-height:1;margin:0 0 var(--spacing-md)}.error-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.error-message{color:var(--color-text-light);font-size:var(--font-size-lg)}.error-actions,.error-message{margin-bottom:var(--spacing-xl)}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center}.suggestion-links{border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.suggestion-links h3{color:var(--color-text-light);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.suggestion-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.suggestion-link{background-color:#f5f5f5;border-radius:var(--radius-md);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .3s}.suggestion-link:hover{background-color:var(--color-primary);color:var(--color-white)}@media screen and (max-width:576px){.error-code{font-size:80px}.error-actions{flex-direction:column}.suggestion-grid{grid-template-columns:1fr 1fr}}.account-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.account-page h1{margin-bottom:var(--spacing-xl);text-align:center}.account-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:250px 1fr}.account-sidebar{display:flex;flex-direction:column;gap:var(--spacing-sm)}.account-tab{background:none;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500;padding:var(--spacing-md);text-align:left;transition:all .3s ease}.account-tab:hover{background-color:#f5f5f5}.account-tab.active{background-color:var(--color-secondary);color:var(--color-white)}.account-tab.logout{color:var(--color-error);margin-top:var(--spacing-lg)}.account-content{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.addresses-tab h2,.orders-tab h2,.password-tab h2,.profile-tab h2{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.addresses-tab h2:after,.orders-tab h2:after,.password-tab h2:after,.profile-tab h2:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.form-hint{color:var(--color-text-light);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.form-actions{margin-top:var(--spacing-lg)}.orders-list{gap:var(--spacing-md)}.order-card{border:1px solid var(--color-border)}.order-header{padding:var(--spacing-md)}.order-date{margin-left:var(--spacing-md)}.order-status{color:var(--color-primary)}.order-items{padding:var(--spacing-md)}.order-item{border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}.order-item:last-child{border-bottom:none}.item-image{height:60px;width:60px}.item-details h4{margin-bottom:var(--spacing-xs)}.order-footer{padding:var(--spacing-md)}.no-orders{padding:var(--spacing-xl) 0;text-align:center}.address-card{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden}.address-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md)}.address-header h3{margin:0}.address-badge{background-color:var(--color-success);border-radius:10px;color:var(--color-white);font-size:var(--font-size-xs);padding:2px 8px}.address-content{line-height:1.6;padding:var(--spacing-md)}.address-actions{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:var(--spacing-md)}.add-address-btn,.auth-links{margin-top:var(--spacing-md)}.forgot-password{color:var(--color-text-light);font-size:var(--font-size-sm);text-decoration:none;transition:color .3s}.forgot-password:hover{color:var(--color-primary);text-decoration:underline}@media screen and (max-width:768px){.account-container{grid-template-columns:1fr}.account-sidebar{margin-bottom:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.order-footer,.order-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.order-date{margin-left:0}.order-item{align-items:flex-start;flex-direction:column;padding:var(--spacing-md) 0}.item-image{margin-bottom:var(--spacing-sm)}.item-meta{flex-direction:column;gap:var(--spacing-xs)}}.orders-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.orders-page h1{margin-bottom:var(--spacing-xl);text-align:center}.no-orders{align-items:center;display:flex;justify-content:center;min-height:50vh}.no-orders-content{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:500px;padding:var(--spacing-xl);text-align:center}.no-orders-icon{color:var(--color-text-light);font-size:3rem}.no-orders h2,.no-orders-icon{margin-bottom:var(--spacing-md)}.no-orders p{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.order-card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.order-header{background-color:#f9f9f9;padding:var(--spacing-md) var(--spacing-lg)}.order-id{font-weight:600}.order-date{margin-top:var(--spacing-xs)}.order-date,.order-status{font-size:var(--font-size-sm)}.order-items{grid-gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:var(--spacing-lg)}.order-item{background-color:#f9f9f9;flex-direction:column;text-align:center}.item-image{margin-bottom:var(--spacing-sm)}.item-details h3{font-size:var(--font-size-md)}.item-meta{margin-bottom:var(--spacing-xs)}.item-meta span{display:block}.item-quantity,.more-items{color:var(--color-text-light);font-size:var(--font-size-sm)}.more-items{background-color:#f9f9f9;border-radius:var(--radius-md);grid-column:1/-1;padding:var(--spacing-sm);text-align:center}.order-footer{align-items:center;background-color:#f9f9f9;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.order-total{font-size:var(--font-size-lg);font-weight:600}@media screen and (max-width:768px){.order-footer{flex-direction:column;gap:var(--spacing-md)}.order-actions{justify-content:stretch;width:100%}.order-actions .cancel-btn,.order-actions .review-btn,.order-actions .view-details-btn{flex:1 1;text-align:center}.order-items{grid-template-columns:1fr}}.order-detail-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.order-header{align-items:flex-start;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.order-title h1{margin-bottom:var(--spacing-xs)}.order-date{color:var(--color-text-light)}.order-status-container{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-md)}.order-status{border-radius:var(--radius-md);font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-md)}.order-status.pending{background-color:#fff8e1;color:#f57c00}.order-status.processing{background-color:#e3f2fd;color:#1976d2}.order-status.delivered,.order-status.shipped{background-color:#e8f5e9;color:#388e3c}.order-status.cancelled{background-color:#ffebee;color:#d32f2f}.order-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:2fr 1fr}.order-section{border-radius:var(--radius-md);padding:var(--spacing-lg)}.order-section h2{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);position:relative}.order-section h2:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.order-items-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.item-image{height:80px;margin-right:var(--spacing-md);width:80px}.item-image img{border-radius:var(--radius-sm);height:100%;object-fit:cover;width:100%}.item-details{flex:1 1}.item-details h3{margin-bottom:var(--spacing-xs)}.item-meta{color:var(--color-text-light);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-md)}.item-price{font-weight:600;min-width:100px;text-align:right}.unit-price{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:400;margin-bottom:var(--spacing-xs)}.total-price{font-size:var(--font-size-md)}.payment-method,.shipping-address,.shipping-method{line-height:1.6}.tracking-info{background-color:#f9f9f9;border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.tracking-link{color:var(--color-primary);display:inline-block;margin-top:var(--spacing-xs);text-decoration:none}.tracking-link:hover{text-decoration:underline}.order-summary{align-self:start;background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-lg);position:sticky;top:100px}.order-summary h3{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.order-summary h3:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.summary-row{border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}.summary-row.total{border-bottom:none;padding:var(--spacing-md) 0}.summary-row.discount{color:var(--color-primary)}.order-actions{flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.error-container,.not-found-container{padding:var(--spacing-xxl) 0;text-align:center}.error-container h2,.not-found-container h2{margin-bottom:var(--spacing-md)}.error-container p,.not-found-container p{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}@media screen and (max-width:992px){.order-container{grid-template-columns:1fr}.order-summary{margin-bottom:var(--spacing-lg);position:static}}@media screen and (max-width:768px){.order-header{flex-direction:column;gap:var(--spacing-md)}.order-status-container{align-items:flex-start}.order-item{flex-direction:column}.item-image{margin-bottom:var(--spacing-sm)}.item-price{margin-top:var(--spacing-sm);text-align:left}}.wave-payment-modal{display:flex;flex-direction:column;padding:16px}.wave-payment-info{background-color:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:16px}.wave-payment-info h3{color:#333;margin-bottom:16px;margin-top:0}.wave-payment-info p{color:#555;margin:8px 0}.payment-note,.verification-note{color:#666;font-size:14px;margin:8px 0;text-align:center}.verification-note{color:#e74c3c;font-weight:500}.pulse-dot{animation:pulse 1.5s infinite;background-color:#ffa000;border-radius:50%;height:10px;margin-right:10px;width:10px}.ios-wave-container{background-color:#f8f9fa;border-left:4px solid #5ad199;border-radius:8px;margin:16px 0;padding:16px;text-align:center}.ios-instruction{font-weight:500;margin-bottom:12px}.ios-wave-button{background-color:#5ad199;border-radius:8px;box-shadow:0 2px 5px #0003;color:#fff;display:inline-block;font-size:16px;font-weight:700;margin:10px auto;padding:14px 24px;text-decoration:none}.ios-note{color:#666;font-size:13px;margin-top:12px}.status-message{align-items:center;background-color:#e3f2fd;border-left:4px solid #1976d2;border-radius:4px;color:#0d47a1;display:flex;font-size:14px;margin-top:16px;padding:12px}.status-message.checking{background-color:#fff8e1;border-left-color:#ffa000;color:#ff6f00}.verification-note{background-color:#fffde7;border-left:3px solid #ffd600;border-radius:4px;color:#666;font-size:14px;margin:10px 0;padding:10px;text-align:center}.wave-payment-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.wave-payment-actions button{transition:all .2s ease}.wave-payment-actions button:hover:not(:disabled){transform:translateY(-2px)}.wave-payment-modal{padding:20px 10px;text-align:center}.loading-container{padding:30px 0}.payment-container{align-items:center;display:flex;flex-direction:column}.amount-display{background-color:#f8f8f8;border-radius:8px;font-size:1.2rem;margin-bottom:25px;padding:15px 20px;width:100%}.amount-label{color:#666;margin-right:10px}.amount-value{color:#333;font-size:1.4rem;font-weight:700}.payment-action{width:100%}.action-instruction{margin-bottom:20px}.wave-button{background-color:#5ad199;border-radius:8px;box-shadow:0 4px 12px #5ad1994d;color:#fff;display:block;font-size:1.1rem;font-weight:700;margin:0 auto;padding:16px 20px;text-decoration:none;transition:all .3s ease;width:100%}.wave-button:hover{box-shadow:0 6px 16px #5ad19966;transform:translateY(-2px)}.checkout-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.checkout-page h1{margin-bottom:var(--spacing-xl);text-align:center}.checkout-steps{align-items:center;display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.step{flex-direction:column}.step-number{background-color:var(--color-border);color:var(--color-text-light);height:40px;margin-bottom:var(--spacing-xs);width:40px}.step.active .step-number{background-color:var(--color-primary);color:var(--color-white)}.step-line{background-color:var(--color-border);height:2px;margin:0 var(--spacing-md);width:100px}.step-label{font-size:var(--font-size-sm)}.step.active .step-label{color:var(--color-primary);font-weight:600}.checkout-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:2fr 1fr}.checkout-form-container{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.checkout-form h2{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.checkout-form h2:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.checkout-form h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.form-group input,.form-group select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);outline:none}.shipping-methods{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.shipping-method{display:flex}.shipping-method input[type=radio]{display:none}.shipping-method label{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all .3s;width:100%}.shipping-method input[type=radio]:checked+label{background-color:#e74c3c0d;border-color:var(--color-primary)}.method-details{display:flex;flex-direction:column}.method-name{font-weight:600;margin-bottom:var(--spacing-xs)}.method-info{color:var(--color-text-light);font-size:var(--font-size-sm)}.method-price{font-weight:600}.payment-methods{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.payment-method{flex:1 1;min-width:150px}.payment-method input[type=radio]{display:none}.payment-method label{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;padding:var(--spacing-md);transition:all .3s}.payment-method input[type=radio]:checked+label{background-color:#e74c3c0d;border-color:var(--color-primary)}.method-logo{align-items:center;background-color:var(--color-text-light);border-radius:var(--radius-sm);color:var(--color-white);display:flex;font-weight:600;height:40px;justify-content:center;margin-right:var(--spacing-md);width:40px}.card-form{border-top:1px solid var(--color-border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.form-actions{justify-content:space-between}.checkout-summary{align-self:start;background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-lg);position:sticky;top:100px}.checkout-summary h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.checkout-summary h3:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.cart-items-summary{margin-bottom:var(--spacing-lg);max-height:300px;overflow-y:auto}.summary-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;padding:var(--spacing-md) 0}.summary-item:last-child{border-bottom:none}.summary-image{height:60px;margin-right:var(--spacing-md);position:relative;width:60px}.summary-image img{border-radius:var(--radius-sm);height:100%;object-fit:cover;width:100%}.item-quantity{align-items:center;background-color:var(--color-primary);border-radius:50%;color:var(--color-white);display:flex;font-size:var(--font-size-xs);font-weight:600;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.summary-details{flex:1 1}.summary-details h4{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.summary-meta{color:var(--color-text-light);font-size:var(--font-size-sm)}.summary-meta span{display:block}.summary-price{font-weight:600}.summary-totals{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.summary-row{margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0}.summary-row.total{border-top:1px solid var(--color-border);font-size:var(--font-size-lg);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.order-section{margin-bottom:var(--spacing-lg)}.order-section h3{color:var(--color-text-light);font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.delivery-address p{margin-bottom:var(--spacing-xs)}.order-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.checkout-complete,.order-item{align-items:center;display:flex}.checkout-complete{justify-content:center;min-height:70vh}.order-success{box-shadow:var(--shadow-lg);max-width:600px;text-align:center}.success-icon{background-color:var(--color-success);color:var(--color-white);font-size:40px}.order-success h1{color:var(--color-success);margin-bottom:var(--spacing-md)}.order-success p{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.order-details{background-color:#f9f9f9;margin-bottom:var(--spacing-lg)}.order-id{margin-bottom:var(--spacing-sm)}@media screen and (max-width:992px){.checkout-container{grid-template-columns:1fr}.checkout-summary{margin-top:var(--spacing-lg);position:static}}@media screen and (max-width:768px){.checkout-steps{align-items:flex-start;flex-direction:column;margin-left:var(--spacing-lg)}.step{align-items:center;flex-direction:row;margin-bottom:var(--spacing-md);width:100%}.step-number{margin-bottom:0;margin-right:var(--spacing-md)}.step-line{height:30px;margin:0 0 0 19px;width:2px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:var(--spacing-sm)}.form-actions button{width:100%}.order-actions{flex-direction:column}}.checkout-complete{margin:0 auto;max-width:600px;padding:var(--spacing-xl);text-align:center}.order-success{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.success-icon{align-items:center;background-color:#2ecc711a;border-radius:50%;color:var(--color-success);display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.order-details{background-color:var(--color-background);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md);text-align:left}.order-id{font-size:var(--font-size-lg)}.order-actions{gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}@media screen and (max-width:768px){.order-actions{flex-direction:column}}.payment-result{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:60px auto;max-width:600px;padding:var(--spacing-xl);text-align:center}.result-icon{font-size:48px;margin-bottom:var(--spacing-md)}.payment-result.success .result-icon{color:var(--color-success)}.payment-result.error .result-icon{color:var(--color-error)}.payment-result h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.payment-result.success h1{color:var(--color-success)}.payment-result.error h1{color:var(--color-error)}.payment-result p{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.error-details,.order-summary{background-color:var(--color-background);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);text-align:left}.order-reference{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.result-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.error-message,.success-message{align-items:flex-start;border-radius:8px;display:flex;margin-top:15px;padding:15px;text-align:left}.success-message{background-color:#2ecc711a;border-left:4px solid #2ecc71}.error-message{background-color:#e74c3c1a;border-left:4px solid #e74c3c}.error-icon,.success-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:700;height:24px;justify-content:center;margin-right:12px;width:24px}.success-icon{background-color:#2ecc71;color:#fff}.error-icon{background-color:#e74c3c;color:#fff}.error-message h4,.success-message h4{font-size:16px;margin:0 0 8px}.error-message p,.success-message p{font-size:14px;margin:0 0 8px}.error-message ul{margin:0 0 8px;padding-left:20px}.error-message li{font-size:14px;margin-bottom:5px}.verification-status{align-items:center;background-color:#f0f8ff;border-left:4px solid #007bff;border-radius:4px;display:flex;font-weight:500;margin-top:15px;padding:10px 15px}.pulse-indicator{animation:pulse 1.5s infinite;background-color:#007bff;border-radius:50%;height:12px;margin-right:10px;width:12px}@media screen and (max-width:768px){.payment-result{margin:30px 15px;padding:var(--spacing-lg)}.result-actions{flex-direction:column;gap:var(--spacing-sm)}.result-icon{font-size:36px}.payment-result h1{font-size:var(--font-size-xl)}}.admin-dashboard{margin:0 auto;max-width:1400px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:var(--color-secondary);font-size:2rem;font-weight:700;margin:0;position:relative}.dashboard-header h1:after{bottom:0;opacity:.8;width:100%}.stat-card.success:after{background-color:var(--color-success)}.stat-card.warning:after{background-color:var(--color-warning)}.stat-card.info:after{background-color:var(--color-info)}.stat-card.error:after{background-color:var(--color-error)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:60px;justify-content:center;margin-right:var(--spacing-lg);position:relative;width:60px;z-index:2}.stat-icon.orders{background-color:#1976d21a;color:var(--color-info)}.stat-icon.revenue{background-color:#2ecc711a;color:var(--color-success)}.stat-icon.pending{background-color:#f1c40f1a;color:var(--color-warning)}.stat-icon.total{background-color:#7b1fa21a;color:#7b1fa2}.stat-icon.users{background-color:#3498db1a;color:#3498db}.stat-icon.products{background-color:#e74c3c1a;color:var(--color-primary)}.stat-content{flex:1 1;position:relative;z-index:2}.stat-content h3{color:var(--color-text-light);font-size:.9rem;font-weight:500;margin:0 0 5px}.stat-value{color:var(--color-text);font-size:1.8rem;font-weight:700;margin:0 0 5px}.stat-subtitle{color:var(--color-text-light);display:block;font-size:.8rem}.dashboard-secondary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.secondary-stat{background-color:#f8f9fa}.stat-card.loading{animation:pulse 1.5s ease-in-out infinite;justify-content:center;min-height:110px}.stat-card.error{border-color:var(--color-error-light);padding:15px 20px}.error-message{color:var(--color-error);font-size:.9rem;justify-content:space-between;width:100%}.error-message,.refresh-btn{align-items:center;display:flex}.refresh-btn{background:none;border:none;border-radius:50%;color:var(--color-secondary);cursor:pointer;justify-content:center;padding:5px;transition:all .3s ease}.refresh-btn:hover{background-color:var(--color-secondary-light);transform:rotate(30deg)}.quick-actions{margin-bottom:30px}.quick-actions h2{color:var(--color-secondary);font-size:1.25rem;font-weight:600;margin-bottom:20px}.quick-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-card{align-items:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text);display:flex;flex-direction:column;gap:15px;justify-content:center;overflow:hidden;padding:25px 15px;position:relative;text-decoration:none;transition:all .3s ease}.quick-action-card:before{background-color:var(--color-primary);content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.quick-action-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.quick-action-card:hover:before{opacity:1}.quick-action-icon{align-items:center;background-color:var(--color-primary-light);border-radius:50%;color:var(--color-primary);display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.quick-action-card:hover .quick-action-icon{background-color:var(--color-primary);color:var(--color-white);transform:scale(1.1)}.quick-action-card span{font-size:.95rem;font-weight:500;text-align:center}.admin-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.admin-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden}.admin-card:hover{box-shadow:var(--shadow-lg)}.card-header{background-color:#f8fafc;padding:15px 20px}.card-header h2{font-size:1.1rem;font-weight:600;margin:0}.card-header h2,.view-all{color:var(--color-secondary)}.view-all{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:5px;text-decoration:none;transition:all .3s ease}.view-all:hover{color:var(--color-primary)}.view-all svg{transition:transform .3s ease}.view-all:hover svg{transform:translateX(3px)}.table-container{flex:1 1}.admin-table th{background-color:#f8f9fa;color:var(--color-text-light);font-size:.85rem}.admin-table td,.admin-table th{padding:12px 15px}.admin-table tbody tr:hover{background-color:#f9fafb}.status-badge{border-radius:12px;font-weight:500;min-width:80px;padding:4px 8px;text-align:center}.product-list{list-style:none;margin:0;padding:0}.product-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;padding:15px 20px;transition:background-color .3s ease}.product-item:last-child{border-bottom:none}.product-item:hover{background-color:#f9fafb}.product-image{flex-shrink:0;margin-right:15px}.product-image img{border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 4px #0000000d}.product-item:hover .product-image img{transform:scale(1.05)}.product-info{flex:1 1}.product-info h3{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 5px}.product-meta{color:var(--color-text-light);display:flex;font-size:.85rem;gap:15px}.product-category{background-color:#f0f4f8;border-radius:12px;padding:2px 8px}.product-stock{align-items:center;display:flex}.product-stock:before{background-color:var(--color-success);border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;width:8px}.product-actions{margin-left:15px}.card-loading{background-color:#fbfbfb;padding:50px 0}.card-loading,.empty-state{align-items:center;display:flex;justify-content:center}.empty-state{color:var(--color-text-light);flex-direction:column;padding:50px 20px;text-align:center}.empty-state p{font-size:.95rem;margin-bottom:15px}@media (max-width:1200px){.dashboard-secondary-stats,.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-row{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.dashboard-secondary-stats,.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.product-meta{flex-direction:column;gap:5px}.dashboard-alert{flex-direction:column;padding:15px}.alert-close{position:absolute;right:10px;top:10px}}.admin-row,.dashboard-secondary-stats,.quick-actions,.stats-grid{animation:fadeIn .5s ease-in-out}.stats-grid{animation-delay:.1s}.dashboard-secondary-stats{animation-delay:.2s}.quick-actions{animation-delay:.3s}.admin-row{animation-delay:.4s}.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}.quick-action-card:first-child{animation-delay:.3s}.quick-action-card:nth-child(2){animation-delay:.4s}.quick-action-card:nth-child(3){animation-delay:.5s}.quick-action-card:nth-child(4){animation-delay:.6s}.dashboard-header h1:after{background-color:var(--color-primary);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:40px}.dashboard-date{align-items:center;border:1px solid var(--color-border);border-radius:50px;box-shadow:var(--shadow-sm);font-weight:500;gap:10px;padding:8px 15px}.dashboard-alert,.dashboard-date{background-color:var(--color-white);display:flex}.dashboard-alert{align-items:flex-start;animation:slideDown .5s ease;border-left:4px solid;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:15px;margin-bottom:25px;padding:15px 20px;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-alert.info{background-color:var(--color-info-light);border-color:var(--color-info)}.dashboard-alert.warning{background-color:var(--color-warning-light);border-color:var(--color-warning)}.dashboard-alert.success{background-color:var(--color-success-light);border-color:var(--color-success)}.dashboard-alert.error{background-color:var(--color-error-light);border-color:var(--color-error)}.alert-icon{align-items:center;color:var(--color-info);display:flex;height:24px;justify-content:center;width:24px}.dashboard-alert.warning .alert-icon{color:var(--color-warning)}.dashboard-alert.success .alert-icon{color:var(--color-success)}.dashboard-alert.error .alert-icon{color:var(--color-error)}.alert-content{flex:1 1}.alert-content h4{font-weight:600;margin:0 0 5px}.alert-content p{font-size:.9rem;margin:0}.alert-close{background:none;border:none;color:inherit;cursor:pointer;display:flex;opacity:.5;padding:0;transition:opacity .3s ease}.alert-close:hover{opacity:1}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(45deg,#fff0 40%,#ffffff4d);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-card:after{content:""}:root{--color-primary:#e74c3c;--color-primary-dark:#c0392b;--color-primary-light:#f9d7d3;--color-secondary:#34495e;--color-secondary-dark:#2c3e50;--color-secondary-light:#d6e0ea;--color-accent-1:#3498db;--color-accent-2:#2ecc71;--color-accent-3:#f39c12;--color-accent-4:#9b59b6;--color-white:#fff;--color-black:#000;--color-text:#333;--color-text-light:#777;--color-border:#e0e0e0;--color-background:#f5f7fa;--color-card-bg:#fff;--color-error:#e53935;--color-error-dark:#c62828;--color-error-light:#ffebee;--color-success:#43a047;--color-success-dark:#2e7d32;--color-success-light:#e8f5e9;--color-warning:#f57c00;--color-warning-dark:#e65100;--color-warning-light:#fff8e1;--color-info:#1976d2;--color-info-dark:#0d47a1;--color-info-light:#e3f2fd;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #00000014;--shadow-md:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #00000012,0 4px 6px #0000000d;--shadow-xl:0 15px 25px #00000012,0 5px 10px #0000000d;--shadow-inner:inset 0 2px 4px #0000000f;--transition-fast:150ms;--transition-normal:300ms;--transition-slow:500ms;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:1080}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;background-color:var(--color-background);color:#333;color:var(--color-text);line-height:1.5}.btn,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-family:var(--font-family)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-md);font-weight:600;gap:.5rem;gap:var(--spacing-xs);justify-content:center;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast) ease}.btn:after{background-image:radial-gradient(circle,#fff 10%,#0000 10.01%);background-position:50%;background-repeat:no-repeat;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(10);transition:transform .4s,opacity .7s;width:100%}.btn:active:after{opacity:.3;transform:scale(0);transition:0s}.btn-icon{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.btn-primary{background-color:#e74c3c;background-color:var(--color-primary);box-shadow:0 4px 14px #e74c3c40;color:#fff;color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:#c0392b;background-color:var(--color-primary-dark);box-shadow:0 6px 20px #e74c3c59;transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 10px #e74c3c40;transform:translateY(0)}.btn-secondary{background-color:#34495e;background-color:var(--color-secondary);box-shadow:0 4px 14px #34495e40;color:#fff;color:var(--color-white)}.btn-secondary:hover:not(:disabled){background-color:#2c3e50;background-color:var(--color-secondary-dark);box-shadow:0 6px 20px #34495e59;transform:translateY(-2px)}.btn-outline{background-color:initial;border:1px solid #34495e;border:1px solid var(--color-secondary);box-shadow:none;color:#34495e;color:var(--color-secondary)}.btn-outline:hover:not(:disabled){background-color:#34495e;background-color:var(--color-secondary);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--color-white);transform:translateY(-2px)}.btn-ghost{background-color:initial;box-shadow:none;color:#333;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background-color:#0000000d}.btn-success{background-color:#43a047;background-color:var(--color-success);box-shadow:0 4px 14px #43a04740;color:#fff;color:var(--color-white)}.btn-success:hover:not(:disabled){background-color:#2e7d32;background-color:var(--color-success-dark);box-shadow:0 6px 20px #43a04759;transform:translateY(-2px)}.btn-danger{background-color:#e53935;background-color:var(--color-error);box-shadow:0 4px 14px #e5393540;color:#fff;color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:#c62828;background-color:var(--color-error-dark);box-shadow:0 6px 20px #e5393559;transform:translateY(-2px)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7}.card{background-color:#fff;background-color:var(--color-card-bg);border:1px solid #0000000d;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease}.card:hover{box-shadow:0 10px 15px #00000012,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-header{align-items:center;background-color:#f8f9fab3;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.card-title{color:#34495e;color:var(--color-secondary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin:0}.card-body{padding:1.5rem;padding:var(--spacing-lg)}.card-footer{background-color:#f8f9fab3;border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.table-container{background-color:#fff;background-color:var(--color-card-bg);border:1px solid #0000000d;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow-x:auto}.admin-table{border-collapse:initial;border-spacing:0;margin-bottom:0;width:100%}.admin-table th{background-color:#f8f9fab3;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-border);color:#34495e;color:var(--color-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;padding:1rem;padding:var(--spacing-md);position:sticky;text-align:left;text-transform:uppercase;top:0;vertical-align:middle;z-index:10}.admin-table tbody tr{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);transition:background-color .15s ease;transition:background-color var(--transition-fast) ease}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr:hover{background-color:#f8f9fab3}.admin-table td{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border);padding:1rem;padding:var(--spacing-md);vertical-align:middle}.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;box-shadow:var(--shadow-sm);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;justify-content:center;padding:.35rem .8rem;text-transform:capitalize;white-space:nowrap}.status-badge.pending{background-color:#fff8e1;background-color:var(--color-warning-light);border:1px solid #f57c0033;color:#f57c00;color:var(--color-warning)}.status-badge.processing{background-color:#e3f2fd;background-color:var(--color-info-light);border:1px solid #1976d233;color:#1976d2;color:var(--color-info)}.status-badge.shipped{background-color:#f9d7d3;background-color:var(--color-primary-light);border:1px solid #e74c3c33;color:#e74c3c;color:var(--color-primary)}.status-badge.delivered{background-color:#e8f5e9;background-color:var(--color-success-light);border:1px solid #43a04733;color:#43a047;color:var(--color-success)}.status-badge.cancelled{background-color:#ffebee;background-color:var(--color-error-light);border:1px solid #e5393533;color:#e53935;color:var(--color-error)}.admin-main{margin:0 auto;max-width:1400px;padding:1.5rem;padding:var(--spacing-lg)}.admin-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:.75rem;padding-bottom:var(--spacing-sm)}.admin-header h1{color:#34495e;color:var(--color-secondary);font-size:1.8rem;font-weight:700;margin:0;position:relative}.admin-header h1:after{background-color:#e74c3c;background-color:var(--color-primary);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:40px}.header-subtitle{color:#777}.admin-filters{background-color:#fff;background-color:var(--color-card-bg);border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.filter-group{gap:.75rem;gap:var(--spacing-sm)}.filter-group label{color:#34495e}.filter-select{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-size:16px 12px;border:1px solid #e0e0e0;border-radius:8px;color:#333;color:var(--color-text);font-size:1rem;padding:.6rem 2rem .6rem 1rem;transition:border-color .15s,box-shadow .15s;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-select:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c26}.search-form{max-width:500px;position:relative}.search-input-wrapper{align-items:center;display:flex}.search-icon{color:#777}.search-input{border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.6rem 2.5rem;transition:border-color .15s,box-shadow .15s;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c26}.search-clear{color:#777;padding:0;transition:color .15s;transition:color var(--transition-fast)}.search-clear:hover{color:#e74c3c;color:var(--color-primary)}.products-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);gap:1.5rem;gap:var(--spacing-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.product-card{background-color:#fff;background-color:var(--color-card-bg);border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transition:all var(--transition-normal) ease}.product-card:hover{box-shadow:0 10px 15px #00000012,0 4px 6px #0000000d}.product-image{padding-top:75%}.product-image img{left:0;position:absolute;top:0;transition:transform var(--transition-normal) ease}.product-content{padding:1rem;padding:var(--spacing-md)}.product-name{color:#34495e;color:var(--color-secondary);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.product-category{background-color:#34495e1a;border-radius:9999px;border-radius:var(--radius-full);color:#777;font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem}.product-category,.product-price{margin-bottom:.75rem;margin-bottom:var(--spacing-sm)}.product-price{color:#e74c3c;font-size:1rem;font-size:var(--font-size-md)}.product-stock{border-top:1px solid #e0e0e0;padding-top:.75rem;padding-top:var(--spacing-sm)}.stock-header{margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.stock-status{font-size:var(--font-size-xs)}.stock-status:before{margin-right:6px}.stock-status.good:before{background-color:#43a047}.stock-status.low:before{background-color:#f57c00}.stock-status.out:before{background-color:#e53935}.stock-count{color:#777;color:var(--color-text-light)}.stock-count,.stock-details{font-size:.75rem;font-size:var(--font-size-xs)}.stock-details{color:#777}.product-actions{background-color:#f8f9fab3;border-top:1px solid #e0e0e0;gap:.5rem;gap:var(--spacing-xs);padding:.75rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.action-button{background:none;border-radius:8px;color:#333;color:var(--color-text);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;gap:6px;padding:.5rem .75rem;transition:all .15s ease;transition:all var(--transition-fast) ease}.action-button.edit{color:#1976d2}.action-button.delete{color:#e53935}.action-button:hover{background-color:#0000000d}.pagination{gap:.5rem;gap:var(--spacing-xs);margin:1.5rem 0;margin:var(--spacing-lg) 0}.pagination,.pagination-button{align-items:center;display:flex;justify-content:center}.pagination-button{background-color:#fff;background-color:var(--color-white);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;box-shadow:var(--shadow-sm);color:#333;color:var(--color-text);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);height:36px;min-width:36px;padding:0 .75rem;padding:0 var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast) ease}.pagination-button:hover:not([disabled]){background-color:#f9d7d3;background-color:var(--color-primary-light);border-color:#e74c3c;border-color:var(--color-primary);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#e74c3c;color:var(--color-primary);transform:translateY(-2px)}.pagination-button.active{background-color:#e74c3c;background-color:var(--color-primary);border-color:#e74c3c;border-color:var(--color-primary);color:#fff;color:var(--color-white);font-weight:600}@media (max-width:1200px){.admin-main{padding:1rem;padding:var(--spacing-md)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:992px){.admin-filters{align-items:flex-start;flex-direction:column}.search-form{max-width:none;width:100%}.filter-group{width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.admin-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.btn{padding:.5rem 1rem}.admin-main{padding:.75rem;padding:var(--spacing-sm)}.products-grid{grid-template-columns:1fr}}@media (max-width:576px){.admin-header h1{font-size:1.5rem}.card-header{align-items:flex-start;gap:.75rem;gap:var(--spacing-sm)}.card-header,.product-actions{flex-direction:column}}.fade-in{animation:fadeIn .5s ease forwards}.empty-products{background-color:#fff;background-color:var(--color-card-bg);border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.empty-icon{color:#777;color:var(--color-text-light);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.empty-products h3{color:#34495e;font-size:var(--font-size-xl);margin-bottom:.75rem;margin-bottom:var(--spacing-sm)}.empty-products p{color:#777;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto}.admin-order-detail{margin:0 auto;max-width:1200px}.order-header{justify-content:space-between;margin-bottom:30px}.order-header,.order-title{align-items:center;display:flex}.order-title{gap:15px}.order-title h1{color:var(--color-secondary);font-size:1.8rem;font-weight:700;margin:0}.order-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;padding:6px 12px;text-transform:capitalize}.order-status.pending{background-color:var(--color-warning-light);color:var(--color-warning)}.order-status.processing{background-color:var(--color-info-light);color:var(--color-info)}.order-status.shipped{background-color:var(--color-primary-light);color:var(--color-primary)}.order-status.delivered{background-color:var(--color-success-light);color:var(--color-success)}.order-status.cancelled{background-color:var(--color-error-light);color:var(--color-error)}.back-button{align-items:center;display:flex;gap:8px}.order-timeline{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:30px;padding:20px}.timeline-track{background-color:#e0e0e0;border-radius:2px;height:4px;margin-bottom:15px;position:relative}.timeline-progress{background-color:var(--color-primary);border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .5s ease}.timeline-steps{display:flex;justify-content:space-between}.timeline-step{flex-direction:column;gap:8px;width:25%}.step-icon,.timeline-step{align-items:center;display:flex}.step-icon{background-color:#f0f0f0;border:2px solid #e0e0e0;border-radius:50%;color:var(--color-text-light);height:30px;justify-content:center;width:30px}.timeline-step.active .step-icon{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.step-label{color:var(--color-text-light);font-size:.8rem;font-weight:500}.timeline-step.active .step-label{color:var(--color-text);font-weight:600}.order-meta{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.meta-item{align-items:flex-start;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:12px;padding:20px}.meta-icon{align-items:center;background-color:var(--color-primary-light);border-radius:8px;color:var(--color-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.meta-content{flex:1 1}.meta-label{color:var(--color-text-light);font-size:.85rem;margin-bottom:5px}.meta-value{color:var(--color-text);font-weight:600}.status-select{-webkit-appearance:none;appearance:none;background-color:var(--color-white);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);padding:8px 30px 8px 12px;transition:all var(--transition-fast) ease}.status-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e74c3c1a;outline:none}.status-select.pending{border-color:var(--color-warning);color:var(--color-warning)}.status-select.processing{border-color:var(--color-info);color:var(--color-info)}.status-select.shipped{border-color:var(--color-primary);color:var(--color-primary)}.status-select.delivered{border-color:var(--color-success);color:var(--color-success)}.status-select.cancelled{border-color:var(--color-error);color:var(--color-error)}.status-loading{animation:spin .8s linear infinite;border:2px solid #e74c3c33;border-radius:50%;border-top:2px solid var(--color-primary);display:inline-block;height:16px;margin-left:10px;width:16px}.tracking-number{background-color:#f5f5f5;border-radius:4px;font-family:monospace;font-size:1rem;letter-spacing:1px;padding:6px 10px}.status-history-section{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:30px;overflow:hidden}.status-history-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px}.status-history-header h3{color:var(--color-secondary);font-size:1rem;margin:0}.toggle-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-light);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.toggle-button:hover{background-color:#0000000d;color:var(--color-text)}.toggle-button svg{transition:transform .3s ease}.toggle-button.active svg{transform:rotate(180deg)}.status-history-content{padding:15px 20px}.status-history-list{list-style:none;margin:0;padding:0;position:relative}.status-history-list:before{background-color:#e0e0e0;bottom:0;content:"";left:10px;position:absolute;top:0;width:2px}.status-history-item{align-items:center;display:flex;padding:10px 20px 10px 30px;position:relative}.status-dot{background-color:#fff;border:2px solid;border-radius:50%;height:20px;left:0;position:absolute;width:20px;z-index:1}.status-dot.primary{border-color:var(--color-primary)}.status-dot.success{border-color:var(--color-success)}.status-dot.info{border-color:var(--color-info)}.status-dot.warning{border-color:var(--color-warning)}.status-dot.error{border-color:var(--color-error)}.status-dot.secondary{border-color:var(--color-secondary)}.status-info{display:flex;flex:1 1;flex-direction:column}.status-text{font-weight:600}.status-by,.status-date{color:var(--color-text-light);font-size:.8rem}.status-by{font-style:italic}.order-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.order-section{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.items-section,.notes-section,.summary-section{grid-column:1/-1}.order-section h2{background-color:#f8f9fa;border-bottom:1px solid var(--color-border);color:var(--color-secondary);font-size:1.1rem;margin:0;padding:15px 20px}.customer-info{align-items:center;display:flex;gap:15px;padding:20px}.customer-avatar{align-items:center;background-color:var(--color-primary-light);border-radius:50%;color:var(--color-primary);display:flex;font-size:1.5rem;font-weight:600;height:50px;justify-content:center;width:50px}.customer-details{flex:1 1}.customer-name{font-size:1.05rem;font-weight:600;margin-bottom:5px}.customer-contact{display:flex;flex-direction:column;gap:5px}.contact-item{align-items:center;color:var(--color-text-light);display:flex;font-size:.9rem;gap:8px}.shipping-info{display:flex;gap:15px;padding:20px}.address-icon{color:var(--color-primary)}.address-details{flex:1 1}.address-name{font-weight:600;margin-bottom:8px}.address-line{font-size:.95rem;margin-bottom:5px}.empty-info{color:var(--color-text-light);font-style:italic;padding:20px;text-align:center}.items-table{border-collapse:collapse;width:100%}.items-table th{background-color:#f8f9fa;color:var(--color-text-light);font-size:.85rem;font-weight:600;padding:12px 15px;text-align:left;text-transform:uppercase}.items-table td{border-top:1px solid var(--color-border);padding:15px;vertical-align:middle}.product-image{border:1px solid var(--color-border);border-radius:var(--radius-md);height:60px;width:60px}.product-name{margin-bottom:5px}.product-id{color:var(--color-text-light);font-size:.8rem}.variant-info{font-size:.9rem}.variant-size{margin-bottom:5px}.variant-color{align-items:center;display:flex;gap:5px}.color-dot{display:inline-block}.price-cell,.quantity-cell,.total-cell{text-align:right}.total-cell{color:var(--color-primary);font-weight:600}.empty-items{color:var(--color-text-light);padding:40px 20px;text-align:center}.empty-icon{margin-bottom:15px}.empty-items p{margin:0 0 10px}.empty-note{background-color:#f9f9f9;border-radius:var(--radius-md);font-size:.9rem;margin-top:15px;padding:10px}.order-summary{padding:20px}.summary-row{display:flex;justify-content:space-between;padding:10px 0}.summary-label{color:var(--color-text-light)}.summary-value{font-weight:600}.summary-row.discount .summary-value{color:var(--color-primary)}.summary-divider{background-color:var(--color-border);height:1px;margin:10px 0}.summary-row.total{font-size:1.1rem;font-weight:600}.summary-row.total .summary-label{color:var(--color-text)}.order-notes{padding:20px}.order-notes p{line-height:1.6;margin:0}.order-actions{display:flex;gap:15px;margin-bottom:40px}.email-button,.print-button{align-items:center;display:flex;gap:8px}@media print{.admin-sidebar,.order-actions,.order-header{display:none!important}.admin-main{margin-left:0!important;padding:0!important}.admin-order-detail{max-width:100%!important}.order-meta,.order-section,.order-sections{border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.status-select{-webkit-appearance:none;appearance:none;background:none;border:none;padding:0}}@media (max-width:992px){.order-meta{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.order-meta,.order-sections{grid-template-columns:1fr}.order-title{gap:10px}.order-header,.order-title{align-items:flex-start;flex-direction:column}.order-header{gap:15px}.order-actions{flex-direction:column}.timeline-steps{display:none}}.order-actions,.order-meta,.order-sections,.order-timeline,.status-history-section{animation:fadeIn .5s ease}.order-meta{animation-delay:.1s}.order-timeline{animation-delay:.2s}.order-sections{animation-delay:.3s}.status-history-section{animation-delay:.4s}.order-actions{animation-delay:.5s}.admin-products{margin:0 auto;max-width:1400px}.header-title{display:flex;flex-direction:column}.header-subtitle{color:var(--color-text-light);font-size:.95rem;margin:5px 0 0}.admin-filters{align-items:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding:20px}.search-form{flex:1 1;min-width:250px}.search-input-wrapper{position:relative;width:100%}.search-icon{color:var(--color-text-light);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:var(--font-size-md);padding:12px 40px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e74c3c1a;outline:none}.search-clear{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-light);cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease}.search-clear:hover{background-color:#f0f0f0;color:var(--color-text)}.filter-group{align-items:center;display:flex;gap:10px}.filter-group label{color:var(--color-secondary);font-weight:500;white-space:nowrap}.filter-select{-webkit-appearance:none;appearance:none;background-color:var(--color-white);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);min-width:150px;padding:10px 35px 10px 15px;transition:all .3s ease}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e74c3c1a;outline:none}.loading-container{min-height:300px}.empty-products,.loading-container{align-items:center;display:flex;justify-content:center}.empty-products{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;padding:80px 20px;text-align:center}.empty-icon{color:#e0e0e0;display:flex;justify-content:center;margin-bottom:20px}.empty-products h3{color:var(--color-secondary);font-size:1.25rem;margin:0 0 10px}.empty-products p{color:var(--color-text-light);margin:0 0 20px;max-width:500px}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.product-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:100%;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.product-card-inner{display:flex;flex-direction:column;height:100%}.product-image{border-bottom:1px solid var(--color-border);height:200px;overflow:hidden;position:relative;width:100%}.product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.product-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:5px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:2}.product-badge.promo{background-color:var(--color-primary);color:var(--color-white)}.product-badge.inactive{background-color:#757575;color:var(--color-white)}.product-content{display:flex;flex:1 1;flex-direction:column;padding:15px}.product-name{color:var(--color-text);font-size:1.1rem;font-weight:600;margin:0 0 8px}.product-category{background-color:#f5f5f5;border-radius:4px;color:var(--color-text-light);display:inline-block;font-size:.85rem;margin-bottom:10px;padding:4px 8px}.product-price{align-items:center;color:var(--color-primary);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:15px}.original-price{color:var(--color-text-light);font-size:.9rem;font-weight:400;text-decoration:line-through}.promo-price{color:var(--color-primary)}.product-stock{border-top:1px solid var(--color-border);margin-top:auto;padding-top:15px}.stock-header{align-items:center;justify-content:space-between;margin-bottom:8px}.stock-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 8px}.stock-status:before{border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;width:8px}.stock-status.out{background-color:var(--color-error-light);color:var(--color-error)}.stock-status.out:before{background-color:var(--color-error)}.stock-status.low{background-color:var(--color-warning-light);color:var(--color-warning)}.stock-status.low:before{background-color:var(--color-warning)}.stock-status.good{background-color:var(--color-success-light);color:var(--color-success)}.stock-status.good:before{background-color:var(--color-success)}.stock-count{color:var(--color-text);font-size:.85rem}.stock-details{color:var(--color-text-light);font-size:.8rem;max-height:80px;overflow-y:auto}.stock-color-row{align-items:center;display:flex;margin-bottom:4px}.color-dot{border:1px solid #0000001a;border-radius:50%;height:12px;margin-right:5px;width:12px}.color-name{font-weight:500;margin-right:5px}.product-actions{background-color:#f8f9fa;border-top:1px solid var(--color-border);display:flex;gap:10px;padding:12px 15px}.action-button{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:8px;justify-content:center;padding:8px 12px;text-decoration:none;transition:all .3s ease}.action-button.edit{background-color:var(--color-info-light);color:var(--color-info)}.action-button.edit:hover{background-color:var(--color-info);color:var(--color-white)}.action-button.delete{background-color:var(--color-error-light);color:var(--color-error)}.action-button.delete:hover{background-color:var(--color-error);color:var(--color-white)}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.admin-filters{align-items:flex-start;flex-direction:column}.filter-group{width:100%}.filter-select{flex:1 1;width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.products-grid{animation:fadeIn .5s ease-out}.product-card{animation:fadeIn .5s ease-out forwards;opacity:0}.product-card:first-child{animation-delay:.05s}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-card:nth-child(5){animation-delay:.25s}.product-card:nth-child(6){animation-delay:.3s}.product-card:nth-child(7){animation-delay:.35s}.product-card:nth-child(8){animation-delay:.4s}.product-card:nth-child(9){animation-delay:.45s}.product-card:nth-child(10){animation-delay:.5s}.color-preview{border-radius:4px;overflow:hidden;position:relative;transition:transform .2s ease}.color-name:hover .color-preview{transform:scale(1.2)}.color-preview:before{background:linear-gradient(135deg,#fff6,#fff0 40%,#0000 60%,#0000001a);border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.color-preview[style*="background-color: #ffffff"],.color-preview[style*="background-color: white"]{border:1px solid #ccc}.stock-table{border:1px solid #eaeaea;border-collapse:initial;border-radius:8px;border-spacing:0;box-shadow:0 2px 4px #0000000d;overflow:hidden;width:100%}.stock-table th{background-color:#f8f9fa;border-bottom:2px solid #eaeaea;color:#555;font-weight:600;padding:12px;position:sticky;text-align:center;top:0}.stock-table td{border-bottom:1px solid #eaeaea;padding:10px;text-align:center;vertical-align:middle}.stock-table tr:last-child td{border-bottom:none}.stock-table tr:hover td{background-color:#f5f5f5}.stock-table tr:nth-child(2n){background-color:#fbfbfb}.stock-table tr:nth-child(2n):hover td{background-color:#f5f5f5}.summary-row{background-color:#f0f4f7!important;font-weight:500}.summary-row td{border-top:2px solid #eaeaea}.color-name{align-items:center;display:flex;text-align:left}.color-column{text-align:left;width:180px}.stock-input{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:6px;transition:all .2s ease}.stock-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #e74c3c1a;outline:none}.stock-input:hover{border-color:silver}.stock-actions-buttons{display:flex;gap:5px;justify-content:center}.quick-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:5px 8px;transition:all .2s ease}.quick-action-btn:hover{filter:brightness(.9);transform:translateY(-1px)}.quick-action-btn:active{transform:translateY(0)}.add-btn{background-color:#e3f2fd;color:#1976d2}.set-btn{background-color:#e8f5e9;color:#388e3c}.clear-btn{background-color:#ffebee;color:#d32f2f}.stock-summary-banner{align-items:center;background-color:#f0f4f7;border-left:4px solid var(--color-secondary);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 15px}.stock-summary-banner p{font-size:16px;margin:0}.stock-warning{background-color:#fff5f5;border-left:3px solid #e53e3e;border-radius:4px;color:#e53e3e;font-size:14px;font-weight:500;padding:5px 10px}.stock-instructions{background-color:#fffde7;border-left:4px solid #ffd600;border-radius:6px;margin-bottom:20px;padding:12px 15px}.stock-instructions p{color:#424242;margin:0 0 8px}.stock-instructions p:last-child{margin-bottom:0}.stock-grid{border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:25px;max-height:500px;overflow-x:auto;overflow-y:auto}.stock-grid::-webkit-scrollbar{height:8px;width:8px}.stock-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.stock-grid::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.stock-grid::-webkit-scrollbar-thumb:hover{background:#a0a0a0}@media screen and (max-width:768px){.stock-table{min-width:600px}.stock-grid{overflow-x:auto}.stock-summary-banner{align-items:flex-start;flex-direction:column}.stock-warning{margin-top:10px;width:100%}}.admin-product-edit{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.admin-product-edit h1{margin-bottom:var(--spacing-xl)}.product-form{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.form-section{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{color:var(--color-secondary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.form-section h2:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.form-section h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl)}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-sm);padding:var(--spacing-sm)}.form-group textarea{resize:vertical}.checkbox-group{align-items:center;display:flex}.checkbox-group input{margin-right:var(--spacing-sm);width:auto}.checkbox-group label{margin-bottom:0}.image-row{align-items:flex-end}.image-input{flex:1 1}.add-image-btn,.remove-image-btn{background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s}.add-image-btn{color:var(--color-primary);margin-top:var(--spacing-xs)}.remove-image-btn{color:var(--color-error)}.add-image-btn:hover{color:var(--color-primary-dark);text-decoration:underline}.remove-image-btn:hover{color:var(--color-error-dark)}.remove-image-btn:disabled{color:var(--color-text-light);cursor:not-allowed}.options-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:var(--spacing-sm)}.option-check{align-items:center;display:flex}.color-preview,.option-check input{margin-right:var(--spacing-xs)}.color-preview{border:1px solid var(--color-border);border-radius:50%;display:inline-block;height:16px;width:16px}.stock-management{margin-top:var(--spacing-xl)}.stock-grid{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.stock-header{background-color:#f5f5f5;display:flex;font-weight:600}.stock-row{border-top:1px solid var(--color-border);display:flex}.stock-cell{align-items:center;display:flex;flex:1 1;min-width:100px;padding:var(--spacing-sm)}.size-cell{background-color:#f9f9f9;font-weight:600}.stock-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs);text-align:center;width:60px}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}@media screen and (max-width:768px){.form-row{grid-template-columns:1fr}.stock-grid{overflow-x:auto}.options-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.contact-page{color:var(--color-text);margin-bottom:var(--spacing-xxl)}.contact-hero{background-color:var(--color-secondary);background-image:linear-gradient(135deg,#2c3e50f2,#2c3e50b3);color:var(--color-white);margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xxl) 0;position:relative;text-align:center}.contact-hero:before{background-color:#f0f0f0;bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0;z-index:-1}.contact-hero h1{color:var(--color-white);font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-md);position:relative;text-shadow:0 2px 4px #0003;z-index:2}.contact-hero p{font-size:var(--font-size-xl);font-weight:500;max-width:100%;position:relative;z-index:2}.contact-hero p,.social-icon:before{height:100%;transition:transform .3s ease}.social-icon:before{background-color:var(--color-primary);content:"";left:0;position:absolute;top:0;transform:translateY(100%);width:100%;z-index:1}.social-icon:hover .social-icon-inner{color:var(--color-white);transform:translateY(-2px)}.social-icon:hover:before{transform:translateY(0)}.faq-section{border-top:1px solid var(--color-border);margin-top:var(--spacing-xxl);padding-top:var(--spacing-xl)}.section-header{margin-bottom:var(--spacing-xl);text-align:center}.section-header h2{color:var(--color-secondary);display:inline-block;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);position:relative}.section-header h2:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.section-subtitle{color:var(--color-text-light);font-size:var(--font-size-lg);margin:0 auto;max-width:700px}.faq-accordion{margin:0 auto var(--spacing-xl);max-width:900px}.faq-item{background-color:var(--color-white);border:1px solid var(--color-border);overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.faq-item:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.faq-question{align-items:center;background-color:var(--color-white);border:none;color:var(--color-secondary);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:600;justify-content:space-between;padding:var(--spacing-lg);position:relative;text-align:left;transition:all .3s ease;width:100%}.faq-question:focus{outline:none}.faq-question:hover{background-color:#f8f8f8}.faq-question.active{background-color:#f9f9f9;border-bottom:1px solid var(--color-border);color:var(--color-primary)}.faq-icon{align-items:center;color:var(--color-primary);display:flex;font-size:1.5rem;height:30px;justify-content:center;transition:transform .3s ease;width:30px}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{background-color:#f9f9f9;max-height:0;overflow:hidden;padding:0 var(--spacing-lg);transition:max-height .5s ease,padding .3s ease}.faq-answer.active{max-height:500px;padding:var(--spacing-lg)}.faq-answer p{color:var(--color-text);line-height:1.7;margin:0}.contact-cta{align-items:center;background-color:var(--color-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-white);display:flex;justify-content:space-between;margin-top:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.contact-cta:before{background-image:linear-gradient(135deg,#0003,#0000001a);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.cta-content{flex:2 1;position:relative;z-index:2}.cta-content h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.cta-content p{max-width:500px;opacity:.9}.cta-buttons{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);position:relative;z-index:2}.whatsapp-button{align-items:center;background-color:#25d366;color:#fff;display:flex;gap:var(--spacing-sm);justify-content:center;max-width:200px;text-decoration:none;width:100%}.whatsapp-icon{font-size:1.2rem}.whatsapp-button:hover{background-color:#128c7e;box-shadow:0 5px 15px #25d3664d;transform:translateY(-3px)}.scroll-top-button{max-width:200px;width:100%}@media screen and (max-width:992px){.contact-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.contact-quick-options{flex-direction:column;margin-left:auto;margin-right:auto;max-width:300px}.quick-option{max-width:100%}.contact-cta{flex-direction:column;gap:var(--spacing-lg);text-align:center}.cta-buttons{align-items:center;width:100%}.scroll-top-button,.whatsapp-button{max-width:100%}}@media screen and (max-width:768px){.form-row{grid-template-columns:1fr}.contact-hero h1{font-size:var(--font-size-3xl)}.contact-hero p{font-size:var(--font-size-lg)}.faq-question{font-size:var(--font-size-md)}.faq-answer.active,.faq-question{padding:var(--spacing-md)}.social-icons{flex-direction:column}}.whatsapp-button{animation:pulse 2s infinite;margin:0 auto;max-width:600px;text-shadow:0 1px 2px #0003;z-index:2}.contact-intro{margin-bottom:var(--spacing-xl)}.contact-quick-options{display:flex;gap:var(--spacing-lg);justify-content:center;margin:calc(var(--spacing-xl)*-1) auto var(--spacing-xl);position:relative;z-index:10}.quick-option{background-color:var(--color-white);border-radius:var(--radius-md);border-top:4px solid var(--color-primary);box-shadow:var(--shadow-lg);flex:1 1;max-width:250px;padding:var(--spacing-lg);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.quick-option:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.quick-icon{align-items:center;background-color:#e74c3c1a;border-radius:50%;display:flex;font-size:2rem;height:60px;justify-content:center;margin:0 auto var(--spacing-md);width:60px}.quick-option h3{color:var(--color-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.quick-option p{color:var(--color-text-light);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.quick-link{background-color:#e74c3c0d;border-radius:var(--radius-sm);color:var(--color-primary);display:block;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:color .3s}.quick-link:hover{background-color:#e74c3c1a;color:var(--color-primary-dark)}.contact-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:3fr 2fr;margin-bottom:var(--spacing-xxl)}.contact-form-container{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.contact-form-container h2{color:var(--color-secondary);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.form-subtitle{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:var(--spacing-md)}.form-group{position:relative}.required{color:var(--color-primary)}.form-group input,.form-group select,.form-group textarea{background-color:#f9f9f9;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-md);padding:var(--spacing-md);transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #e74c3c1a;outline:none}.form-group .input-error{background-color:#f443360d;border-color:var(--color-error)}.form-group .error-message{color:var(--color-error);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.form-policy{background-color:#f9f9f9;border-left:3px solid var(--color-secondary);border-radius:var(--radius-md);color:var(--color-text-light);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.policy-link{color:var(--color-primary);font-weight:500;text-decoration:none}.policy-link:hover{text-decoration:underline}textarea{min-height:150px;resize:vertical}.submit-button{font-size:var(--font-size-md)!important;font-weight:600!important;margin-top:var(--spacing-md);padding:var(--spacing-md)!important;transition:all .3s ease!important;width:100%}.submit-button:hover{box-shadow:0 8px 20px #e74c3c4d!important;transform:translateY(-3px)!important}.info-card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:fit-content;padding:var(--spacing-xl)}.info-card h2{color:var(--color-secondary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.info-card h2:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.info-item{align-items:flex-start;display:flex;margin-bottom:var(--spacing-lg);transition:transform .3s ease}.info-item:hover{transform:translateX(5px)}.info-icon{align-items:center;background-color:#e74c3c1a;border-radius:50%;color:var(--color-primary);display:flex;font-size:1.5rem;height:40px;justify-content:center;margin-right:var(--spacing-md);min-width:24px;text-align:center;width:40px}.info-content h3{color:var(--color-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.info-content p{color:var(--color-text);line-height:1.6}.day{display:inline-block;font-weight:600;min-width:100px}.map-container{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden;position:relative}.map-container iframe{border-radius:var(--radius-md);display:block}.view-larger-map{color:var(--color-primary);display:inline-block;font-size:var(--font-size-sm);font-weight:500;margin-top:var(--spacing-sm);text-decoration:none;transition:color .3s}.view-larger-map:hover{color:var(--color-primary-dark);text-decoration:underline}.social-links{margin-top:var(--spacing-lg)}.social-links h3{color:var(--color-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.social-icons{display:flex;gap:var(--spacing-md)}.social-icon{background-color:#f5f5f5;border-radius:var(--radius-md);color:var(--color-secondary);flex:1 1;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.social-icon-inner{align-items:center;display:flex;justify-content:center;padding:var(--spacing-sm)}.about-page{color:var(--color-text);margin-bottom:var(--spacing-xxl)}.about-hero{background-color:#000;color:var(--color-white);margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xxl) 0;position:relative;text-align:center}.about-hero:before{background-image:url(/static/media/sweaters.582aad91d132950c16b7.jpg);background-size:cover;content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:1}.about-hero .container{position:relative;z-index:2}.about-hero h1{color:var(--color-white);display:inline-block;font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);position:relative;text-shadow:0 2px 10px #0003}.about-hero h1:after{animation:pulse 2s infinite;background-color:#e74c3c;border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.about-hero p{color:#ffffffe6;font-size:var(--font-size-xl);margin:var(--spacing-lg) auto 0;max-width:600px}.about-section{animation:fadeInUp .8s ease forwards;margin-bottom:var(--spacing-xxl);opacity:0;transform:translateY(30px)}.about-section:first-child{animation-delay:.1s}.about-section:nth-child(2){animation-delay:.3s}.about-section:nth-child(3){animation-delay:.5s}.about-section:nth-child(4){animation-delay:.7s}.about-section:nth-child(5){animation-delay:.9s}.about-section:nth-child(6){animation-delay:1.1s}.about-section:nth-child(7){animation-delay:1.3s}.about-section h2{color:#2c3e50;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm);position:relative;text-align:center;text-transform:uppercase}.about-section h2:after{background:linear-gradient(90deg,#0000,#e74c3c,#0000);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.about-grid{grid-gap:var(--spacing-xl);align-items:center;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;min-height:450px}.about-grid.reversed{direction:rtl}.about-grid.reversed .about-content{direction:ltr}.about-content p{color:var(--color-text);font-size:1.1rem;letter-spacing:.015em;line-height:1.8;margin-bottom:var(--spacing-md);max-width:90%;text-align:justify}.about-content p:first-of-type:first-letter{color:var(--color-primary);float:left;font-size:2.5em;font-weight:700;line-height:.9;margin-right:8px;margin-top:3px}.about-content ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.about-content li{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-sm);padding-left:10px;position:relative}.about-content li:before{color:var(--color-primary);content:"•";display:inline-block;font-size:1.2em;font-weight:700;margin-left:-1em;width:1em}.about-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:0;overflow:hidden;padding-top:75%;position:relative;transition:all .5s ease}.about-image:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px) scale(1.02)}.about-image img{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .7s ease;width:100%}.about-image:hover img{transform:scale(1.05)}.values-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center;transition:transform .5s ease,box-shadow .5s ease;z-index:1}.value-card:before{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-md);bottom:-10px;content:"";left:-10px;opacity:0;position:absolute;right:-10px;top:-10px;transition:opacity .5s ease;z-index:-1}.value-card:hover{box-shadow:var(--shadow-xl);color:#fff;transform:translateY(-12px) scale(1.03)}.value-card:hover:before{opacity:1}.value-card:hover h3,.value-card:hover p{color:#fff}.value-icon{align-items:center;background-color:#e74c3c1a;border-radius:50%;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto var(--spacing-md);transition:transform .5s ease,background-color .5s ease;width:80px}.value-card:hover .value-icon{background-color:#fff3;transform:scale(1.1) rotate(5deg)}.value-card h3{color:var(--color-secondary);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm);transition:color .5s ease}.value-card p{line-height:1.6;transition:color .5s ease}.manifesto-container{background-color:#000;border-radius:var(--radius-lg);box-shadow:0 15px 30px #0003;color:#fff;margin:var(--spacing-lg) 0;overflow:hidden;padding:var(--spacing-xl);position:relative}.manifesto-container:before{color:#ffffff1a;content:'"';font-family:serif;font-size:200px;left:20px;line-height:1;position:absolute;top:-40px}.manifesto-content{position:relative;z-index:1}.manifesto-content p{color:#ffffffe6;font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-md)}.manifesto-highlight{background-color:#ffffff0d;border-left:4px solid #e74c3c;color:#fff!important;display:inline-block;font-size:1.5rem;font-style:italic;font-weight:700;letter-spacing:1px;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:center;width:100%}.vision-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.vision-item{background-color:var(--color-white);border-radius:var(--radius-md);border-top:4px solid var(--color-primary);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:transform .4s ease,box-shadow .4s ease}.vision-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.vision-icon{color:var(--color-primary);font-size:2.5rem;margin-bottom:var(--spacing-md)}.vision-item h3{color:var(--color-secondary);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm)}.vision-item p{line-height:1.7}.team-section{animation:fadeInUp .8s ease forwards;animation-delay:1.5s;margin-bottom:var(--spacing-xxl);opacity:0;transform:translateY(30px)}.team-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.team-member{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .5s ease,box-shadow .5s ease}.team-member:hover{box-shadow:var(--shadow-xl);transform:translateY(-10px)}.member-image{height:300px;overflow:hidden}.member-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.team-member:hover .member-image img{transform:scale(1.1)}.team-member h3{color:var(--color-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-md) 0}.member-role{color:var(--color-primary);font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-md)}.member-bio{color:var(--color-text);line-height:1.6;margin-bottom:0;padding:0 var(--spacing-md) var(--spacing-md)}.cta-section{animation:fadeInUp .8s ease forwards;animation-delay:.5s;background-color:#000;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-xxl);opacity:0;overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center;transform:translateY(30px)}.cta-section:before{background-image:url(/static/media/team-3.582aad91d132950c16b7.jpg);background-size:cover;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%;z-index:1}.cta-section h2{color:#fff;display:inline-block;font-size:var(--font-size-xxl);letter-spacing:1px;margin-bottom:var(--spacing-lg);position:relative;text-transform:uppercase;z-index:2}.cta-section p{color:#ffffffe6;font-size:var(--font-size-lg);font-weight:300;line-height:1.7;margin:0 auto var(--spacing-lg);max-width:700px;position:relative;z-index:2}.cta-section .button-container{display:flex;gap:var(--spacing-md);justify-content:center;margin:0 auto;max-width:500px}.cta-section .cta-button{flex:1 1;max-width:250px;min-width:180px}@media screen and (max-width:768px){.cta-section .button-container{align-items:center;flex-direction:column;width:100%}.cta-section .cta-button{max-width:300px;width:100%}}@media screen and (max-width:992px){.about-grid{gap:var(--spacing-lg);grid-template-columns:1fr;min-height:auto}.about-grid.reversed{direction:ltr}.about-image{margin-bottom:var(--spacing-lg);padding-top:60%}.about-content p{max-width:100%;text-align:left}.vision-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.about-hero h1{font-size:var(--font-size-3xl)}.about-hero p{font-size:var(--font-size-lg)}.about-section h2{font-size:var(--font-size-xxl)}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons a{max-width:300px;width:100%}.team-grid,.values-grid{grid-template-columns:1fr}}.about-section.no-bottom-margin{margin-bottom:0}.information-page{margin-bottom:var(--spacing-xxl)}.information-hero{background-color:var(--color-secondary);color:var(--color-white);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) 0;text-align:center}.information-hero h1{color:var(--color-white);font-size:var(--font-size-3xl);margin-bottom:0}.information-content{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:0 auto;max-width:900px;padding:var(--spacing-xl)}.information-section{margin-bottom:var(--spacing-xl)}.information-section:last-child{margin-bottom:0}.information-section h2{color:var(--color-secondary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);position:relative}.information-section h2:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.information-section h3{color:var(--color-secondary-dark);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.information-section p{line-height:1.7;margin-bottom:var(--spacing-md)}.information-section ol,.information-section ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.information-section li{line-height:1.6;margin-bottom:var(--spacing-sm)}.last-update{color:var(--color-text-light);font-style:italic;margin-top:var(--spacing-xl);text-align:right}.delivery-options{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:var(--spacing-lg) 0}.delivery-option{background-color:#f9f9f9;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:transform .3s ease,box-shadow .3s ease}.delivery-option:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.delivery-option h3{border-bottom:1px solid var(--color-border);color:var(--color-secondary);margin-top:0;padding-bottom:var(--spacing-sm)}.delivery-time{color:var(--color-text);font-weight:600;margin-bottom:var(--spacing-xs)}.delivery-price{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm)}.delivery-details{font-style:italic;margin-bottom:var(--spacing-md)}.delivery-features{list-style-type:none;padding-left:0}.delivery-features li{margin-bottom:var(--spacing-xs);padding-left:var(--spacing-lg);position:relative}.delivery-features li:before{color:var(--color-success);content:"✓";font-weight:700;left:0;position:absolute}.delivery-zones{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:var(--spacing-md) 0}.delivery-zone{background-color:#f9f9f9;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.delivery-zone h3{color:var(--color-secondary);margin-bottom:var(--spacing-sm);margin-top:0}.delivery-note{color:var(--color-text-light);font-style:italic;margin-top:var(--spacing-md)}.faq-item{background-color:#f9f9f9;border-left:3px solid var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.faq-item h3{color:var(--color-secondary-dark);margin-bottom:var(--spacing-sm);margin-top:0}.faq-item p{margin-bottom:0}.information-section table{border-collapse:collapse;margin-bottom:var(--spacing-lg);width:100%}.information-section table td,.information-section table th{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md)}.information-section table th{background-color:#f5f5f5;font-weight:600;text-align:left}.information-section table tr:nth-child(2n){background-color:#fafafa}.info-box{background-color:#e3f2fd;border-left:4px solid #1976d2}.info-box,.warning-box{border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:var(--spacing-md) 0;padding:var(--spacing-md)}.warning-box{background-color:#fff8e1;border-left:4px solid #ffa000}.success-box{background-color:#e8f5e9;border-left:4px solid #388e3c}.error-box,.success-box{border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:var(--spacing-md) 0;padding:var(--spacing-md)}.error-box{background-color:#ffebee;border-left:4px solid #d32f2f}.testimonial{background-color:#f9f9f9;border-radius:var(--radius-md);font-style:italic;margin:var(--spacing-md) 0;padding:var(--spacing-lg);position:relative}.testimonial:before{color:#0000001a;content:'"';font-size:4rem;left:10px;position:absolute;top:-10px}.testimonial-author{font-style:normal;font-weight:700;margin-top:var(--spacing-sm);text-align:right}@media screen and (max-width:768px){.information-content{padding:var(--spacing-lg)}.delivery-options,.delivery-zones{grid-template-columns:1fr}}@media screen and (max-width:480px){.information-hero h1{font-size:var(--font-size-xxl)}.information-content{padding:var(--spacing-md)}.information-section h2{font-size:var(--font-size-xl)}}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md)}.auth-container{max-width:500px;width:100%}.auth-content{animation:slideUp .5s ease-out;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-xl)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-content h2{color:var(--color-secondary);font-size:var(--font-size-xxl);font-weight:700;text-align:center}.auth-content h2,.auth-error{margin-bottom:var(--spacing-lg)}.auth-error{background-color:var(--color-error-light);border-left:4px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);padding:var(--spacing-md)}.whatsapp-info{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:var(--radius-lg);box-shadow:0 4px 20px #25d3664d;color:#fff;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);text-align:center}.whatsapp-icon{margin-bottom:var(--spacing-md)}.whatsapp-icon svg{animation:pulse 2s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.whatsapp-info h3{color:#fff;font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm)}.whatsapp-description{color:#ffffffe6;font-size:var(--font-size-md);line-height:1.6;margin:0}.process-steps{background-color:#f8f9fa;border-left:4px solid #25d366;border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.step{align-items:center;display:flex;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0;transition:transform .2s ease}.step:hover{transform:translateX(5px)}.step:last-child{margin-bottom:0}.step-number{align-items:center;background-color:#25d366;border-radius:50%;box-shadow:0 2px 8px #25d3664d;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;margin-right:var(--spacing-md);width:32px}.step-text{color:var(--color-text);font-size:var(--font-size-md);line-height:1.4}.auth-form,.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--color-secondary);display:block;font-size:var(--font-size-md);font-weight:500;margin-bottom:var(--spacing-xs)}.form-group label i{color:var(--color-primary);margin-right:var(--spacing-xs)}.form-group input{background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);padding:var(--spacing-md);transition:all .3s ease;width:100%}.form-group input:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.form-group input::placeholder{color:var(--color-text-light)}.form-actions{margin-bottom:var(--spacing-lg)}.whatsapp-button{background-color:#25d366!important;border-color:#25d366!important;border-radius:var(--radius-md);box-shadow:0 4px 12px #25d3664d;color:#fff!important;font-size:var(--font-size-md);font-weight:600;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s ease}.whatsapp-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.whatsapp-button:hover:not(:disabled):before{left:100%}.whatsapp-button:hover:not(:disabled){background-color:#128c7e!important;border-color:#128c7e!important;box-shadow:0 6px 20px #25d36666;transform:translateY(-2px)}.whatsapp-button:active:not(:disabled){box-shadow:0 2px 8px #25d3664d;transform:translateY(0)}.whatsapp-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;margin-right:var(--spacing-xs);width:18px}@keyframes spin{to{transform:rotate(1turn)}}.auth-links{margin-bottom:var(--spacing-lg);text-align:center}.back-to-login{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-light);display:inline-flex;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all .3s ease}.back-to-login:hover{background-color:#0000000d;color:var(--color-primary);transform:translateX(-3px)}.alternative-contact{border-top:1px solid var(--color-border);margin-top:var(--spacing-md)!important;padding-top:var(--spacing-md)}.alternative-contact p{color:var(--color-text-light);font-size:var(--font-size-sm);font-style:italic;margin-bottom:var(--spacing-sm)}.alternative-contact .btn{background-color:initial!important;border:1px solid #25d366!important;color:#25d366!important;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease}.alternative-contact .btn:hover:not(:disabled){background-color:#25d366!important;color:#fff!important;transform:translateY(-1px)}.alternative-contact .btn:disabled{cursor:not-allowed;opacity:.5}.support-info{background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:var(--radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.support-note{color:#1976d2;font-size:var(--font-size-sm);line-height:1.5;margin:0}.support-note strong{font-weight:600}@media screen and (max-width:768px){.auth-page{padding:var(--spacing-sm)}.auth-content{padding:var(--spacing-lg)}.auth-content h2{font-size:var(--font-size-xl)}.whatsapp-info{padding:var(--spacing-md)}.whatsapp-info h3{font-size:var(--font-size-lg)}.process-steps{padding:var(--spacing-md)}.step{align-items:center;flex-direction:column;text-align:center}.step-number{margin-bottom:var(--spacing-xs);margin-right:0}.step-text{text-align:center}.form-group input{padding:var(--spacing-sm)}.whatsapp-button{padding:var(--spacing-sm) var(--spacing-md)}.alternative-contact{margin-top:var(--spacing-sm)!important;padding-top:var(--spacing-sm)}.alternative-contact .btn{margin-top:var(--spacing-xs);width:100%}}@media screen and (max-width:480px){.auth-content{padding:var(--spacing-md)}.process-steps,.whatsapp-info{padding:var(--spacing-sm)}.step-number{font-size:var(--font-size-xs);height:28px;width:28px}.step-text{font-size:var(--font-size-sm)}}.auth-form,.process-steps,.support-info,.whatsapp-info{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.whatsapp-info{animation-delay:.1s}.process-steps{animation-delay:.2s}.auth-form{animation-delay:.3s}.support-info{animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.14539c01.css.map*/