@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;background-color:var(--gray-100)}.section{padding:var(--spacing-lg) 0}.mini-cart-container{position:relative}.cart-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;position:relative;color:var(--text-primary);padding:var(--spacing-xs)}.cart-icon{position:relative}.cart-count{position:absolute;top:-8px;right:-10px;background-color:var(--accent);color:#fff;font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mini-cart-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:slideDown .3s ease;max-height:80vh;display:flex;flex-direction:column}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mini-cart-header{padding:var(--spacing-md);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.mini-cart-header h3{margin:0;font-size:1rem}.close-cart{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-light);padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.close-cart:hover{color:var(--text-primary)}.mini-cart-items{padding:var(--spacing-md);overflow-y:auto;max-height:50vh}.mini-cart-item{display:flex;align-items:center;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--gray-200);position:relative}.mini-cart-item:last-child{margin-bottom:0;border-bottom:none}.mini-cart-item-image{flex-shrink:0;width:60px;height:60px;margin-right:var(--spacing-sm);border-radius:var(--border-radius-sm);overflow:hidden}.mini-cart-item-image img{width:100%;height:100%;object-fit:cover}.mini-cart-item-details{flex:1;overflow:hidden;padding-right:var(--spacing-md)}.mini-cart-item-name{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--text-primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-cart-item-name:hover{color:var(--primary)}.mini-cart-item-meta{display:flex;justify-content:space-between;font-size:.85rem}.mini-cart-item-price{font-weight:600;color:var(--primary)}.mini-cart-item-quantity{color:var(--text-secondary)}.mini-cart-item-remove{position:absolute;top:0;right:0;background:none;border:none;color:var(--text-light);cursor:pointer;font-size:.9rem;padding:2px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mini-cart-item-remove:hover{color:var(--error);background-color:var(--gray-200)}.mini-cart-footer{margin-top:auto;padding:var(--spacing-md);border-top:1px solid var(--gray-200)}.mini-cart-total{display:flex;justify-content:space-between;font-weight:600;margin-bottom:var(--spacing-md)}.mini-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.mini-cart-actions .btn{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.mini-cart-empty{padding:var(--spacing-xl) var(--spacing-md);text-align:center}.mini-cart-empty p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.mini-cart-loading,.mini-cart-error{padding:var(--spacing-xl) var(--spacing-md);text-align:center;color:var(--text-secondary)}.mini-cart-error{color:var(--error)}@media (max-width: 576px){.mini-cart-dropdown{width:280px;right:-70px}.mini-cart-dropdown:before{right:80px}}.header{position:sticky;top:0;margin:0 auto;width:100%;background-color:var(--white);z-index:1000;transition:all .3s ease-out;padding:0 var(--spacing-md)}.header.scrolled{top:10px;width:95%;margin:0 auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);background-color:#fffffff1}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);height:80px;display:flex;align-items:center;justify-content:space-between}.logo{padding:0;margin:0}.logo img{height:40px}.nav-menu{display:flex;align-items:center;font-size:.8rem;gap:var(--spacing-sm)}.nav-menu a{color:var(--text-primary);text-decoration:none;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:color .3s ease}.nav-menu a:hover,.nav-menu a.active{color:var(--primary)}.nav-item{position:relative;cursor:pointer}.nav-item span{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-primary);transition:color .3s ease}.nav-item span.active,.nav-item span:hover{color:var(--primary)}.nav-item svg{transition:transform .3s ease}.nav-item:hover svg{transform:rotate(180deg)}.dropdown-wrapper{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:1001;perspective:1000px}.dropdown-wrapper.entering .dropdown-content{animation:dropdownAppear .4s cubic-bezier(.22,1,.36,1) forwards}.dropdown-wrapper.exiting .dropdown-content{animation:dropdownDisappear .4s cubic-bezier(.22,1,.36,1) forwards}.dropdown-content{background-color:var(--white);min-width:220px;padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-xl);transform-origin:top center;opacity:0;transform:scaleY(.8)}.dropdown-section{min-width:180px}.dropdown-section h3{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--primary)}.dropdown-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.dropdown-section li{margin-bottom:var(--spacing-sm);width:100%}.dropdown-section li a{padding:0;font-weight:400;font-size:.95rem;transition:color .3s ease,transform .3s ease;display:inline-block}.dropdown-section li a:hover{transform:translate(5px)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.icon-button{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,color .3s ease}.icon-button:hover{transform:scale(1.1);color:var(--primary)}.cart-button{display:flex;align-items:center}.search-sidebar{position:fixed;top:0;right:0;width:400px;max-width:90vw;height:100vh;background-color:var(--white);box-shadow:var(--shadow-lg);z-index:1010;transform:translate(100%);transition:transform .4s ease;display:flex;flex-direction:column;overflow-y:auto}.search-sidebar.active{transform:translate(0)}.search-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1005;opacity:0;animation:fadeIn .3s ease forwards}.search-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.search-sidebar-header h2{margin:0;font-size:1.2rem;color:var(--text-primary)}.search-close{background:none;border:none;cursor:pointer;color:var(--text-primary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.search-close:hover{background-color:var(--gray-200);color:var(--primary)}.search-form{display:flex;flex-direction:column;padding:var(--spacing-sm);border-bottom:1px solid var(--gray-200)}.search-input-wrapper{display:flex;position:relative;margin-bottom:var(--spacing-md);width:90%}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-lg);border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-size:1rem;color:var(--text-primary);outline:none}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2a6ebb1a}.search-btn{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--primary);padding:var(--spacing-sm);transition:color .2s ease}.search-btn:hover{color:var(--primary-dark)}.search-preview{margin-top:var(--spacing-md);width:90%}.search-preview h3{font-size:.9rem;margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.search-results-list{list-style:none;padding:0;margin:0 0 var(--spacing-md) 0}.search-result-item{margin-bottom:var(--spacing-sm)}.search-result-link{display:flex;align-items:center;text-decoration:none;color:var(--text-primary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all .4s ease}.search-result-link:hover{background-color:var(--gray-100)}.search-result-image{width:50px;height:50px;border-radius:var(--border-radius-sm);overflow:hidden;margin-right:var(--spacing-md);flex-shrink:0}.search-result-image img{width:100%;height:100%;object-fit:cover}.search-result-content{display:flex;flex-direction:column;flex:1}.search-result-name{margin-bottom:3px;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.search-result-price{color:var(--primary);font-weight:600;font-size:.9rem}.view-all-results{display:block;text-align:center;color:var(--primary);font-weight:500;text-decoration:none;padding:var(--spacing-sm) 0;transition:color .2s ease}.view-all-results:hover{color:var(--primary-dark);text-decoration:underline}.no-results{color:var(--text-secondary);font-style:italic;text-align:center;padding:var(--spacing-md) 0}.search-popular{padding:var(--spacing-lg)}.search-popular h3{font-size:.9rem;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.popular-searches{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.popular-searches a{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--gray-100);border-radius:var(--border-radius-full);color:var(--text-primary);text-decoration:none;font-size:.85rem;transition:background-color .2s ease,color .2s ease}.popular-searches a:hover{background-color:var(--primary-light);color:var(--primary-dark)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.mobile-menu-toggle span{width:100%;height:2px;background-color:var(--text-primary);display:block;margin-bottom:6px;transition:all .3s ease}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}@keyframes dropdownAppear{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@keyframes dropdownDisappear{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.8)}}@media (max-width: 992px){.header-container{height:70px}.nav-menu{gap:var(--spacing-md);font-size:.9rem}.dropdown-content{flex-direction:column;min-width:200px;padding:var(--spacing-);gap:var(--spacing-lg)}.dropdown-section{min-width:auto}}@media (max-width: 768px){.header-container{height:60px}.mobile-menu-toggle{display:flex;order:1}.logo{order:1;height:30px}.logo img{width:100%;height:100%}.header-actions{order:3}.nav-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background-color:var(--white);box-shadow:var(--shadow-lg);padding:80px var(--spacing-lg) var(--spacing-md);flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);transform:translate(-100%);transition:transform .3s ease;z-index:1000;overflow-y:auto}.nav-menu.active{transform:translate(0)}.nav-item{width:100%}.nav-item span{justify-content:space-between;width:100%}.dropdown-wrapper{position:static;transform:none;margin-top:var(--spacing-sm);width:100%}.dropdown-content{min-width:100%;box-shadow:none;border:1px solid var(--gray-200);border-radius:var(--border-radius-sm)}.search-sidebar{width:320px}.search-result-image{width:40px;height:40px}}@media (max-width: 576px){.header-container{padding:0 var(--spacing-sm)}.header-actions{gap:var(--spacing-sm)}.icon-button{padding:var(--spacing-xs)}.search-sidebar{width:280px}.search-sidebar-header,.search-form,.search-popular{padding:var(--spacing-md)}.search-input{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-md);font-size:.9rem}}.footer{background-color:var(--black);color:var(--gray-400);padding:var(--spacing-xxl) 0 var(--spacing-lg)}.footer-container{max-width:1440px;margin:0 auto;padding:0 var(--spacing-lg)}.footer-main{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-column{display:flex;flex-direction:column}.footer-title{color:var(--white);font-size:1.25rem;margin-bottom:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-sm)}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background-color:var(--primary)}.footer-about p{margin-bottom:var(--spacing-md);line-height:1.6}.social-links{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#ffffff1a;border-radius:50%;color:var(--white);transition:all .3s ease}.social-links a:hover{background-color:var(--primary);transform:translateY(-3px)}.footer-links ul,.footer-help ul{list-style:none;padding:0;margin:0}.footer-links li,.footer-help li{margin-bottom:var(--spacing-sm)}.footer-links a,.footer-help a{color:var(--gray-400);text-decoration:none;transition:color .2s ease;position:relative;padding-left:var(--spacing-sm);display:inline-block}.footer-links a:before,.footer-help a:before{content:"›";position:absolute;left:0;transition:transform .2s ease}.footer-links a:hover,.footer-help a:hover{color:var(--white)}.footer-links a:hover:before,.footer-help a:hover:before{transform:translate(3px);color:var(--primary)}.footer-contact p{margin-bottom:var(--spacing-sm);display:flex;align-items:flex-start;line-height:1.6}.footer-contact strong{color:var(--white);margin-right:var(--spacing-xs);min-width:70px;display:inline-block}.newsletter{margin-top:var(--spacing-lg)}.newsletter h4{color:var(--white);font-size:1rem;margin-bottom:var(--spacing-sm)}.newsletter-form{display:flex;gap:var(--spacing-xs)}.newsletter-form input{flex:1;padding:var(--spacing-sm);border:1px solid var(--gray-500);background-color:#ffffff0d;color:var(--white);border-radius:var(--border-radius-sm)}.newsletter-form input:focus{outline:none;border-color:var(--primary)}.newsletter-form .btn{padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:var(--spacing-md)}.copyright{font-size:.9rem}.payment-methods{display:flex;align-items:center;gap:var(--spacing-md);font-size:.9rem}.payment-icons{display:flex;gap:var(--spacing-sm)}.payment-icon{background-color:#fffc;color:var(--black);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:500;text-transform:uppercase}@media (max-width: 992px){.footer-main{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.footer-main{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-column{margin-bottom:var(--spacing-lg)}.footer-bottom{flex-direction:column;text-align:center}.payment-methods{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width: 576px){.newsletter-form{flex-direction:column}.newsletter-form .btn{width:100%}.payment-icons{flex-wrap:wrap;justify-content:center}}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xxl);text-align:center}.error-screen h2{margin-bottom:var(--spacing-md)}.error-screen p{margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.hero-slider{position:relative;display:flex;width:95%;margin:0 auto;margin-top:1rem;height:600px;overflow:hidden;margin-bottom:var(--spacing-xxl);border-radius:var(--border-radius-lg)}.slider-track{position:relative;display:flex;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);will-change:transform}.slide{position:relative;min-width:100%;height:100%;flex:0 0 100%;opacity:.8;transition:opacity .8s ease}.slide.active{opacity:1}.slide-image-wrapper{position:absolute;width:100%;height:100%;overflow:hidden}.slide-image{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 8s ease}.slide.active .slide-image{transform:scale(1)}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffffb3,#fff6,#ffffffb3);z-index:1;opacity:.2}.slide-content{position:absolute;top:0;height:100%;display:flex;align-items:center;z-index:2;opacity:0;visibility:hidden;transition:all .8s ease;padding:var(--spacing-xxl);max-width:600px}.content-left{left:0;justify-content:flex-start;text-align:center}.content-center{left:50%;transform:translate(-50%);justify-content:center;text-align:center;width:100%}.content-right{right:0;justify-content:flex-end;text-align:center}.slide.active .slide-content{opacity:1;visibility:visible}.text-light{color:var(--white)}.text-dark{color:#000;text-shadow:0 1px 2px rgba(255,255,255,.5)}.slide-content-inner{display:flex;flex-direction:column;gap:var(--spacing-md)}.slide-small-text{font-size:1.1rem;font-weight:500;margin:0;transform:translateY(20px);opacity:0;transition:transform .8s ease .2s,opacity .8s ease .2s}.slide.active .slide-small-text{transform:translateY(0);opacity:1}.slide-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin:0;transform:translateY(30px);opacity:0;transition:transform .8s ease .4s,opacity .8s ease .4s}.slide.active .slide-title{transform:translateY(0);opacity:1}.slide-description{font-size:1.1rem;line-height:1.6;margin:0;transform:translateY(40px);opacity:0;transition:transform .8s ease .6s,opacity .8s ease .6s}.slide.active .slide-description{transform:translateY(0);opacity:1}.slide-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);opacity:0;transition:transform .8s ease .8s,opacity .8s ease .8s;margin-right:auto;margin-left:auto}.slide.active .slide-buttons{transform:translateY(0);opacity:1}.slide-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);text-decoration:none;border-radius:var(--border-radius-md);font-weight:500;transition:all .3s ease}.primary-button{background-color:var(--primary);color:var(--white)}.primary-button:hover{background-color:var(--primary-dark);color:var(--white);transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}.secondary-button{background-color:transparent;color:inherit;border:2px solid currentColor}.secondary-button:hover{background-color:#ffffff1a;transform:translateY(-3px)}.slider-nav{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background-color:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .3s ease;pointer-events:auto;opacity:.8;box-shadow:0 2px 10px #0000001a}.slider-arrow:hover{background-color:var(--primary);opacity:1}.slider-arrow-left{left:var(--spacing-lg)}.slider-arrow-right{right:var(--spacing-lg)}.slider-dots{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);z-index:3;background-color:#ffffffb3;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slider-dot{width:12px;height:12px;border-radius:50%;background-color:#0000004d;border:none;cursor:pointer;padding:0;transition:all .3s ease}.slider-dot.active{background-color:var(--primary);transform:scale(1.2)}@media (max-width: 1200px){.hero-slider{height:500px}.slide-title{font-size:3rem}.slide-content{padding:var(--spacing-xl);max-width:500px}}@media (max-width: 992px){.hero-slider{height:450px}.slide-title{font-size:2.5rem}.slide-description{font-size:1rem}.slide-content{max-width:450px}.slider-arrow{width:40px;height:40px}}@media (max-width: 768px){.hero-slider{height:400px}.slide-content{padding:var(--spacing-lg);max-width:400px}.slide-small-text{font-size:1rem}.slide-title{font-size:2rem}.slide-buttons{gap:var(--spacing-sm)}.slide-button{padding:var(--spacing-xs) var(--spacing-lg);font-size:.9rem}.slider-arrow{width:36px;height:36px}.slider-arrow-left{left:var(--spacing-sm)}.slider-arrow-right{right:var(--spacing-sm)}}@media (max-width: 576px){.hero-slider{height:350px}.slide-title{font-size:1.8rem}.slide-description{display:none}.content-left,.content-right,.content-center{right:0;width:100%;justify-content:center!important;text-align:center!important;padding:var(--spacing-md)}.slide-content{max-width:100%}.slide-buttons{justify-content:center}.slider-dots{bottom:var(--spacing-md)}.slider-dot{width:10px;height:10px}.slider-arrow{width:32px;height:32px}}.product-grid-section{max-width:1440px;margin:40px auto 60px;padding:0 15px}.product-grid-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:8px}.product-grid-title{font-size:20px;font-weight:400;margin:0;color:#000}.product-grid-tabs-container{display:flex;align-items:center;justify-content:space-between;width:100%}.product-grid-title+.product-grid-tabs-container{width:auto;margin-left:25px}.product-grid-tabs{display:flex;gap:25px;margin-right:var(--spacing-lg)}.tab-button{background:none;border:none;padding:0;font-size:13px;color:#999;cursor:pointer;transition:color .3s ease;position:relative;font-weight:400}.tab-button:hover{color:#000}.tab-button.active{color:#000;font-weight:500}.tab-button.active:after{content:"";position:absolute;bottom:-9px;left:0;width:100%;height:2px;background-color:#000}.view-all-link{color:var(--black);text-decoration:none;font-size:14px;font-weight:500;transition:opacity .3s ease;white-space:nowrap}.view-all-link:hover{opacity:.7}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@keyframes productAppear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.product-appear{animation:productAppear .6s ease-out forwards;will-change:transform,opacity}.product-card{transition:transform .6s ease,box-shadow .6s ease;background-color:#fff;border:1px solid #eee;border-radius:3px;overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:0 3px 10px #0000000d}.product-link{text-decoration:none;color:inherit;display:block}.product-image-container{position:relative;background-color:#f9f9f9;overflow:hidden;aspect-ratio:1}.product-image{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px;z-index:1}.badge{display:inline-block;padding:2px 5px;font-size:10px;font-weight:500;border-radius:2px}.discount-badge{background-color:#e74c3c;color:#fff}.new-badge{background-color:#2ecc71;color:#fff}.selling-badge{background-color:#5e4ee8;color:#fff}.product-info{padding:10px}.product-category{font-size:11px;color:#666;margin-bottom:3px;text-transform:capitalize}.product-title{font-size:1.25rem!important;font-weight:400;margin:0 0 6px;line-height:1.3;color:#000}.product-price{font-size:.75rem!important;display:flex;flex-direction:column;align-items:flex-start!important;gap:0!important}.sale-price{font-weight:400;color:#000}.regular-price{text-decoration:line-through;color:#999;font-weight:400;font-size:11px}.product-grid-loading,.product-grid-error,.no-products{text-align:center;padding:30px 0;color:#666;font-size:13px}@media (max-width: 1100px){.product-grid-section{max-width:900px}}@media (max-width: 992px){.product-grid-section{max-width:700px}.product-grid{grid-template-columns:repeat(3,1fr);gap:15px}}@media (max-width: 768px){.product-grid-section{max-width:500px;margin:20px auto 30px;padding:0 10px}.product-grid-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:15px}.product-grid-title{font-size:16px;letter-spacing:-.3px}.product-grid-title+.product-grid-tabs-container{width:100%;margin-left:0}.product-grid-tabs-container{flex-direction:column;align-items:flex-start;gap:8px}.product-grid-tabs{width:100%;gap:12px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}.product-grid-tabs::-webkit-scrollbar{display:none}.tab-button{font-size:10px;padding:0 2px}.tab-button.active:after{bottom:-6px;height:1px}.view-all-link{align-self:flex-end;font-size:10px;opacity:.8}.product-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px}.product-card{border-radius:2px;border:none;box-shadow:0 1px 3px #00000014}.product-image-container{aspect-ratio:.9}.product-image{padding:4px}.product-badges{top:5px;left:5px;gap:3px}.badge{padding:1px 3px;font-size:8px;border-radius:1px}.product-info{padding:6px 8px 8px}.product-category{font-size:8px;margin-bottom:2px;color:#888}.product-title{font-size:11px!important;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;max-height:2.4em}.product-price{font-size:10px;gap:4px}.grid-sale-price{font-weight:500;font-size:.85rem}.regular-price{font-size:9px}}@media (max-width: 480px){.product-grid-section{padding:0 8px;margin:15px auto 25px}.product-grid{grid-template-columns:repeat(2,1fr);gap:6px}.product-title{font-size:10px!important}.product-info{padding:5px 6px 7px}.product-price{font-size:9px;gap:3px}.regular-price{font-size:8px}}.featured-collections{position:relative;max-width:1440px;overflow-x:hidden;margin:0 auto 40px;padding:var(--spacing-lg) 0}.featured-collections-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-xl)}.featured-collections-text{max-width:550px}.featured-section-subtitle{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.featured-section-title{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.2}.featured-section-description{font-size:1rem;color:var(--text-secondary);line-height:1.6}.featured-collections-navigation{display:flex;gap:var(--spacing-sm)}.nav-button{width:44px;height:44px;border:1px solid var(--text-primary);border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.nav-button:hover{background-color:var(--text-primary);color:var(--white)}.nav-button:disabled{opacity:.5;cursor:not-allowed}.featured-collections-carousel-container{position:relative;width:100%}.featured-collections-carousel{display:flex;width:100%}.featured-collection-card{flex:0 0 calc(100% / 3);padding:0 var(--spacing-sm);transition:opacity .3s ease}.collection-link{display:block;text-decoration:none;color:var(--text-primary);background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.collection-link:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.collection-image-container{width:100%;height:340px;overflow:hidden}.collection-image{width:100%;height:100%;object-fit:contain;transition:transform .5s ease;padding:5%}.collection-link:hover .collection-image{transform:scale(1.05)}.collection-content{padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.collection-info{flex:1}.collection-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.collection-items{font-size:.9rem;color:var(--text-secondary)}.collection-arrow{width:36px;height:36px;border-radius:50%;background-color:var(--gray-100);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.collection-link:hover .collection-arrow{background-color:var(--primary);color:var(--white)}@media (max-width: 1200px){.featured-section-title{font-size:2.25rem}.collection-image-container{height:300px}}@media (max-width: 992px){.featured-section-title{font-size:2rem}.featured-collection-card{flex:0 0 50%}.collection-image-container{height:280px}}@media (max-width: 768px){.featured-collections-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.featured-section-title{font-size:1.75rem}.featured-collection-card{flex:0 0 100%}.collection-image-container{height:260px}.featured-collections-navigation{align-self:center}}@media (max-width: 576px){.featured-collections{padding:var(--spacing-lg) 0}.featured-section-subtitle{font-size:.9rem}.featured-section-title{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.featured-section-description{font-size:.9rem}.collection-image-container{height:220px}.collection-title{font-size:1.1rem}.collection-items{font-size:.8rem}.nav-button{width:36px;height:36px}}.pca-product-carousel-container{max-width:1440px;margin:60px auto;padding:0 20px}.pca-product-carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.pca-product-carousel-title{font-size:28px;font-weight:500;margin:0}.pca-product-carousel-nav{display:flex;gap:10px}.pca-nav-button{width:40px;height:40px;border:1px solid #e0e0e0;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.pca-nav-button:hover{background-color:#f5f5f5;transform:translateY(-2px)}.pca-nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.pca-product-carousel-track{display:flex;overflow-x:auto;scroll-behavior:smooth;padding-bottom:20px;-ms-overflow-style:none;scrollbar-width:none}.pca-product-carousel-track::-webkit-scrollbar{display:none}.pca-product-slide{flex:0 0 calc(25% - 20px);margin-right:20px;min-width:280px;overflow:hidden;border-radius:8px;box-shadow:0 2px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.pca-product-slide:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.pca-product-slide-inner{display:flex;flex-direction:column;height:100%;background:#fff}.pca-product-image-wrapper{position:relative;padding-top:100%;background-color:#f9f9f9;overflow:hidden}.pca-product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .5s ease;padding:10%}.pca-product-slide:hover .pca-product-image{transform:scale(1.05)}.pca-product-info{padding:16px;display:flex;flex-direction:column;flex:1}.pca-product-category{font-size:12px;color:#757575;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.pca-product-title{font-size:18px;font-weight:500;margin:0 0 10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.pca-product-price{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:12px}.pca-sale-price{font-size:18px;font-weight:600;color:#e53935}.pca-regular-price{font-size:14px;text-decoration:line-through;color:#9e9e9e}.pca-normal-price{font-size:18px;font-weight:600}.pca-product-description{margin-bottom:16px;color:#757575;font-size:14px;line-height:1.5;flex:1}.pca-shop-product-btn{display:inline-block;padding:10px 16px;background-color:#000;color:#fff;text-decoration:none;font-size:14px;font-weight:500;border-radius:4px;text-align:center;transition:all .3s ease}.pca-shop-product-btn:hover{background-color:#333;transform:translateY(-2px)}.pca-product-carousel-loading,.pca-product-carousel-error,.pca-no-products{padding:40px;text-align:center;font-size:14px;color:#757575}@media (max-width: 1100px){.pca-product-slide{flex:0 0 calc(33.333% - 20px)}}@media (max-width: 900px){.pca-product-slide{flex:0 0 calc(50% - 15px);min-width:240px;margin-right:15px}.pca-product-carousel-title{font-size:24px}.pca-product-category{font-size:11px}.pca-product-title{font-size:16px}}@media (max-width: 600px){.pca-product-carousel-container{margin:40px auto;padding:0 15px}.pca-product-slide{flex:0 0 calc(80% - 10px);min-width:220px;margin-right:10px}.pca-product-carousel-title{font-size:20px}.pca-nav-button{width:36px;height:36px}.pca-product-info{padding:12px}.pca-product-description{font-size:13px}.pca-shop-product-btn{padding:8px 14px;font-size:13px}}.spacial-showcase{width:100%;max-width:1440px;margin:60px auto;padding:0;overflow:hidden;border-radius:22px;box-shadow:var(--shadow-md)}.spacial-showcase-content{display:flex;flex-direction:row;min-height:500px;max-height:500px}.spacial-showcase-text{flex:1;background-color:#000;color:var(--white);padding:60px 40px;display:flex;flex-direction:column;justify-content:center}.spacial-showcase-title{font-size:3rem;font-weight:600;margin-bottom:20px;line-height:1.2;color:var(--white)}.spacial-showcase-description{font-size:1rem;line-height:1.6;margin-bottom:30px;max-width:500px;color:#fffc}.spacial-showcase-product-image{width:100%;max-height:100%;max-width:900px;display:flex;justify-content:center;align-items:center}.spacial-showcase-product-image img{width:100%;height:100%;object-fit:cover;top:0;right:0;bottom:0;left:0}.spacial-showcase-button{display:inline-block;background-color:var(--white);color:var(--black);font-weight:500;padding:12px 30px;border-radius:30px;text-decoration:none;font-size:1rem;transition:all .3s ease;width:fit-content}.spacial-showcase-button:hover{transform:translateY(-2px);box-shadow:0 8px 15px #0000001a;background-color:var(--gray-100);color:var(--black)}.spacial-showcase-image{flex:1;background-color:var(--gray-100);display:flex;justify-content:center;align-items:center;position:relative;padding:40px}.charging-indicator{position:absolute;display:flex;align-items:center;gap:5px;bottom:15%;right:15%;background-color:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem}.charging-icon{color:#4caf50;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 992px){.spacial-showcase-content{flex-direction:column}.spacial-showcase-text,.spacial-showcase-image{flex:none;width:100%}.spacial-showcase-title{font-size:2.5rem}.spacial-showcase-image{min-height:300px}}@media (max-width: 768px){.spacial-showcase{margin:30px 15px;border-radius:8px}.spacial-showcase-text{padding:40px 20px}.spacial-showcase-title{font-size:2rem}.spacial-showcase-description{font-size:.9rem}}@media (max-width: 576px){.spacial-showcase-text{padding:30px 20px}.spacial-showcase-title{font-size:1.75rem;margin-bottom:15px}.spacial-showcase-description{margin-bottom:20px}.spacial-showcase-button{padding:10px 25px;font-size:.9rem}.spacial-showcase-image{min-height:250px;padding:20px}.charging-indicator{bottom:10%;right:10%;padding:4px 10px;font-size:.7rem}}.featured-products-section{width:100%;max-width:1440px;margin:80px auto;padding:0 20px}.fp-container{display:flex;flex-direction:column}.fp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.fp-title{font-size:2rem;font-weight:500;margin:0;color:var(--text-primary)}.fp-browse-link{display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500;color:var(--text-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease;padding-bottom:2px}.fp-browse-link:hover{border-bottom-color:var(--text-primary)}.fp-grid{display:grid;grid-template-columns:40% 60%;gap:20px}.fp-featured-item{display:flex;flex-direction:column;margin-top:20px}.fp-grid-items{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:20px}.fp-product-link{display:block;text-decoration:none;color:var(--text-primary);height:100%}.fp-product-card{position:relative;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;height:320px;display:flex;align-items:center;justify-content:center}.fp-featured-item .fp-product-card{height:450px}.fp-grid-item .fp-product-card{height:200px}.fp-product-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}.fp-category{position:absolute;background-color:#f8f8f8;color:var(--text-primary);padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.5px;z-index:2;text-transform:uppercase}.fp-image-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.fp-product-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s ease}.fp-product-card:hover .fp-product-image{transform:scale(1.05)}.fp-product-info{margin-top:16px;padding:0 4px}.fp-product-name{font-size:1rem;font-weight:500;margin:0 0 6px;color:var(--text-primary)}.fp-product-price{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0}.fp-loading{display:flex;justify-content:center;align-items:center;height:300px}.fp-loading-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite}.fp-error{padding:20px;background-color:#f443361a;color:var(--error);border-radius:8px;text-align:center;margin:30px 0}@media (max-width: 1100px){.fp-grid{grid-template-columns:1fr}.fp-grid-items{grid-template-columns:repeat(2,1fr)}.fp-featured-item .fp-product-card{height:400px}}@media (max-width: 768px){.fp-featured-item .fp-product-card{height:350px}.fp-grid-item .fp-product-card{height:180px}.fp-title{font-size:1.75rem}}@media (max-width: 576px){.featured-products-section{margin:40px auto}.fp-header{flex-direction:column;align-items:flex-start;gap:10px}.fp-title{font-size:1.5rem}.fp-grid-items{grid-template-columns:1fr}.fp-featured-item .fp-product-card{height:300px}.fp-grid-item .fp-product-card{height:200px}.fp-category{font-size:.65rem;padding:3px 8px}}.review-section{font-family:var(--font-family);color:var(--text-primary)}.review-loading,.review-error{padding:var(--spacing-lg);text-align:center;background-color:var(--gray-100);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.review-loading.small{padding:var(--spacing-md);font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.review-error{color:var(--error);border:1px solid var(--error)}.review-stats{margin-bottom:var(--spacing-xl)}.review-summary{display:flex;background-color:var(--gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-lg);gap:var(--spacing-xl)}.average-rating{display:flex;flex-direction:column;align-items:center;min-width:150px;border-right:1px solid var(--gray-300);padding-right:var(--spacing-lg)}.rating-value{font-size:3rem;font-weight:700;line-height:1;color:var(--primary);margin-bottom:var(--spacing-xs)}.rating-stars{font-size:1.2rem;margin-bottom:var(--spacing-xs)}.star{color:var(--gray-300);cursor:pointer}.review-count{font-size:.9rem;color:var(--text-secondary)}.rating-bars{flex:1;max-width:600px}.rating-bar-container{display:flex;align-items:center;margin-bottom:var(--spacing-xs);transition:transform .2s ease}.rating-bar-container:hover{transform:translate(5px)}.rating-label{width:70px;font-size:.85rem;color:var(--text-secondary)}.rating-bar{flex:1;height:8px;background-color:var(--gray-200);border-radius:4px;overflow:hidden;margin:0 var(--spacing-sm);transition:box-shadow .2s ease}.rating-bar.active{box-shadow:0 0 0 2px var(--primary)}.rating-bar-fill{height:100%;background-color:#ffb800;border-radius:4px;transition:width .3s ease}.rating-count-label{width:30px;font-size:.85rem;color:var(--text-secondary);text-align:right}.review-form-container{margin-bottom:var(--spacing-xl);background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.review-form-container h3{margin-bottom:var(--spacing-md);font-size:1.25rem;color:var(--text-primary)}.review-submit-success{background-color:#e8f5e9;color:#2e7d32;padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);animation:fadeIn .3s ease}.review-submit-error{background-color:#ffebee;color:var(--error);padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);animation:fadeIn .3s ease}.review-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.rating-selector{font-size:1.8rem;cursor:pointer}.rating-selector .star{margin-right:5px;transition:transform .2s ease}.rating-selector .star:hover{transform:scale(1.2)}.review-form button.submitting{background-color:var(--primary-light);cursor:not-allowed}.review-form-container.has-reviewed{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.review-submitted-message{display:flex;flex-direction:column;align-items:center;color:var(--text-secondary)}.submitted-icon{width:60px;height:60px;background-color:#e8f5e9;color:#2e7d32;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:var(--spacing-md)}.review-submitted-message h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.review-submitted-message p{font-size:.95rem;max-width:500px}.reviews-list{margin-bottom:var(--spacing-xl)}.reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.reviews-header h3{margin-bottom:0;font-size:1.25rem;color:var(--text-primary)}.reviews-filters{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-reset{font-size:.85rem;padding:3px 8px;background-color:var(--gray-100);border-color:var(--gray-300);color:var(--text-secondary)}.review-sort{max-width:150px;font-size:.9rem;height:35px}.btn-link{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.btn-link:hover{color:var(--primary-dark)}.no-reviews{padding:var(--spacing-lg);background-color:var(--gray-100);border-radius:var(--border-radius-md);text-align:center;color:var(--text-secondary)}.review-item{padding:var(--spacing-lg);background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);transition:transform .3s ease,box-shadow .3s ease}.review-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.review-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.reviewer-name{font-weight:600}.review-date{color:var(--text-secondary);font-size:.85rem}.review-rating{font-size:1rem;margin-bottom:var(--spacing-sm)}.review-content{color:var(--text-secondary);line-height:1.6}.review-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.pagination-info{color:var(--text-secondary);font-size:.9rem}@media (max-width: 768px){.review-summary{flex-direction:column;gap:var(--spacing-lg)}.average-rating{border-right:none;border-bottom:1px solid var(--gray-300);padding-right:0;padding-bottom:var(--spacing-md);width:100%}.rating-bars{width:100%;max-width:100%}.reviews-header{flex-direction:column;align-items:flex-start}.reviews-filters{width:100%;justify-content:space-between}}@media (max-width: 576px){.review-header{flex-direction:column;gap:var(--spacing-xs)}.review-form-container,.review-item{padding:var(--spacing-md)}}.product-detail-page{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xxl)}.product-breadcrumbs{margin-bottom:var(--spacing-lg);font-size:.9rem;color:var(--text-secondary)}.product-breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.product-breadcrumbs a:hover{color:var(--primary)}.product-breadcrumbs .current{color:var(--text-primary);font-weight:500}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.product-gallery{position:relative}.product-main-image{position:relative;background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;margin-bottom:var(--spacing-md)}.product-main-image img{width:100%;height:auto;display:block;transition:transform .3s ease;padding:5%}.product-main-image:hover img{transform:scale(1.05)}.product-sale-badge{position:absolute;top:15px;right:15px;background-color:var(--accent);color:var(--white);padding:5px 10px;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:600;z-index:1}.product-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.thumbnail{background-color:var(--white);border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s ease}.thumbnail img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover}.thumbnail.active{border-color:var(--primary)}.product-title{font-size:2rem;margin-bottom:var(--spacing-md);line-height:1.2}.product-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:.9rem}.product-rating{display:flex;align-items:center}.star{color:var(--gray-300);font-size:1rem}.rating-count{margin-left:var(--spacing-xs)}.product-sku span,.product-categories a{color:var(--text-primary);font-weight:500}.product-categories a:hover{color:var(--primary)}.detail-product-price{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md)}.product-rating-summary{display:flex;align-items:center;gap:var(--spacing-md)}.sale-price{color:var(--accent);font-size:1.25rem}.regular-price{text-decoration:line-through;color:var(--text-light);font-weight:400}.product-short-description{margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.product-short-description p{margin-bottom:var(--spacing-sm)}.product-actions{display:flex;align-items:flex-end;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.product-quantity{display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-quantity label{font-size:.9rem;font-weight:500}.quantity-control{display:flex;align-items:center;height:45px;border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);overflow:hidden}.quantity-btn{width:45px;height:45px;background-color:var(--gray-100);border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.quantity-btn:hover{background-color:var(--gray-200)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{width:60px;height:45px;border:none;border-left:1px solid var(--gray-300);border-right:1px solid var(--gray-300);text-align:center;font-size:1rem;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.add-to-cart{flex:1;height:45px;font-size:1rem;display:flex;align-items:center;justify-content:center}.add-to-cart.loading{background-color:var(--primary-light);cursor:not-allowed}.add-to-cart.added{background-color:var(--success)}.out-of-stock{background-color:var(--gray-200);color:var(--text-secondary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-sm);font-weight:500;text-align:center;width:100%}.stock-info{margin-bottom:var(--spacing-lg);font-size:.9rem}.in-stock{color:var(--success);font-weight:500}.stock-quantity{color:var(--text-secondary);margin-left:var(--spacing-xs)}.product-attributes{margin-bottom:var(--spacing-lg);border-top:1px solid var(--gray-200);padding-top:var(--spacing-lg)}.product-attributes h3{font-size:1.1rem;margin-bottom:var(--spacing-md)}.product-attributes table{width:100%;border-collapse:collapse}.product-attributes th,.product-attributes td{padding:var(--spacing-sm);border-bottom:1px solid var(--gray-200);text-align:left}.product-attributes th{width:40%;font-weight:500;color:var(--text-secondary)}.product-tags{font-size:.9rem;color:var(--text-secondary)}.tag{display:inline-block;background-color:var(--gray-200);color:var(--text-primary);padding:2px 8px;border-radius:var(--border-radius-sm);margin-right:var(--spacing-xs);margin-bottom:var(--spacing-xs);text-decoration:none;transition:all .2s ease}.tag:hover{background-color:var(--primary);color:var(--white)}.product-tabs{margin-bottom:var(--spacing-xxl)}.tabs-header{display:flex;border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-lg)}.tab-button{background:none;border:none;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s ease}.tab-button:hover,.tab-button.active{color:var(--primary)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary)}.tab-content{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.tab-pane{display:none}.tab-pane.active{display:block}.product-description{color:var(--text-secondary);line-height:1.6}.product-description p,.product-description ul,.product-description ol{margin-bottom:var(--spacing-md)}.product-description h1,.product-description h2,.product-description h3,.product-description h4,.product-description h5,.product-description h6{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.related-products h2{margin-bottom:var(--spacing-lg);font-size:1.5rem}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.related-product{text-decoration:none;color:var(--text-primary);background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.related-product:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.related-product-image{width:100%;aspect-ratio:1;overflow:hidden}.related-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.related-product:hover .related-product-image img{transform:scale(1.05)}.related-product h3{padding:var(--spacing-md) var(--spacing-md) 0;font-size:1rem;margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.6em}.related-product-price{padding:0 var(--spacing-md) var(--spacing-md);font-weight:600;color:var(--primary)}.product-loading,.product-error{text-align:center;padding:var(--spacing-xxl);background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.product-loading .loader,.product-error .loader{display:inline-block;width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:var(--spacing-md)}.product-error h2{margin-bottom:var(--spacing-md)}.product-error p{margin-bottom:var(--spacing-lg);color:var(--text-secondary)}@media (max-width: 992px){.product-detail{grid-template-columns:1fr;gap:var(--spacing-lg)}.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.product-title{font-size:1.8rem}.product-price{font-size:1.3rem}.product-actions{flex-direction:column;width:100%}.product-quantity,.quantity-control{width:100%}.quantity-input{flex:1}.tabs-header{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.tab-button{padding:var(--spacing-md) var(--spacing-md)}.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (max-width: 576px){.product-title{font-size:1.5rem}.product-meta{flex-direction:column;gap:var(--spacing-sm)}.product-thumbnails{grid-template-columns:repeat(3,1fr)}.tab-content{padding:var(--spacing-md)}.product-grid{grid-template-columns:1fr}}.cart-page{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xxl)}.cart-title{font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:600;color:var(--text-primary)}.cart-content{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl);margin-top:var(--spacing-md)}.cart-items-container{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--gray-200)}.cart-header{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 60px;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--secondary);border-bottom:1px solid var(--gray-200);font-weight:600;color:var(--text-primary);align-items:center}.cart-header>div:not(:first-child){text-align:center}.cart-items{padding:var(--spacing-sm) 0}.cart-item{display:grid!important;grid-template-columns:3fr 1fr 1fr 1fr 60px;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--gray-200);align-items:center;transition:background-color .2s ease;position:relative}.cart-item:hover{background-color:var(--gray-100)}.cart-item:last-child{border-bottom:none}.cart-item-product{display:flex;align-items:center;gap:var(--spacing-md)}.cart-item-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-item-mobile-price{display:none}.cart-item-image{width:80px;height:80px;border-radius:var(--border-radius-md);overflow:hidden;flex-shrink:0;background-color:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:transform .2s ease,box-shadow .2s ease}.cart-item-image:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.cart-item-image img{width:100%;height:100%;object-fit:contain;padding:4px}.cart-item-name{font-weight:500;color:var(--text-primary);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.cart-item-name:hover{color:var(--primary)}.cart-item-price,.cart-item-subtotal{font-weight:600;color:var(--primary);text-align:center}.cart-item-quantity{display:flex;flex-direction:column;align-items:center}.quantity-control{display:flex;align-items:center;height:36px;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);background-color:var(--white);width:fit-content}.quantity-btn{width:32px;height:36px;background-color:var(--gray-100);border:none;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.quantity-btn:hover{background-color:var(--primary-light);color:var(--white)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--gray-100);color:var(--text-light)}.quantity-input{width:40px;height:36px;border:none;border-left:1px solid var(--gray-300);border-right:1px solid var(--gray-300);text-align:center;font-size:.95rem;font-weight:500;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-actions{display:flex;justify-content:space-between;padding:var(--spacing-lg);border-top:1px solid var(--gray-200);background-color:var(--secondary);flex-wrap:wrap;gap:var(--spacing-md)}.coupon-form .form-group{display:flex;gap:var(--spacing-sm)}.coupon-form input{width:200px;border-radius:var(--border-radius-md);border:1px solid var(--gray-300);padding:.6rem 1rem;font-size:.95rem;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.coupon-form input:focus{border-color:var(--primary-light);box-shadow:0 0 0 2px #2a6ebb1a;outline:none}.coupon-error{color:var(--error);font-size:.85rem;margin-top:var(--spacing-xs)}.applied-coupons{margin-top:var(--spacing-md)}.applied-coupons h4{font-size:.9rem;margin-bottom:var(--spacing-xs);font-weight:600}.applied-coupons ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.applied-coupons li{display:flex;align-items:center;background-color:var(--gray-200);padding:4px 10px;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:500}.remove-coupon{background:none;border:none;color:var(--text-light);cursor:pointer;margin-left:var(--spacing-sm);font-size:.9rem;transition:color .2s ease}.remove-coupon:hover{color:var(--error)}.cart-item-remove-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;transition:color .2s ease}.cart-item-remove-btn:hover{color:var(--error)}.cart-summary{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);height:fit-content;position:sticky;top:100px;border:1px solid var(--gray-200)}.cart-summary h2{font-size:1.3rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-200);font-weight:600;color:var(--text-primary)}.cart-totals{margin-bottom:var(--spacing-lg);background-color:var(--gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.cart-total-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);font-size:.95rem}.cart-total-row:last-child{margin-bottom:0}.cart-total-row.discount{color:var(--accent);font-weight:500}.cart-total-row.grand-total{font-weight:700;font-size:1.2rem;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--gray-300);color:var(--primary-dark)}.cart-checkout{display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-checkout .btn-primary{padding:var(--spacing-md);font-weight:600;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-md)}.cart-checkout .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.continue-shopping{text-align:center;color:var(--primary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease}.continue-shopping:hover{color:var(--primary-dark);text-decoration:underline}.cart-empty,.cart-loading,.cart-error{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.cart-empty h2,.cart-loading h2,.cart-error h2{margin-bottom:var(--spacing-md);font-weight:600}.cart-empty p,.cart-loading p,.cart-error p{margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.loader{display:inline-block;width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:var(--spacing-md)}@media (max-width: 992px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static;margin-top:var(--spacing-lg)}.cart-title{font-size:1.8rem}}@media (max-width: 768px){.cart-header{display:none}.cart-item{display:block;padding:var(--spacing-md);position:relative}.cart-item-product{margin-bottom:var(--spacing-md);align-items:flex-start}.cart-item-details{flex:1}.cart-item-mobile-price{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:.9rem}.cart-item-mobile-label{color:var(--text-secondary)}.cart-price-value{font-weight:600;color:var(--primary)}.cart-item-price{display:none}.cart-item-quantity{align-items:flex-start;margin-bottom:var(--spacing-md)}.cart-item-quantity:before{content:"Quantity:";font-weight:400;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.cart-item-subtotal{text-align:left;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.cart-item-subtotal:before{content:"Subtotal:";font-weight:400;color:var(--text-secondary)}.cart-item-remove-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);margin:0}.cart-actions{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.coupon-form .form-group{flex-direction:column}.coupon-form input{width:100%}.cart-title{font-size:1.6rem;text-align:center}.quantity-control{margin-top:var(--spacing-xs)}}@media (max-width: 576px){.cart-item-image{width:70px;height:70px}.cart-item-name{font-size:.95rem}.cart-summary{padding:var(--spacing-md)}.cart-summary h2{font-size:1.2rem}.cart-checkout .btn-primary{font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md)}.cart-page{padding-top:var(--spacing-md);padding-bottom:var(--spacing-xl)}.cart-title{font-size:1.4rem;margin-bottom:var(--spacing-md)}}.product-item{position:relative;background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.product-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.product-link{text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;flex:1}.product-image-container{position:relative;width:100%;padding-top:100%;overflow:hidden}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hover-mode-scale .product-image{transition:transform .5s ease}.hover-mode-scale:hover .product-image{transform:scale(1.05)}.hover-mode-image-switch .product-image{transition:opacity .4s ease}.hover-mode-image-switch .main-image.hidden{opacity:0}.hover-mode-image-switch .second-image{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hover-mode-image-switch .second-image.visible{opacity:1}.product-sale-badge{position:absolute;top:10px;right:10px;background-color:var(--accent);color:var(--white);padding:5px 8px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;z-index:1}.product-outofstock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:var(--white);padding:8px 12px;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:600;z-index:1}.product-info{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.product-title{font-size:1rem;font-weight:500;margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:2.4em}.product-price{margin-bottom:var(--spacing-sm);font-weight:600;font-size:1.1rem;color:var(--primary);display:flex;align-items:center;gap:var(--spacing-sm)}.product-sale-price{color:var(--accent)}.product-regular-price{text-decoration:line-through;font-size:.9rem;color:var(--text-light);font-weight:400}.product-rating{display:flex;align-items:center;margin-top:auto}.star{color:var(--gray-300);font-size:.9rem}.star.filled{color:#ffb800}.rating-value{margin-left:var(--spacing-xs);font-size:.8rem;color:var(--text-light)}.btn-add-to-cart{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary);color:var(--white);border:none;font-weight:500;transition:background-color .3s ease;cursor:pointer;font-size:.9rem;display:flex;justify-content:center;align-items:center;height:40px}.btn-add-to-cart:hover{background-color:var(--primary-dark)}.btn-add-to-cart.loading{background-color:var(--primary-light);cursor:not-allowed}.btn-add-to-cart.added{background-color:var(--success)}.btn-add-to-cart.disabled{background-color:var(--gray-400);cursor:not-allowed}.loading-indicator{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@media (max-width: 768px){.product-title{font-size:.9rem}.product-price{font-size:1rem}.btn-add-to-cart{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}}.shop-page{padding:var(--spacing-xl) var(--spacing-lg)!important;margin:0 auto;max-width:1440px}.page-title{margin-bottom:var(--spacing-lg)}.shop-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.filter-toggle-btn{display:none;align-items:center;gap:var(--spacing-xs);background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-weight:500;transition:background-color .2s ease}.filter-toggle-btn:hover{background-color:var(--gray-100)}.shop-sort{display:flex;align-items:center;gap:var(--spacing-sm)}.shop-sort label{font-size:.9rem;color:var(--text-secondary)}.sort-select{border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem;background-color:var(--white);cursor:pointer}.shop-container{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-xl)}.shop-sidebar{position:sticky;top:100px;height:max-content;background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.sidebar-header h3{margin:0;font-size:1.2rem}.close-filters{display:none;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-light)}.filter-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.filter-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:var(--spacing-md)}.filter-section h4{font-size:1rem;margin-bottom:var(--spacing-md)}.search-form{display:flex;align-items:center;position:relative}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);font-size:.9rem}.search-btn{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-light);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center}.search-btn:hover{color:var(--primary)}.category-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.category-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;cursor:pointer;transition:color .2s ease;font-size:.85rem}.category-item:hover{color:var(--primary)}.category-item input{cursor:pointer}.subcategory{padding-left:var(--spacing-md)}.subcategory .category-item{font-size:.8rem;color:var(--text-secondary)}.price-inputs{display:flex;gap:var(--spacing-sm)}.price-input-group{flex:1}.price-input-group label{display:block;font-size:.8rem;margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.price-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);font-size:.9rem}.filter-actions{display:flex;justify-content:center}.shop-content{min-height:400px}.products-count{margin-bottom:var(--spacing-md);font-size:.9rem;color:var(--text-secondary)}.shop-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.pagination{margin-top:var(--spacing-xl);display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm)}.pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);background-color:var(--white);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:var(--primary);color:var(--white);border-color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);background-color:var(--white);cursor:pointer;font-size:.9rem;transition:all .2s ease}.pagination-number:hover{background-color:var(--gray-100)}.pagination-number.active{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.pagination-ellipsis{font-size:1.2rem;color:var(--text-light);width:20px;text-align:center}.shop-loading,.shop-error,.no-products{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.loader{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:var(--spacing-md)}.shop-error h2,.no-products h2{margin-bottom:var(--spacing-md)}.shop-error p,.no-products p{margin-bottom:var(--spacing-lg);color:var(--text-secondary)}@media (max-width: 992px){.shop-container{grid-template-columns:220px 1fr;gap:var(--spacing-lg)}.shop-product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.filter-toggle-btn{display:flex}.close-filters{display:block}.shop-container{grid-template-columns:1fr}.shop-product-grid{grid-template-columns:repeat(3,1fr);width:95%;margin:0 auto}.shop-sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:1001;padding:var(--spacing-lg);overflow-y:auto;transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--shadow-lg)}.shop-sidebar.visible{transform:translate(0)}.sidebar-header{position:sticky;top:0;background-color:var(--white);padding:var(--spacing-sm) 0;z-index:1}}@media (max-width: 576px){.shop-product-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.pagination{flex-wrap:wrap}}.auth-page{padding:var(--spacing-xxl) 0;background-color:var(--gray-100);min-height:calc(100vh - 200px)}.auth-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);background-color:var(--white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);max-width:1100px;margin:0 auto}.auth-form-container{padding:var(--spacing-xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-lg)}.auth-header h1{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--primary)}.auth-header p{color:var(--text-secondary)}.auth-error{background-color:#f443361a;color:var(--error);border:1px solid var(--error);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.auth-form{max-width:400px;margin:0 auto}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2a6ebb1a}#terms{width:auto}.form-group.error input{border-color:var(--error)}.error-message{color:var(--error);font-size:.85rem;margin-top:var(--spacing-xs);animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.remember-me{display:flex;align-items:center}.remember-me input{margin-right:8px}.forgot-password{color:var(--primary);font-size:.9rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.btn-block{width:100%;display:flex;justify-content:center;align-items:center;gap:8px}.btn.loading{display:flex;justify-content:center;align-items:center;background-color:var(--primary-light);cursor:not-allowed;opacity:.8}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.auth-divider{display:flex;align-items:center;margin:var(--spacing-lg) 0;color:var(--text-light)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--gray-300)}.auth-divider span{padding:0 var(--spacing-sm);font-size:.9rem}.social-login{display:flex;flex-direction:column;gap:var(--spacing-sm)}.btn-social{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--gray-300);background-color:var(--white);font-weight:500;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.btn-social svg{margin-right:var(--spacing-sm)}.btn-social:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.btn-social:active{transform:translateY(0)}.btn-google{color:#db4437}.btn-google:hover{background-color:#db44370d}.btn-facebook{color:#4267b2}.auth-footer{text-align:center;margin-top:var(--spacing-lg);font-size:.9rem;color:var(--text-secondary)}.auth-footer a{color:var(--primary);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-info{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.auth-info-content{max-width:400px}.auth-info h2{font-size:2rem;margin-bottom:var(--spacing-md)}.auth-info p{margin-bottom:var(--spacing-lg);opacity:.9}.auth-benefits{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-benefit{display:flex;align-items:flex-start}.auth-benefit-icon{width:48px;height:48px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-md);flex-shrink:0}.auth-benefit-text h3{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.auth-benefit-text p{font-size:.9rem;opacity:.8;margin-bottom:0}.terms-group{margin-bottom:var(--spacing-lg)}.terms-checkbox{display:flex;align-items:flex-start}.terms-checkbox input{margin-right:10px;margin-top:3px}.terms-checkbox label{font-size:.9rem;line-height:1.4}.terms-checkbox a{color:var(--primary)}.password-strength-hint{font-size:.8rem;color:var(--text-light);margin-top:var(--spacing-xs)}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:.8rem;color:var(--text-secondary);cursor:pointer;padding:5px;text-transform:uppercase;font-weight:600;transition:color .2s ease}.password-toggle:hover{color:var(--primary)}.demo-account-info{margin-top:var(--spacing-xl);background-color:#ffffff1a;border-radius:var(--border-radius-sm);padding:var(--spacing-md);font-size:.9rem}.demo-account-info h4{margin-bottom:var(--spacing-xs);font-size:1rem}.demo-account-info p{margin-bottom:var(--spacing-xs)}@media (max-width: 992px){.auth-container{grid-template-columns:1fr;max-width:600px}.auth-info{padding:var(--spacing-xl) var(--spacing-lg);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);order:2}.auth-info-content{max-width:100%}.auth-benefits{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.auth-benefit{flex:1 1 calc(50% - var(--spacing-md));min-width:200px}}@media (max-width: 768px){.auth-page{padding:var(--spacing-lg) 0}.auth-container{border-radius:0;box-shadow:none}.auth-form-container{padding:var(--spacing-lg)}.auth-header h1{font-size:1.8rem}.auth-info{padding:var(--spacing-lg)}.auth-info h2{font-size:1.8rem}.auth-benefits{flex-direction:column}.form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media (max-width: 576px){.auth-form-container,.auth-info{padding:var(--spacing-md)}.auth-header h1,.auth-info h2{font-size:1.5rem}.social-login{flex-direction:column}}.about-page{padding-bottom:var(--spacing-xxl)}.about-hero{background:linear-gradient(#000000b3,#000000b3),url(https://test.alseraj.iq/wp-content/uploads/2025/01/Icon-1.png) center/cover no-repeat;color:var(--white);padding:var(--spacing-xxl) 0;text-align:center;margin-bottom:var(--spacing-xxl)}.about-hero-content{max-width:800px;margin:0 auto}.about-hero-content h1{font-size:3rem;margin-bottom:var(--spacing-md);animation:fadeInDown 1s ease}.about-hero-content p{font-size:1.2rem;margin-bottom:var(--spacing-lg);animation:fadeInUp 1s ease .3s forwards;opacity:0}.about-section{margin-bottom:var(--spacing-xxl)}.section-header{margin-bottom:var(--spacing-lg);position:relative}.section-header h2{font-size:2rem;display:inline-block;position:relative;padding-bottom:var(--spacing-sm)}.section-header h2:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:3px;background-color:var(--primary)}.about-story-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.about-story-image{position:relative;overflow:hidden;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.about-story-image img{width:100%;height:auto;transition:transform .5s ease;display:block}.about-story-image:hover img{transform:scale(1.05)}.about-story-text h3{margin-bottom:var(--spacing-md);font-size:1.5rem;color:var(--primary)}.about-story-text p{margin-bottom:var(--spacing-md);line-height:1.7;color:var(--text-secondary)}.about-mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.mission-card{background-color:var(--white);padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.mission-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-md)}.mission-icon{width:70px;height:70px;margin:0 auto var(--spacing-md);background-color:var(--primary-light);color:var(--primary-dark);border-radius:50%;display:flex;align-items:center;justify-content:center}.mission-card h3{margin-bottom:var(--spacing-sm);font-size:1.3rem}.mission-card p{color:var(--text-secondary);line-height:1.6}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.team-member{background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;text-align:center}.team-member:hover{transform:translateY(-10px);box-shadow:var(--shadow-md)}.team-member-image{overflow:hidden}.team-member-image img{width:100%;height:auto;display:block;transition:transform .5s ease}.team-member:hover .team-member-image img{transform:scale(1.1)}.team-member h3{margin:var(--spacing-md) var(--spacing-md) var(--spacing-xs);font-size:1.2rem}.team-title{color:var(--primary);font-weight:600;margin-bottom:var(--spacing-xs)}.team-bio{padding:0 var(--spacing-md) var(--spacing-md);color:var(--text-secondary);font-size:.9rem;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);background-color:var(--primary);border-radius:var(--border-radius-md);padding:var(--spacing-xl);color:var(--white);box-shadow:var(--shadow-md)}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.stat-label{font-size:1rem;opacity:.9}.about-cta-content{text-align:center;max-width:700px;margin:0 auto;padding:var(--spacing-xl) 0}.about-cta-content h2{font-size:2rem;margin-bottom:var(--spacing-md)}.about-cta-content p{margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-size:1.1rem}.about-cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md)}@media (max-width: 1200px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.about-story-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.about-mission-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg) var(--spacing-xl)}}@media (max-width: 768px){.about-hero-content h1{font-size:2rem}.about-hero-content p{font-size:1rem}.team-grid{grid-template-columns:1fr}.about-cta-buttons{flex-direction:column;max-width:300px;margin:0 auto}}@media (max-width: 576px){.about-mission-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-lg)}}.contact-page{padding-bottom:var(--spacing-xxl)}.contact-hero{background:linear-gradient(#000000b3,#000000b3),url(https://test.alseraj.iq/wp-content/uploads/2025/01/Icon-1.png) center/cover no-repeat;color:var(--white);padding:var(--spacing-xxl) 0;text-align:center;margin-bottom:var(--spacing-xxl)}.contact-hero-content{max-width:800px;margin:0 auto}.contact-hero-content h1{font-size:3rem;margin-bottom:var(--spacing-md);animation:fadeInDown 1s ease}.contact-hero-content p{font-size:1.2rem;margin-bottom:var(--spacing-lg);animation:fadeInUp 1s ease .3s forwards;opacity:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.contact-info{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.contact-info h2{font-size:1.8rem;margin-bottom:var(--spacing-md);color:var(--primary)}.contact-info>p{margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.contact-method{display:flex;margin-bottom:var(--spacing-lg);align-items:flex-start}.contact-icon{width:50px;height:50px;border-radius:50%;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary-dark);margin-right:var(--spacing-md);flex-shrink:0}.contact-details h3{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.contact-details p{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.contact-details a{color:var(--primary);text-decoration:none;transition:color .2s ease}.contact-details a:hover{color:var(--primary-dark);text-decoration:underline}.contact-social{margin-top:var(--spacing-xl)}.contact-social h3{font-size:1.1rem;margin-bottom:var(--spacing-md)}.social-links{display:flex;gap:var(--spacing-sm)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--gray-200);border-radius:50%;color:var(--text-primary);transition:all .3s ease}.social-links a:hover{background-color:var(--primary);color:var(--white);transform:translateY(-3px)}.contact-form-container{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.contact-form-container h2{font-size:1.8rem;margin-bottom:var(--spacing-lg);color:var(--primary)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2a6ebb1a}.form-group input.error,.form-group textarea.error{border-color:var(--error)}.error-message{color:var(--error);font-size:.85rem;margin-top:var(--spacing-xs);display:block}.contact-form button{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;display:flex;align-items:center;justify-content:center;min-height:50px}.contact-form button.loading{background-color:var(--primary-light);cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.form-success-message{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:#4caf501a;border:1px solid var(--success);color:var(--success);border-radius:var(--border-radius-sm);text-align:center}.contact-map{margin-bottom:var(--spacing-xxl)}.contact-map h2{font-size:1.8rem;margin-bottom:var(--spacing-lg)}.map-container{position:relative;overflow:hidden;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.map-image{width:100%;height:auto;display:block}.map-placeholder-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:500;font-size:1.2rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.contact-faq h2{font-size:1.8rem;margin-bottom:var(--spacing-lg)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.faq-item{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.faq-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.faq-item h3{margin-bottom:var(--spacing-sm);font-size:1.1rem;color:var(--primary)}.faq-item p{color:var(--text-secondary);line-height:1.6}@media (max-width: 992px){.contact-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.faq-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 768px){.contact-hero-content h1{font-size:2rem}.contact-hero-content p{font-size:1rem}.contact-info,.contact-form-container{padding:var(--spacing-lg)}}@media (max-width: 576px){.contact-method{flex-direction:column;align-items:center;text-align:center}.contact-icon{margin-right:0;margin-bottom:var(--spacing-sm)}.contact-social{text-align:center}.social-links{justify-content:center}}.account-dashboard-page{padding:var(--spacing-xxl) 0;background-color:var(--gray-100)}.account-dashboard-container{display:grid;grid-template-columns:360px 1fr;gap:var(--spacing-xl)}.account-sidebar{background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);height:fit-content}.account-user{padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200);display:flex;align-items:center}.account-avatar{width:60px;height:60px;border-radius:50%;background-color:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin-right:var(--spacing-md);flex-shrink:0}.account-user-info h3{margin:0 0 var(--spacing-xs);font-size:1.1rem}.account-user-info p{margin:0 0 var(--spacing-xs);color:var(--text-secondary);font-size:.9rem}.account-joined{font-size:.8rem;color:var(--text-light)}.account-nav ul{list-style:none;padding:0;margin:0}.account-nav li{border-bottom:1px solid var(--gray-200)}.account-nav li:last-child{border-bottom:none}.account-nav button{display:flex;align-items:center;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background-color .3s ease,color .3s ease;text-align:left}.account-nav button svg{margin-right:var(--spacing-md);color:var(--text-secondary);transition:color .3s ease}.account-nav button:hover{background-color:var(--gray-100);color:var(--primary)}.account-nav button:hover svg{color:var(--primary)}.account-nav button.active{background-color:var(--primary-light);color:var(--secondary)}.account-nav button.active svg{color:var(--secondary)}.account-nav .separator{height:1px;background-color:var(--gray-300);margin:var(--spacing-sm) 0}.account-nav .logout-btn{color:var(--error)}.account-nav .logout-btn svg{color:var(--error)}.account-nav .logout-btn:hover{background-color:#f443361a}.account-content{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.success-message,.error-message{position:relative;padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg);animation:fadeIn .3s ease}.success-message{background-color:#4caf501a;color:var(--success);border:1px solid rgba(76,175,80,.2)}.error-message{background-color:#f443361a;color:var(--error);border:1px solid rgba(244,67,54,.2)}.close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:inherit;opacity:.7}.close-btn:hover{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-welcome{margin-bottom:var(--spacing-xl)}.dashboard-welcome h2{font-size:1.8rem;margin-bottom:var(--spacing-sm);color:var(--primary)}.dashboard-welcome p{color:var(--text-secondary);max-width:80%}.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-card{background-color:var(--gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-lg);text-align:center;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-evenly}.dashboard-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}.dashboard-card-icon{width:60px;height:60px;background-color:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--secondary)}.dashboard-card h3{margin-bottom:var(--spacing-sm);font-size:1.1rem}.dashboard-card p{margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:.9rem}.recent-orders{background-color:var(--gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.section-header h3{font-size:1.2rem;margin:0}.btn-text{background:none;border:none;color:var(--primary);font-weight:500;font-size:.9rem;cursor:pointer;padding:0}.btn-text:hover{text-decoration:underline}.order-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-item{background-color:var(--white);border-radius:var(--border-radius-sm);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.order-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-summary{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.status-completed{background-color:#4caf501a;color:#4caf50}.status-processing{background-color:#2196f31a;color:#2196f3}.status-pending{background-color:#ff98001a;color:#ff9800}.status-cancelled{background-color:#f443361a;color:#f44336}.empty-state{text-align:center;padding:var(--spacing-xl)}.empty-state p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.orders-tab h2{margin-bottom:var(--spacing-lg);font-size:1.5rem}.orders-header{display:grid;grid-template-columns:.8fr 1fr 1fr .8fr .8fr;background-color:var(--gray-100);padding:var(--spacing-md);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;font-weight:600}.orders-list{display:flex;flex-direction:column}.order-row{display:grid;grid-template-columns:.8fr 1fr 1fr .8fr .8fr;padding:var(--spacing-md);border-bottom:1px solid var(--gray-200);align-items:center}.order-row:last-child{border-bottom:none;border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm)}.order-col{padding:0 var(--spacing-sm)}.order-actions-col{display:flex;justify-content:flex-end}.form-group{margin-bottom:var(--spacing-md);position:relative}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--error)}.error-text{color:var(--error);font-size:.85rem;margin-top:var(--spacing-xs);animation:fadeIn .3s ease}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;cursor:pointer}.checkbox-label input{margin-right:var(--spacing-xs);width:auto}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:spin 1s linear infinite;display:inline-block;margin-right:var(--spacing-xs)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn.loading{opacity:.8;cursor:not-allowed}.profile-tab h2{margin-bottom:var(--spacing-lg);font-size:1.5rem}.account-form{max-width:800px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.form-section-divider{margin:var(--spacing-xl) 0 var(--spacing-md)}.form-section-divider h3{font-size:1.2rem;position:relative;padding-bottom:var(--spacing-xs)}.form-section-divider h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background-color:var(--primary)}.form-actions{margin-top:var(--spacing-xl);display:flex;justify-content:flex-start}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background-color:var(--white);border-radius:var(--border-radius-md);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.order-details-modal{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.modal-header h3{margin:0;font-size:1.3rem}.modal-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-secondary)}.modal-close:hover{color:var(--error)}.modal-content form{padding:var(--spacing-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--gray-200)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.address-form .form-row{margin-bottom:0}.addresses-tab h2{margin-bottom:var(--spacing-lg);font-size:1.5rem}.addresses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.address-card{background-color:var(--gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-lg);position:relative}.address-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.address-card-header h3{margin:0;font-size:1.1rem}.default-badge{background-color:var(--primary);color:var(--white);font-size:.7rem;padding:2px 8px;border-radius:12px}.address-card-content{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.address-name{font-weight:600;color:var(--text-primary)}.address-phone{margin-top:var(--spacing-sm)}.address-card-actions{display:flex;gap:var(--spacing-sm)}.add-address-card{border:2px dashed var(--gray-300);background-color:var(--white);display:flex;align-items:center;justify-content:center;height:100%;min-height:200px}.add-address-content{text-align:center}.add-icon{width:60px;height:60px;border-radius:50%;background-color:var(--gray-200);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--text-secondary)}.add-address-content h3{margin-bottom:var(--spacing-md);font-size:1.1rem}.order-details{padding:var(--spacing-lg)}.order-details-section{margin-bottom:var(--spacing-lg)}.order-details-section h4{margin-bottom:var(--spacing-md);font-size:1.1rem;color:var(--text-primary)}.order-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.order-info-item{padding:var(--spacing-sm);background-color:var(--gray-100);border-radius:var(--border-radius-sm)}.order-note{background-color:#ff98001a;color:var(--text-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.9rem}.wishlist-tab h2{margin-bottom:var(--spacing-lg);font-size:1.5rem}.wishlist-grid{display:grid;gap:var(--spacing-md)}.wishlist-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-md);background-color:var(--gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-md);position:relative;align-items:center}.remove-wishlist{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;color:var(--text-light);cursor:pointer;padding:var(--spacing-xs);border-radius:50%;transition:all .2s ease}.remove-wishlist:hover{background-color:#0000000d;color:var(--error)}.wishlist-item-image{width:80px;height:80px;border-radius:var(--border-radius-sm);overflow:hidden}.wishlist-item-image img{width:100%;height:100%;object-fit:cover}.wishlist-item-details h3{margin:0 0 var(--spacing-xs);font-size:1.1rem}.wishlist-item-price{color:var(--primary);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.sale-price{color:var(--accent)}.regular-price{text-decoration:line-through;font-size:.9rem;color:var(--text-light);font-weight:400}.wishlist-item-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (max-width: 992px){.account-dashboard-container{grid-template-columns:240px 1fr;gap:var(--spacing-lg)}.dashboard-cards{grid-template-columns:repeat(2,1fr)}.addresses-grid{grid-template-columns:1fr}.modal-content{width:90%}.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 768px){.account-dashboard-container{grid-template-columns:1fr}.account-sidebar{position:relative;z-index:10}.account-nav ul{display:flex;flex-wrap:wrap}.account-nav li{border:none;flex:1 1 auto}.account-nav button{flex-direction:column;padding:var(--spacing-sm);font-size:.8rem;text-align:center}.account-nav button svg{margin:0 0 var(--spacing-xs)}.account-content{padding:var(--spacing-lg)}.form-row,.wishlist-item{grid-template-columns:1fr}.wishlist-item-image{width:100%;height:auto;aspect-ratio:3/2}.wishlist-item-actions{flex-direction:row;margin-top:var(--spacing-md)}.dashboard-welcome p{max-width:100%}.order-info-grid{grid-template-columns:1fr}}@media (max-width: 576px){.dashboard-cards{grid-template-columns:1fr}.order-item{flex-direction:column;align-items:flex-start}.order-summary{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.orders-header{display:none}.order-row{grid-template-columns:1fr;gap:var(--spacing-xs)}.order-col{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.order-col:before{content:attr(data-label);font-weight:600}}.checkout-page{padding:var(--spacing-xl) 0 var(--spacing-xxl);background-color:var(--gray-100)}.checkout-header{margin-bottom:var(--spacing-xl);text-align:center}.checkout-header h1{margin-bottom:var(--spacing-lg);font-size:2rem;color:var(--text-primary)}.checkout-progress{display:flex;justify-content:center;align-items:center;max-width:600px;margin:0 auto}.checkout-step{display:flex;flex-direction:column;align-items:center;flex:1}.step-number{width:36px;height:36px;border-radius:50%;background-color:var(--gray-300);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:var(--spacing-xs)}.step-label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.step-connector{height:2px;background-color:var(--gray-300);flex:1;margin:0 var(--spacing-sm);margin-bottom:var(--spacing-xl);position:relative;top:6px;width:80px}.checkout-step.active .step-number{background-color:var(--primary);color:var(--white)}.checkout-step.active .step-label{color:var(--primary)}.checkout-step.completed .step-number{background-color:var(--success);color:var(--white)}.step-connector.active{background-color:var(--primary)}.checkout-container{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl)}.checkout-main{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.checkout-step-container{width:100%}.checkout-step-container h2{margin-bottom:var(--spacing-lg);font-size:1.5rem;color:var(--text-primary)}.checkout-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.checkout-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.checkout-section h3{margin-bottom:var(--spacing-md);font-size:1.2rem;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);font-size:1rem;background-color:var(--white);transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2a6ebb1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error)}.error-message{color:var(--error);font-size:.85rem;margin-top:var(--spacing-xs)}.success-message{color:var(--success);font-size:.85rem;margin-top:var(--spacing-xs)}.form-checkbox{display:flex;align-items:flex-start;margin-bottom:var(--spacing-sm)}.form-checkbox input[type=checkbox]{margin-right:var(--spacing-sm);margin-top:3px}.form-checkbox label{font-size:.95rem;line-height:1.4}.shipping-methods{display:grid;gap:var(--spacing-md)}.shipping-method{position:relative}.shipping-method input[type=radio]{position:absolute;opacity:0;width:0;height:0}.shipping-method label{display:flex;flex-direction:column;padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .3s ease}.shipping-method input[type=radio]:checked+label{border-color:var(--primary);background-color:#2a6ebb0d}.shipping-method-name{font-weight:600;margin-bottom:var(--spacing-xs)}.shipping-method-price{font-weight:600;color:var(--primary)}.shipping-method-description{font-size:.9rem;color:var(--text-secondary)}.billing-same-toggle,.account-toggle{margin-bottom:var(--spacing-md)}.password-field{max-width:400px}.password-hint{font-size:.8rem;color:var(--text-light);margin-top:var(--spacing-xs)}.checkout-actions{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.payment-methods{display:grid;gap:var(--spacing-md)}.payment-method{position:relative}.payment-method input[type=radio]{position:absolute;opacity:0;width:0;height:0}.payment-method label{display:flex;align-items:center;padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .3s ease}.payment-method input[type=radio]:checked+label{border-color:var(--primary);background-color:#2a6ebb0d}.payment-method-icon{flex-shrink:0;width:60px;margin-right:var(--spacing-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.payment-method-details{flex:1}.payment-method-name{font-weight:600;margin-bottom:var(--spacing-xs)}.payment-method-description{font-size:.9rem;color:var(--text-secondary)}.card-icons{display:flex;gap:var(--spacing-xs)}.card-payment-form,.bank-transfer-info{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--gray-100);border-radius:var(--border-radius-sm);animation:fadeIn .3s ease}.info-box{padding:var(--spacing-md);background-color:#ff98001a;border-radius:var(--border-radius-sm);border-left:3px solid var(--warning)}.info-box p{margin-bottom:var(--spacing-xs)}.info-box p:last-child{margin-bottom:0}.info-box .note{margin-top:var(--spacing-sm);font-style:italic;color:var(--text-secondary)}.coupon-row{margin-bottom:var(--spacing-xs)}.applied-coupon{margin-top:var(--spacing-sm);font-size:.9rem;color:var(--success)}.coupon-badge{background-color:var(--primary-light);color:var(--primary-dark);padding:2px 8px;border-radius:12px;font-weight:600;font-size:.8rem}.notes-hint{color:var(--text-light);font-size:.85rem;margin-top:var(--spacing-xs)}.checkout-sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.checkout-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.checkout-summary-section{background-color:var(--gray-100);border-radius:var(--border-radius-sm);padding:var(--spacing-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h3{margin:0;font-size:1.1rem}.order-items-summary{display:flex;flex-direction:column;gap:var(--spacing-sm)}.review-order-item{display:flex;align-items:center;padding:var(--spacing-sm);background-color:var(--white);border-radius:var(--border-radius-sm)}.order-item-image{position:relative;width:60px;height:60px;margin-right:var(--spacing-md);flex-shrink:0}.order-item-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-sm)}.item-quantity{position:absolute;top:-5px;right:-5px;background-color:var(--primary);color:var(--white);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.order-item-details{flex:1}.order-item-name{font-weight:500;margin-bottom:var(--spacing-xs)}.order-item-price{font-size:.9rem;color:var(--text-secondary)}.order-item-subtotal{font-weight:600;color:var(--primary)}.review-address{margin-bottom:var(--spacing-md)}.review-address .name{font-weight:600;margin-bottom:var(--spacing-xs)}.review-address .address-line{margin-bottom:var(--spacing-xs)}.review-address .contact-info{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem}.shipping-method-info,.payment-method-info{display:flex;margin-top:var(--spacing-sm)}.review-label{font-weight:600;margin-right:var(--spacing-xs)}.same-as-shipping,.order-notes{font-style:italic;color:var(--text-secondary)}.order-totals-review{display:flex;flex-direction:column;gap:var(--spacing-xs)}.total-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.total-row.discount{color:var(--accent)}.total-row.grand-total{font-weight:600;font-size:1.1rem;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--gray-300)}.terms-agreement{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.terms-agreement a{color:var(--primary)}.order-error{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:#f443361a;border-radius:var(--border-radius-sm);text-align:center}.payment-error{margin-bottom:var(--spacing-md)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:var(--spacing-sm)}@keyframes spin{to{transform:rotate(360deg)}}.checkout-sidebar{align-self:start;position:sticky;top:100px}.checkout-order-summary{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.checkout-order-summary h3{margin-bottom:var(--spacing-md);font-size:1.2rem;color:var(--text-primary);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-200)}.order-items{max-height:300px;overflow-y:auto;margin-bottom:var(--spacing-lg)}.order-item{display:flex;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--gray-200)}.order-item:last-child{border-bottom:none}.order-totals{padding-top:var(--spacing-md);border-top:1px solid var(--gray-200)}.order-total-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-size:.95rem}.order-total-row.discount{color:var(--accent)}.order-total-row.grand-total{font-weight:600;font-size:1.1rem;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--gray-200)}.empty-cart-message{text-align:center;padding:var(--spacing-lg) 0;color:var(--text-secondary)}.empty-cart-message a{color:var(--primary);font-weight:500}.secure-checkout{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);display:flex;align-items:center}.secure-checkout-icon{background-color:#4caf501a;color:var(--success);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-md);flex-shrink:0}.secure-checkout-text h4{margin:0 0 var(--spacing-xs);font-size:1rem}.secure-checkout-text p{margin:0;font-size:.85rem;color:var(--text-secondary)}.need-help{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.need-help h4{margin:0 0 var(--spacing-xs);font-size:1rem}.need-help p{margin:0;font-size:.85rem;color:var(--text-secondary)}.order-complete-page{padding:var(--spacing-xxl) 0;background-color:var(--gray-100)}.order-complete-container{max-width:800px;margin:0 auto}.order-complete-header{text-align:center;margin-bottom:var(--spacing-xl)}.success-icon{width:80px;height:80px;background-color:var(--success);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);transform:rotate(180deg)}.order-complete-header h1{margin-bottom:var(--spacing-md);font-size:2rem;color:var(--text-primary)}.order-complete-header p{color:var(--text-secondary);max-width:600px;margin:0 auto}.order-info-card{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.order-info-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.order-info-section{text-align:center}.info-label{font-size:.9rem;color:var(--text-secondary)}.info-value{font-weight:600;font-size:.9rem}.order-number{color:var(--primary)}.checkout-order-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.shipping-card,.payment-card{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.shipping-card h3,.payment-card h3{margin-bottom:var(--spacing-md);font-size:1.2rem;color:var(--text-primary);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-200)}.address-line{margin-bottom:var(--spacing-xs)}.address-line:last-child{margin-bottom:0}.payment-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.payment-method,.payment-status{display:flex;align-items:center;gap:var(--spacing-sm)}.status-paid{color:var(--success)}.order-instructions{margin-bottom:var(--spacing-xl)}.order-instructions h3{text-align:center;margin-bottom:var(--spacing-lg);font-size:1.5rem}.instructions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.instruction-card{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);text-align:center}.instruction-icon{width:50px;height:50px;background-color:var(--primary-light);color:var(--primary-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.instruction-card h4{margin-bottom:var(--spacing-sm);font-size:1.1rem}.instruction-card p{color:var(--text-secondary);font-size:.95rem;margin:0}.order-complete-actions{display:flex;justify-content:center;gap:var(--spacing-md)}@media (max-width: 992px){.checkout-container{grid-template-columns:1fr}.checkout-sidebar{position:static}.order-info-sections,.instructions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.checkout-header h1{font-size:1.8rem}.checkout-progress{max-width:100%}.step-label{font-size:.8rem}.checkout-main{padding:var(--spacing-lg)}.form-row,.checkout-summary-grid{grid-template-columns:1fr}.order-complete-actions{flex-direction:column}.order-complete-actions .btn{width:100%}}@media (max-width: 576px){.checkout-actions{flex-direction:column}.checkout-actions .btn{width:100%}.order-info-sections,.instructions-grid{grid-template-columns:1fr}.checkout-step .step-number{width:30px;height:30px;font-size:.9rem}}:root{--primary: #2a6ebb;--primary-light: #4f8fd1;--primary-dark: #1d5294;--secondary: #f0f2f5;--accent: #ff6b6b;--accent-dark: #e05252;--success: #4caf50;--warning: #ff9800;--error: #f44336;--text-primary: #333333;--text-secondary: #666666;--text-light: #999999;--white: #ffffff;--black: #212121;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: 1rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-normal: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--text-primary);background-color:#f0f0f0;line-height:1.6;overflow-x:hidden;margin:0}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.container{width:100%;max-width:1440px;margin:0 auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col{flex:1 0 0%;padding-right:15px;padding-left:15px}.section{padding:var(--spacing-xxl) 0}.section-sm{padding:var(--spacing-xl) 0}.btn{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;padding:.5rem 1.25rem;font-size:1rem;line-height:1.5;border-radius:var(--border-radius-sm);transition:all var(--transition-normal);cursor:pointer;border:none}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);color:var(--white)}.btn-secondary{background-color:var(--secondary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--gray-300)}.btn-accent{background-color:var(--accent);color:var(--white)}.btn-accent:hover{background-color:var(--accent-dark)}.btn-sm{padding:.25rem .75rem;font-size:.875rem}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.btn-outline{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:var(--primary);color:var(--white)}.btn-block{display:block;width:100%}.card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-img{width:100%;height:auto;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md)}.card-title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.card-text{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--gray-200)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500}.form-control{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--white);background-clip:padding-box;border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-control:focus{border-color:var(--primary-light);outline:0;box-shadow:0 0 0 .2rem #2a6ebb40}.header{background-color:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-sm)}.badge-primary{background-color:var(--primary);color:var(--white)}.badge-accent{background-color:var(--accent);color:var(--white)}.footer{background-color:var(--black);color:var(--white);padding:var(--spacing-xxl) 0}.footer-title{color:var(--white);margin-bottom:var(--spacing-md)}.footer-link{color:var(--gray-400);transition:color var(--transition-fast)}.footer-link:hover{color:var(--white)}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}.m-0{margin:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.w-100{width:100%}.shadow{box-shadow:var(--shadow-md)}.rounded{border-radius:var(--border-radius-md)}.cart-dropdown{position:absolute;right:0;top:100%;width:320px;background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-md);z-index:1001;max-height:500px;overflow-y:auto}.cart-item{display:flex;align-items:center;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--gray-200)}.cart-item-img{width:60px;height:60px;object-fit:cover;border-radius:var(--border-radius-sm);margin-right:var(--spacing-md)}.cart-item-content{flex:1}.cart-item-title{font-weight:500;margin-bottom:var(--spacing-xs)}.cart-item-price{color:var(--primary);font-weight:600}.cart-item-remove{color:var(--error);background:none;border:none;cursor:pointer;font-size:1rem}.cart-total{display:flex;justify-content:space-between;font-weight:600;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--gray-200)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-normal)}@media (max-width: 1200px){.container{max-width:960px}.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.container{max-width:720px}.product-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:2.25rem}h2{font-size:1.75rem}}@media (max-width: 768px){.mobile-menu-toggle{display:block;cursor:pointer}.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.section{padding:var(--spacing-xl) 0}}@media (max-width: 576px){h1{font-size:2rem}h2{font-size:1.5rem}.btn{padding:.4rem 1rem}.cart-dropdown{width:280px}}