@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&display=swap";
:root{--primary:#e31c1c;--primary-dark:#b51515;--primary-light:#f33;--primary-xlight:#fff0f0;--accent:#ff6b00;--accent-light:#fff3e8;--dark:#1a1a1a;--dark-2:#2d2d2d;--dark-3:#444;--gray-1:#666;--gray-2:#999;--gray-3:#ccc;--gray-4:#e5e5e5;--gray-5:#f2f2f2;--gray-6:#f8f8f8;--white:#fff;--success:#16a34a;--success-light:#f0fdf4;--warning:#d97706;--warning-light:#fffbeb;--info:#0369a1;--info-light:#f0f9ff;--danger:#dc2626;--danger-light:#fef2f2;--font-primary:"Inter", sans-serif;--font-display:"Poppins", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow:0 2px 8px #0000001a;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000024;--shadow-xl:0 16px 48px #0000002e;--shadow-red:0 4px 20px #e31c1c40;--transition:.22s ease;--transition-fast:.12s ease;--transition-slow:.4s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);color:var(--dark);background:var(--gray-6);line-height:1.6;overflow-x:hidden}img{object-fit:cover;max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw + 1rem,2.5rem);line-height:1.2}h2{font-family:var(--font-display);font-size:clamp(1.4rem,3vw + .8rem,2rem);line-height:1.25}h3{font-family:var(--font-display);font-size:clamp(1.2rem,2vw + .6rem,1.5rem);line-height:1.25}h4{font-family:var(--font-display);font-size:clamp(1rem,1.5vw + .5rem,1.25rem);line-height:1.3}h5,h6{font-family:var(--font-display);line-height:1.3}table{border-collapse:collapse;width:100%}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.text-primary{color:var(--primary)}.text-gray{color:var(--gray-1)}.text-white{color:var(--white)}.text-center{text-align:center}.container{width:100%;max-width:1280px;padding:0 var(--space-4);margin:0 auto}@media (min-width:992px){.container{padding:0 var(--space-6)}}.section{padding:var(--space-10) 0}.page-wrapper{padding-top:var(--space-4);min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.w-full{width:100%}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);transition:all var(--transition);white-space:nowrap;cursor:pointer;border:1.5px solid #0000;padding:10px 22px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:var(--white);box-shadow:var(--shadow-red)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 24px #e31c1c59}.btn-secondary{background:var(--white);color:var(--primary);border:1.5px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--white)}.btn-dark{background:var(--dark);color:var(--white)}.btn-dark:hover{background:var(--dark-2)}.btn-outline{color:var(--dark);border:1.5px solid var(--gray-3);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-sm{padding:7px 16px;font-size:.8rem}.btn-lg{padding:14px 32px;font-size:1rem}.btn-full{width:100%}.btn-icon{border-radius:var(--radius);padding:10px}.btn.btn-width-fit{width:fit-content}@media (max-width:767px){.btn-sm,.btn-icon{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}}.btn-mobile-full{width:100%}@media (min-width:640px){.btn-mobile-full{width:auto}}.btn-group{gap:var(--space-2);flex-direction:column;width:100%;display:flex}@media (min-width:480px){.btn-group{flex-direction:row;width:auto}.btn-group .btn{flex:1}}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media (min-width:480px){.sm-grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm-grid-cols-3{grid-template-columns:repeat(3,1fr)}.sm-grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}.md-grid-cols-4{grid-template-columns:repeat(4,1fr)}.md-grid-cols-5{grid-template-columns:repeat(5,1fr)}.md-grid-cols-6{grid-template-columns:repeat(6,1fr)}}@media (min-width:992px){.lg-grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg-grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg-grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg-grid-cols-6{grid-template-columns:repeat(6,1fr)}}.badge{border-radius:var(--radius-full);justify-content:center;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-primary{background:var(--primary);color:var(--white)}.badge-success{background:var(--success);color:var(--white)}.badge-warning{background:var(--warning);color:var(--white)}.badge-count{background:var(--primary);min-width:18px;height:18px;color:var(--white);border-radius:var(--radius-full);border:2px solid var(--white);justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-7px}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-card__badges{z-index:2;flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;left:10px}.product-card__badge{border-radius:var(--radius-sm);padding:3px 8px;font-size:.68rem;font-weight:700}.badge-hot{background:var(--primary);color:#fff}.badge-new{background:var(--success);color:#fff}.badge-sale{background:var(--accent);color:#fff}.badge-toprated{color:#fff;background:#7c3aed}.product-card__wishlist{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:34px;height:34px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition);color:var(--gray-2);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.product-card__wishlist:hover,.product-card__wishlist.active{color:var(--primary);background:var(--white)}.product-card__wishlist.active{color:var(--primary)}.product-card__img-wrapper{background:var(--gray-6);height:200px;position:relative;overflow:hidden}.product-card__img-wrapper img{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-slow);padding:12px}.product-card:hover .product-card__img-wrapper img{transform:scale(1.06)}.product-card__quick-view{color:#fff;text-align:center;letter-spacing:.3px;width:100%;transition:transform var(--transition);cursor:pointer;background:#e31c1ce0;padding:8px;font-size:.8rem;font-weight:600;position:absolute;bottom:0;left:0;transform:translateY(100%)}.product-card:hover .product-card__quick-view{transform:translateY(0)}.product-card__body{flex-direction:column;flex:1;padding:14px;display:flex}.product-card__brand{color:var(--gray-1);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:.72rem}.product-card__name{color:var(--dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card__desc{color:var(--gray-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.78rem;line-height:1.45;display:-webkit-box;overflow:hidden}.product-card__rating{align-items:center;gap:5px;margin-bottom:8px;display:flex}.stars{gap:2px;display:flex}.stars i{color:#f59e0b;font-size:.72rem}.stars i.empty{color:var(--gray-3)}.rating-count{color:var(--gray-2);font-size:.72rem}.product-card__pricing{margin-top:auto;margin-bottom:12px}.product-card__price{color:var(--primary);font-size:1.1rem;font-weight:700}.product-card__original{color:var(--gray-2);margin-left:6px;font-size:.8rem;text-decoration:line-through}.product-card__discount{color:var(--success);margin-left:4px;font-size:.78rem;font-weight:600}.product-card__actions{gap:8px;margin-top:auto;display:flex}.btn-add-cart{background:var(--primary);color:#fff;border-radius:var(--radius);transition:all var(--transition);flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.83rem;font-weight:600;display:flex}.btn-add-cart:hover{background:var(--primary-dark)}.btn-add-cart.added{background:var(--success)}.section-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--gray-4);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-display);align-items:center;gap:10px;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;display:flex}.section-title .bar{background:var(--primary);border-radius:var(--radius-full);width:4px;height:24px;display:inline-block}.section-link{color:var(--primary);transition:gap var(--transition);align-items:center;gap:4px;font-size:.9rem;font-weight:600;display:flex}.section-link:hover{gap:8px}.breadcrumb{padding:var(--space-4) 0;color:var(--gray-1);align-items:center;gap:6px;font-size:.85rem;display:flex}.breadcrumb a{color:var(--gray-1);transition:color var(--transition)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .sep{font-size:.75rem}.breadcrumb .current{color:var(--dark);font-weight:500}.rating-display{align-items:center;gap:8px;display:flex}#toast-container{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--dark);color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:all;border-left:4px solid var(--primary);align-items:center;gap:12px;min-width:280px;max-width:360px;padding:14px 20px;font-size:.88rem;font-weight:500;animation:.3s forwards toastIn;display:flex}.toast.success{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.error{border-left-color:var(--danger)}.toast__icon{flex-shrink:0;font-size:1.1rem}.toast.success .toast__icon{color:var(--success)}.toast.warning .toast__icon{color:var(--warning)}.toast.error .toast__icon{color:var(--danger)}.toast.fadeout{animation:.3s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translate(60px)scale(.9)}to{opacity:1;transform:none}}@keyframes toastOut{0%{opacity:1;transform:none}to{opacity:0;transform:translate(60px)scale(.9)}}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);opacity:0;pointer-events:none;transition:opacity var(--transition);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;transition:transform var(--transition);overflow-y:auto;transform:scale(.94)translateY(20px)}.modal-overlay.open .modal{transform:none}.modal__header{padding:var(--space-6);border-bottom:1px solid var(--gray-4);background:var(--white);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal__title{font-size:1.1rem;font-weight:700}.modal__close{width:32px;height:32px;color:var(--gray-1);transition:all var(--transition);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--gray-5);color:var(--dark)}.modal__body{padding:var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-label{color:var(--dark-2);margin-bottom:6px;font-size:.87rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--gray-3);border-radius:var(--radius);width:100%;color:var(--dark);transition:border-color var(--transition), box-shadow var(--transition);background:var(--white);padding:11px 14px;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e31c1c1a}.form-input::placeholder{color:var(--gray-2)}.form-select{appearance:none;cursor:pointer}.form-textarea{resize:vertical;min-height:100px}.input-with-icon{position:relative}.input-with-icon .form-input{padding-left:42px}.input-with-icon .input-icon{color:var(--gray-2);pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pagination{padding:var(--space-8) 0;justify-content:center;align-items:center;gap:6px;display:flex}.page-btn{border-radius:var(--radius);cursor:pointer;border:1.5px solid var(--gray-3);width:38px;height:38px;color:var(--gray-1);transition:all var(--transition);justify-content:center;align-items:center;font-size:.88rem;font-weight:600;display:flex}.page-btn:hover,.page-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.progress-bar-wrap{background:var(--gray-4);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar{border-radius:var(--radius-full);background:var(--primary);height:100%;transition:width .5s}.empty-state{padding:var(--space-16) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state i{color:var(--gray-3);margin-bottom:var(--space-4);font-size:4rem}.empty-state h3{margin-bottom:var(--space-2);font-size:1.3rem;font-weight:700}.empty-state p{color:var(--gray-1);margin-bottom:var(--space-6)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-5)}::-webkit-scrollbar-thumb{background:var(--gray-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-2)}.divider{border:none;border-top:1px solid var(--gray-4);margin:var(--space-6) 0}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.page-wrapper{padding-top:var(--space-3)}.section{padding:var(--space-8) 0}.container{padding:0 var(--space-3)}}.product-grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:992px){.product-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.product-grid-3{grid-template-columns:1fr}}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.empty-state i{color:var(--gray-3);margin-bottom:var(--space-4);font-size:4rem;display:block}.empty-state h3{margin-bottom:var(--space-2);color:var(--dark);font-size:1.3rem;font-weight:700}.empty-state p{color:var(--gray-1);margin-bottom:var(--space-6);font-size:.95rem}.payment-logos{flex-wrap:wrap;gap:6px;display:flex}.checkout-item{padding:var(--space-3) 0;border-bottom:1px solid var(--gray-4);align-items:center;gap:var(--space-3);display:flex}.checkout-item:last-child{border-bottom:none}.checkout-item-info{flex:1}.checkout-item-name{font-size:.9rem;font-weight:600}.checkout-item-details{color:var(--gray-1);margin-top:2px;font-size:.82rem}.checkout-item-total{color:var(--primary);white-space:nowrap;font-size:.95rem;font-weight:700}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}
.topbar{color:var(--white);background:#de2412;padding:8px 0;font-size:.82rem;font-weight:500}.topbar .container{justify-content:space-between;align-items:center;display:flex}.topbar-left{align-items:center;gap:var(--space-4);display:flex}.topbar-right{align-items:center;gap:20px;display:flex}.topbar a,.topbar span{color:var(--white);transition:opacity var(--transition);align-items:center;gap:6px;text-decoration:none;display:flex}.topbar a:hover{text-underline-offset:4px;text-decoration:underline}.topbar-divider{background:#ffffff4d;width:1px;height:14px}.main-header{width:100%;z-index:var(--z-sticky);box-shadow:var(--shadow-md);position:sticky;top:0;left:0}.header-top{background:var(--dark);padding:10px 0}.header-top .container{align-items:center;gap:var(--space-6);grid-template-columns:auto 1fr auto;display:grid}.header-logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.header-logo img{object-fit:contain;width:auto;height:80px}.header-search{background:var(--white);border-radius:var(--radius);transition:border-color var(--transition);border:2px solid #0000;align-items:center;display:flex;overflow:hidden}.header-search:focus-within{border-color:var(--primary)}.search-category{background:var(--gray-5);color:var(--dark);cursor:pointer;border:none;border-right:1px solid var(--gray-3);min-width:130px;height:42px;padding:0 12px;font-size:.82rem;font-weight:500}.search-input{color:var(--dark);background:0 0;border:none;flex:1;height:42px;padding:0 14px;font-size:.92rem}.search-input::placeholder{color:var(--gray-2)}.search-btn{background:var(--primary);width:52px;height:42px;color:var(--white);transition:background var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.search-btn:hover{background:var(--primary-dark)}.search-suggestions{background:var(--white);border-radius:0 0 var(--radius-md) var(--radius-md);width:100%;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:340px;display:none;position:absolute;top:100%;left:0;overflow-y:auto}.search-suggestions.open{display:block}.suggestion-item{cursor:pointer;transition:background var(--transition);align-items:center;gap:10px;padding:10px 16px;font-size:.88rem;display:flex}.suggestion-item:hover{background:var(--gray-6)}.suggestion-item i{color:var(--gray-2);font-size:.85rem}.header-search-wrap{flex:1;position:relative}.header-actions{align-items:center;gap:var(--space-4);justify-content:flex-end;display:flex}.header-action-btn{color:var(--white);cursor:pointer;transition:color var(--transition);flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.header-action-btn:hover{color:var(--primary-light)}.header-action-btn i{font-size:1.2rem}.header-action-btn span{white-space:nowrap;font-size:.7rem;font-weight:500}.header-action-btn .badge-count{top:-5px;right:-6px}.account-dropdown-wrap{position:relative}.account-dropdown{background:var(--white);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);padding:var(--space-3) 0;z-index:var(--z-dropdown);display:none;position:absolute;top:calc(100% + 14px);right:0}.account-dropdown.open{animation:.2s dropIn;display:block}.account-dropdown:before{content:"";background:var(--white);border-radius:2px;width:14px;height:14px;position:absolute;top:-7px;right:18px;transform:rotate(45deg);box-shadow:-2px -2px 5px #0000000d}.dropdown-header{border-bottom:1px solid var(--gray-4);margin-bottom:4px;padding:10px 16px 8px}.dropdown-header .user-name{font-size:.9rem;font-weight:700}.dropdown-header .user-email{color:var(--gray-1);font-size:.75rem}.dropdown-item{color:var(--dark);transition:all var(--transition);cursor:pointer;align-items:center;gap:10px;padding:10px 16px;font-size:.88rem;display:flex}.dropdown-item:hover{background:var(--gray-6);color:var(--primary)}.dropdown-item i{text-align:center;width:18px;color:var(--gray-2)}.dropdown-item:hover i{color:var(--primary)}.dropdown-divider{border:none;border-top:1px solid var(--gray-4);margin:4px 0}.dropdown-item.logout,.dropdown-item.logout i{color:var(--danger)}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.category-nav{background:var(--primary);position:relative}.category-nav .container{align-items:center;gap:0;height:42px;display:flex}.cat-nav-item{cursor:pointer;height:100%;color:var(--white);transition:background var(--transition);white-space:nowrap;align-items:center;gap:7px;padding:0 18px;font-size:.83rem;font-weight:600;display:flex;position:relative}.cat-nav-item:hover{background:#0000002e}.cat-nav-item.all-cats{background:#0003;gap:8px}.cat-nav-item.all-cats:hover{background:#00000052}.cat-nav-item.active-cat{background:#0003}.mega-menu{background:var(--white);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);width:900px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);padding:var(--space-6);gap:var(--space-6);grid-template-columns:180px 1fr;display:none;position:absolute;top:100%;left:0}.mega-menu.open{animation:.22s dropIn;display:grid}.mega-menu-sidebar{border-right:1px solid var(--gray-4);padding-right:var(--space-6)}.mega-sidebar-item{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);color:var(--dark);align-items:center;gap:10px;padding:9px 12px;font-size:.88rem;font-weight:500;display:flex}.mega-sidebar-item:hover,.mega-sidebar-item.active{background:var(--primary-xlight);color:var(--primary)}.mega-sidebar-item i{text-align:center;width:20px;color:var(--gray-2)}.mega-sidebar-item:hover i,.mega-sidebar-item.active i{color:var(--primary)}.mega-menu-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.mega-col-title{color:var(--gray-1);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.8rem;font-weight:700}.mega-col-links{flex-direction:column;gap:6px;display:flex}.mega-col-links a{color:var(--dark);transition:color var(--transition);font-size:.85rem}.mega-col-links a:hover{color:var(--primary);padding-left:4px}.all-cats-menu{background:var(--white);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);width:260px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);max-height:420px;padding:var(--space-2) 0;display:none;position:absolute;top:100%;left:0;overflow-y:auto}.all-cats-menu.open{animation:.22s dropIn;display:block}.all-cats-link{color:var(--dark);transition:all var(--transition);cursor:pointer;align-items:center;gap:12px;padding:10px 18px;font-size:.88rem;display:flex}.all-cats-link:hover{background:var(--primary-xlight);color:var(--primary);padding-left:22px}.all-cats-link i{text-align:center;width:20px;color:var(--gray-2)}.all-cats-link:hover i{color:var(--primary)}.menu-toggle{cursor:pointer;flex-direction:column;gap:5px;padding:4px;display:none}.menu-toggle span{background:var(--white);width:24px;height:2px;transition:all var(--transition);border-radius:2px}.menu-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--white);width:300px;height:100vh;z-index:calc(var(--z-sticky) + 10);box-shadow:var(--shadow-xl);position:fixed;top:0;left:0;overflow-y:auto}.mobile-menu-overlay{z-index:calc(var(--z-sticky) + 9);background:#00000080;display:block;position:fixed;inset:0}.mobile-menu-header{background:var(--primary);padding:var(--space-4) var(--space-6);color:var(--white);justify-content:space-between;align-items:center;display:flex}.mobile-menu-close{color:var(--white);cursor:pointer;font-size:1.3rem}.mobile-menu-body{padding:var(--space-4)}.mobile-menu-user{background:var(--gray-6);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4);align-items:center;gap:12px;display:flex}.mobile-user-avatar{background:var(--primary);width:40px;height:40px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.mobile-nav-title{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-2);padding:var(--space-2) 0;font-size:.75rem;font-weight:700}.mobile-nav-link{padding:12px var(--space-2);border-bottom:1px solid var(--gray-4);color:var(--dark);transition:color var(--transition);cursor:pointer;justify-content:space-between;align-items:center;font-size:.92rem;display:flex}.mobile-nav-link:hover{color:var(--primary)}.mobile-nav-link span{align-items:center;gap:10px;display:flex}.mobile-nav-link i.icon{text-align:center;width:20px;color:var(--gray-2)}.admin-nav-links{display:flex}@media (max-width:992px){.admin-nav-links{display:none}}.header-currency-wrap{align-items:center;gap:var(--space-3);display:flex}.mobile-currency-select{font-family:inherit}.mobile-search-btn{width:36px;height:36px;color:var(--white);cursor:pointer;transition:background var(--transition);background:0 0;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:none}.mobile-search-btn:hover{background:#ffffff1f}.mobile-search-bar{background:var(--dark);padding:10px var(--space-4);border-top:1px solid #ffffff1a}.mobile-search-bar .container{gap:var(--space-3);display:flex}.mobile-search-bar form{gap:var(--space-3);align-items:stretch;width:100%;display:flex}.mobile-search-input{background:var(--white);color:var(--dark);border:none;border-radius:6px;outline:none;flex:1;min-width:200px;min-height:44px;padding:9px 14px;font-size:.9rem}@media (max-width:992px){.header-top .container{gap:var(--space-3);grid-template-columns:auto auto}.header-search-wrap,.category-nav .container,.cat-nav-item:not(.all-cats){display:none}.menu-toggle,.mobile-search-btn{display:flex}.mobile-search-bar .search-btn{border-radius:6px;width:auto;height:auto;padding:9px 14px}.mobile-search-bar .btn-primary{width:100px}.header-currency-wrap{display:none}}@media (max-width:768px){.topbar{display:none}.header-top{padding:8px 0}.header-logo img{height:64px}.header-actions .header-action-btn span,.category-nav{display:none}.main-header{box-shadow:var(--shadow)}.mobile-search-bar .btn-primary{width:70px}}@media (max-width:480px){.header-wishlist-btn{display:none}.header-logo img{height:52px}.mobile-search-bar .btn-primary{width:50px}}
.site-footer{background:var(--dark);color:#ffffffbf;margin-top:var(--space-16)}.footer-promo{background:var(--primary);padding:var(--space-6) 0}.footer-promo .container{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.promo-item{padding:var(--space-3);align-items:center;gap:14px;display:flex}.promo-icon{width:48px;height:48px;color:var(--white);background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.promo-text h4{color:var(--white);font-size:.92rem;font-weight:700}.promo-text p{color:#fffc;margin-top:2px;font-size:.78rem}.newsletter-strip{background:var(--dark-2);padding:var(--space-8) 0;border-bottom:1px solid #ffffff12}.newsletter-strip .container{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.newsletter-text h3{color:var(--white);font-size:1.2rem;font-weight:700}.newsletter-text p{color:#fff9;margin-top:3px;font-size:.88rem}.newsletter-form{flex:1;gap:0;max-width:460px;display:flex}.newsletter-input{border-radius:var(--radius) 0 0 var(--radius);color:var(--white);background:#ffffff1a;border:1.5px solid #ffffff26;border-right:none;outline:none;flex:1;padding:12px 18px;font-size:.92rem}.newsletter-input::placeholder{color:#fff6}.newsletter-input:focus{border-color:var(--primary)}.newsletter-btn{background:var(--primary);color:var(--white);border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;transition:background var(--transition);border:1.5px solid #0000;padding:12px 22px;font-size:.9rem;font-weight:600}.newsletter-btn:hover{background:var(--primary-dark)}.footer-body{padding:var(--space-12) 0}.footer-body .container{gap:var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr 1.3fr;display:grid}.footer-logo{margin-bottom:var(--space-4);align-items:center;gap:10px;display:flex}.footer-logo img{height:44px}.footer-about{color:#fff9;margin-bottom:var(--space-4);max-width:280px;font-size:.86rem;line-height:1.7}.footer-contact-item{color:#ffffffa6;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:.84rem;display:flex}.footer-contact-item i{color:var(--primary);flex-shrink:0;margin-top:3px}.social-links{margin-top:var(--space-4);gap:10px;display:flex}.social-link{color:#ffffffb3;width:36px;height:36px;transition:all var(--transition);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;text-decoration:none;display:flex}.social-link:hover{background:var(--primary);color:var(--white);transform:translateY(-3px)}.footer-col-title{color:var(--white);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--primary);font-size:.9rem;font-weight:700;display:inline-block}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:#fff9;transition:all var(--transition);align-items:center;gap:7px;font-size:.85rem;display:flex}.footer-links a:hover{color:var(--white);padding-left:5px}.footer-links a i{color:var(--primary);font-size:.75rem}.footer-cta-link{border-radius:var(--radius);color:#fffc;transition:all var(--transition);background:#ffffff0f;border:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:8px;padding:9px 14px;font-size:.85rem;display:flex}.footer-cta-link:hover{color:var(--white);background:#e31c1c33;border-color:#e31c1c66;padding-left:18px}.footer-cta-link i{color:var(--primary)}.payments-section{margin-top:var(--space-6)}.payments-title{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.8rem;font-weight:700}.payment-logos{flex-wrap:wrap;gap:8px;display:flex}.payment-logo{background:var(--white);letter-spacing:.5px;height:28px;color:var(--dark);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:800;display:flex}.payment-logo.visa{color:var(--white);background:#1a1f71;font-style:italic}.payment-logo.mastercard{background:var(--white)}.payment-logo.paystack{color:var(--white);background:#0ba4db}.payment-logo.stripe{color:var(--white);background:#635bff}.payment-logo.opay{color:var(--white);background:#1bb55c}.payment-logo i{margin-right:4px}.footer-bottom{padding:var(--space-4) 0;background:#00000040;border-top:1px solid #ffffff12}.footer-bottom .container{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.footer-copyright{color:#ffffff80;font-size:.82rem}.footer-copyright span{color:var(--primary)}.footer-bottom-links{gap:var(--space-4);display:flex}.footer-bottom-links a{color:#ffffff80;transition:color var(--transition);font-size:.82rem}.footer-bottom-links a:hover{color:var(--white)}.back-to-top{background:var(--primary);width:44px;height:44px;color:var(--white);box-shadow:var(--shadow-red);cursor:pointer;z-index:99;opacity:0;pointer-events:none;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:fixed;bottom:90px;right:24px}.back-to-top.visible{opacity:1;pointer-events:all}.back-to-top:hover{background:var(--primary-dark);transform:translateY(-3px)}@media (max-width:1100px){.footer-body .container{grid-template-columns:1.5fr 1fr 1fr 1fr}.footer-body .container .footer-col:last-child{grid-column:1/-1}.footer-promo .container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer-promo .container{gap:var(--space-3);grid-template-columns:1fr 1fr}.footer-body .container{gap:var(--space-6);grid-template-columns:1fr 1fr}.newsletter-strip .container{flex-direction:column;align-items:flex-start}.newsletter-form{width:100%;max-width:100%}.footer-bottom .container{text-align:center;flex-direction:column}}@media (max-width:480px){.footer-promo .container,.footer-body .container{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.newsletter-input{border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;border-right:1.5px solid #ffffff26}.newsletter-btn{border-radius:0 0 var(--radius) var(--radius);width:100%}}
.hero-slider{background:var(--dark);height:240px;position:relative;overflow:hidden}.hero-slide{will-change:opacity, transform;align-items:center;width:100%;height:100%;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;transform:translateZ(0)}.hero-slide.active{opacity:1;pointer-events:all}@media (max-width:767px){.hero-slider{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;height:240px!important;display:flex!important;overflow-x:auto!important}.hero-slider::-webkit-scrollbar{display:none!important}.hero-slide{opacity:1!important;pointer-events:auto!important;scroll-snap-align:start!important;flex:0 0 100%!important;width:100%!important;height:100%!important;transition:none!important;position:relative!important;transform:none!important}.hero-product-img{z-index:2!important;pointer-events:none!important;width:100px!important;max-width:120px!important;height:100%!important;max-height:160px!important;display:flex!important;position:absolute!important;top:50%!important;right:2%!important;transform:translateY(-50%)!important}.hero-product-img img{object-fit:cover!important;border-radius:12px!important;width:100%!important;height:100%!important;transform:perspective(800px)rotateY(-6deg)!important;box-shadow:0 20px 40px #00000080!important}.slider-arrow{display:none!important}}.hero-bg{background-position:50%;background-size:cover;transition:transform 1.6s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0;transform:scale(1.05)}.hero-slide.active .hero-bg{transform:scale(1)}.hero-overlay{background:linear-gradient(90deg,#000000a6 0%,#0003 70%,#0000 100%);position:absolute;inset:0}.hero-content{z-index:1;padding:0 var(--space-4);max-width:100%;position:relative}.hero-tag{background:var(--primary);color:var(--white);border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;margin-bottom:var(--space-3);padding:4px 14px;font-size:.78rem;font-weight:700;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards fadeInScale;display:inline-block}.hero-title{color:var(--white);margin-bottom:var(--space-3);font-size:clamp(1.2rem,5vw + .2rem,2.6rem);font-weight:800;line-height:1.15;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s forwards fadeInUp}.hero-title span{color:var(--primary-light)}.hero-sub{color:#fffc;margin-bottom:var(--space-6);font-size:1rem;display:none}.hero-actions{align-items:flex-start;gap:var(--space-3);justify-content:flex-start;animation:.7s cubic-bezier(.34,1.56,.64,1) .2s forwards fadeInUp;display:flex}.hero-actions .btn-primary{margin:0}.hero-product-img{z-index:2;pointer-events:none;filter:drop-shadow(0 30px 60px #0009);justify-content:center;align-items:center;width:45%;max-width:480px;height:100%;max-height:480px;animation:.9s cubic-bezier(.2,.8,.2,1) .2s both heroImgIn;display:none;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.hero-product-img img{object-fit:cover;border:2px solid #ffffff1a;border-radius:20px;width:100%;height:100%;transform:perspective(1000px)rotateY(-8deg)rotateX(4deg);box-shadow:0 40px 80px #000000b3}.hero-slide.active .hero-product-img img{animation:6s ease-in-out infinite alternate heroImgFloat}@keyframes heroImgFloat{0%{transform:perspective(1000px)rotateY(-8deg)rotateX(4deg)translateY(0)}to{transform:perspective(1000px)rotateY(-8deg)rotateX(4deg)translateY(-18px)}}@keyframes heroImgIn{0%{opacity:0;transform:translateY(-40%)translate(60px)scale(.85)}to{opacity:1;transform:translateY(-50%)translate(0)scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slider-dots{z-index:3;gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;width:8px;height:8px;transition:all var(--transition);background:#fff6;border-radius:50%}.slider-dot.active{background:var(--white);border-radius:4px;width:24px}.slider-arrow{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:44px;height:44px;color:var(--white);cursor:pointer;z-index:3;transition:all var(--transition);background:#ffffff26;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-arrow:hover{background:var(--primary);border-color:var(--primary)}.slider-prev{left:16px}.slider-next{right:16px}.trust-bar{background:var(--white);border-bottom:1px solid var(--gray-4);padding:10px 0}.trust-bar .container{justify-content:space-around;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.trust-item{color:var(--dark-2);align-items:center;gap:10px;padding:4px 12px;font-size:.82rem;font-weight:600;display:flex}.trust-item i{color:var(--primary);font-size:1.1rem}.flash-sale-section{background:var(--white);border-radius:var(--radius-md);margin:var(--space-6) 0;box-shadow:var(--shadow-sm);overflow:hidden}.flash-header{background:linear-gradient(135deg, var(--primary), #f50);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;display:flex}.flash-title{color:var(--white);align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex}.flash-lightning{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;animation:1.5s infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.12)}}.countdown{align-items:center;gap:6px;display:flex}.countdown-block{color:var(--white);border-radius:var(--radius-sm);text-align:center;background:#0000004d;min-width:50px;padding:6px 10px}.countdown-num{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:1}.countdown-label{text-transform:uppercase;opacity:.8;margin-top:2px;font-size:.6rem}.countdown-sep{color:var(--white);opacity:.6;font-size:1.4rem;font-weight:800}.flash-products{padding:var(--space-4);gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.categories-section{background:var(--white);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}.categories-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.cat-card{padding:var(--space-3) var(--space-2);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.cat-card:hover{background:var(--primary-xlight);transform:translateY(-3px)}.cat-icon{background:var(--gray-6);width:56px;height:56px;color:var(--primary);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.cat-card:hover .cat-icon{background:var(--primary);color:var(--white)}.cat-name{color:var(--dark);text-align:center;font-size:.78rem;font-weight:600;line-height:1.3}.banner-2col{gap:var(--space-4);margin:var(--space-4) 0;grid-template-columns:1fr;display:grid}.banner-card{border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg, var(--dark), var(--dark-2));height:180px;position:relative;overflow:hidden}.banner-card__bg{transition:transform var(--transition-slow);background-position:50%;background-size:cover;position:absolute;inset:0}.banner-card:hover .banner-card__bg{transform:scale(1.06)}.banner-card__overlay{background:linear-gradient(90deg,#0009,#0000001a);position:absolute;inset:0}.banner-card__content{z-index:1;padding:var(--space-6);position:relative}.banner-card__tag{color:var(--primary-light);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.banner-card__title{color:var(--white);margin:4px 0;font-size:1.3rem;font-weight:800}.banner-card__sub{color:#ffffffbf;margin-bottom:12px;font-size:.82rem}.banner-4col{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(2,1fr);display:grid}.mini-banner{border-radius:var(--radius-md);cursor:pointer;background:var(--gray-6);justify-content:center;align-items:center;height:130px;display:flex;position:relative;overflow:hidden}.mini-banner__bg{background-position:50%;background-size:cover;position:absolute;inset:0}.mini-banner__overlay{background:#00000059;position:absolute;inset:0}.mini-banner__text{z-index:1;text-align:center;color:var(--white);position:relative}.mini-banner__text h4{font-size:.95rem;font-weight:700}.mini-banner__text p{opacity:.8;font-size:.75rem}.products-section{background:var(--white);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.product-grid-5,.product-grid-4{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.product-grid-6{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.horizontal-scroll-wrap{padding-bottom:8px;overflow-x:auto}.horizontal-scroll-wrap::-webkit-scrollbar{height:4px}.product-row{gap:var(--space-3);width:max-content;display:flex}.product-row .product-card{flex-shrink:0;width:200px}.featured-layout{gap:var(--space-4);grid-template-columns:260px 1fr;display:grid}.featured-sidebar{gap:var(--space-3);flex-direction:column;display:flex}.sidebar-banner-card{border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#1a1a1a,#333);flex:1;min-height:150px;position:relative;overflow:hidden}.sidebar-banner-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.sidebar-banner-card:hover img{transform:scale(1.06)}.sidebar-banner-card__overlay{background:linear-gradient(#0000,#00000080);position:absolute;inset:0}.sidebar-banner-card__label{color:var(--white);font-size:.85rem;font-weight:700;position:absolute;bottom:12px;left:12px}.brands-section{background:var(--white);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.brands-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.brand-item{border:1.5px solid var(--gray-4);border-radius:var(--radius);cursor:pointer;height:70px;transition:all var(--transition);color:var(--gray-1);justify-content:center;align-items:center;padding:10px;font-size:.85rem;font-weight:700;display:flex}.brand-item:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm)}.recently-viewed{background:var(--white);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.sell-banner-inner{background:linear-gradient(135deg, var(--dark), #2d2d2d);padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}@media (max-width:780px){.hero-content{max-width:75%}}@media (max-width:550px){.hero-content{max-width:70%}.hero-actions{flex-direction:column;margin-bottom:20px}}@media (max-width:425px){.hero-actions{flex-direction:column;margin-bottom:30px}}@media (max-width:320px){.hero-content{max-width:60%}}@media (min-width:480px){.hero-slider{height:280px!important}.hero-product-img{width:130px!important;max-height:180px!important;display:flex!important;right:4%!important}.hero-actions .btn{flex:initial;flex-direction:row;width:200px;height:50px;margin-top:10px}.categories-grid{grid-template-columns:repeat(5,1fr)}.brands-grid{grid-template-columns:repeat(4,1fr)}.banner-4col{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.hero-slider{height:360px!important}.hero-content{padding:0 var(--space-8)!important;max-width:480px!important}.hero-sub{font-size:.95rem!important;display:block!important}.hero-product-img{width:32%!important;max-width:280px!important;max-height:320px!important;right:6%!important}.product-grid-5,.product-grid-4{grid-template-columns:repeat(3,1fr)}.product-grid-6{grid-template-columns:repeat(4,1fr)}.flash-products{grid-template-columns:repeat(3,1fr)}.banner-2col{grid-template-columns:1fr 1fr}.banner-4col{grid-template-columns:repeat(4,1fr)}.brands-grid{grid-template-columns:repeat(6,1fr)}.featured-layout{grid-template-columns:200px 1fr}.trust-bar .container{justify-content:space-around;gap:var(--space-3)}.trust-item{width:auto;padding:4px 12px}}@media (min-width:992px){.hero-slider{height:480px!important}.hero-content{padding:0 var(--space-12)!important;max-width:580px!important}.hero-sub{font-size:1rem!important}.hero-product-img{width:45%!important;max-width:480px!important;max-height:480px!important;right:8%!important}.product-grid-5,.product-grid-4{grid-template-columns:repeat(4,1fr)}.product-grid-6{grid-template-columns:repeat(5,1fr)}.flash-products{grid-template-columns:repeat(4,1fr)}.categories-grid,.brands-grid{grid-template-columns:repeat(8,1fr)}.featured-layout{grid-template-columns:260px 1fr}}@media (min-width:1200px){.product-grid-5{grid-template-columns:repeat(5,1fr)}.product-grid-6{grid-template-columns:repeat(6,1fr)}.flash-products{grid-template-columns:repeat(5,1fr)}}
main{padding:1rem}.pdp-layout{gap:var(--space-8);margin-top:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.gallery-main{background:var(--white);border-radius:var(--radius-md);margin-bottom:var(--space-3);border:1px solid var(--gray-4);justify-content:center;align-items:center;height:420px;display:flex;position:relative;overflow:hidden}.gallery-main img{object-fit:contain;max-width:100%;max-height:100%;padding:20px}.gallery-zoom{border:1px solid var(--gray-3);border-radius:var(--radius-sm);cursor:pointer;background:#ffffffe6;padding:6px 10px;font-size:.78rem;position:absolute;bottom:12px;right:12px}.gallery-thumbnails{gap:8px;display:flex;overflow-x:auto}.thumb{border-radius:var(--radius);border:2px solid var(--gray-3);cursor:pointer;width:72px;height:72px;transition:border-color var(--transition);flex-shrink:0;overflow:hidden}.thumb.active{border-color:var(--primary)}.thumb img{object-fit:contain;width:100%;height:100%;padding:6px}.pdp-brand{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.82rem;font-weight:600}.pdp-title{margin-bottom:var(--space-3);font-size:1.5rem;font-weight:700;line-height:1.3}.pdp-rating{margin-bottom:var(--space-4);align-items:center;gap:10px;display:flex}.pdp-rating .rating-count{color:var(--gray-1);font-size:.85rem}.pdp-rating .review-link{color:var(--primary);cursor:pointer;font-size:.85rem}.in-stock{color:var(--success);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.out-stock{color:var(--danger)}.pdp-pricing{padding:var(--space-4) 0;border-top:1px solid var(--gray-4);border-bottom:1px solid var(--gray-4);margin:var(--space-4) 0}.pdp-price{color:var(--primary);font-size:2rem;font-weight:800}.pdp-original{color:var(--gray-2);margin-left:10px;font-size:1rem;text-decoration:line-through}.pdp-discount{color:var(--success);margin-left:8px;font-size:.9rem;font-weight:700}.pdp-installment{color:var(--gray-1);margin-top:4px;font-size:.82rem}.pdp-variants{margin-bottom:var(--space-4)}.variant-label{margin-bottom:8px;font-size:.88rem;font-weight:700}.variant-options{flex-wrap:wrap;gap:8px;display:flex}.variant-btn{border:2px solid var(--gray-3);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);padding:7px 16px;font-size:.85rem}.variant-btn:hover,.variant-btn.selected{border-color:var(--primary);color:var(--primary);background:var(--primary-xlight)}.color-variant{border-radius:50%;width:32px;height:32px;padding:0}.color-variant.selected{box-shadow:0 0 0 3px #e31c1c66}.qty-wrap{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.qty-control{border:1.5px solid var(--gray-3);border-radius:var(--radius);align-items:center;display:flex;overflow:hidden}.qty-btn{background:var(--gray-6);width:38px;height:40px;color:var(--dark);cursor:pointer;transition:background var(--transition);justify-content:center;align-items:center;font-size:1rem;display:flex}.qty-btn:hover{background:var(--gray-4)}.qty-input{text-align:center;border:none;border-left:1px solid var(--gray-3);border-right:1px solid var(--gray-3);width:50px;height:40px;font-size:.95rem;font-weight:600}.pdp-actions{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.btn-buy-now{background:var(--accent);color:var(--white)}.btn-buy-now:hover{background:#e05c00}.pdp-meta{flex-direction:column;gap:10px;font-size:.85rem;display:flex}.pdp-meta-item{color:var(--gray-1);align-items:center;gap:10px;display:flex}.pdp-meta-item i{color:var(--primary);width:18px}.pdp-meta-item strong{color:var(--dark)}.tabs-wrap{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:var(--space-6);overflow:hidden}.tab-heads{border-bottom:2px solid var(--gray-4);display:flex}.tab-head{cursor:pointer;color:var(--gray-1);transition:all var(--transition);border-bottom:2px solid #0000;margin-bottom:-2px;padding:14px 24px;font-size:.9rem;font-weight:600}.tab-head.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-head:hover{color:var(--dark)}.tab-body{padding:var(--space-6);display:none}.tab-body.active{display:block}.spec-table{border:1px solid var(--gray-4);border-radius:var(--radius);width:100%;overflow:hidden}.spec-table tr:nth-child(2n) td{background:var(--gray-6)}.spec-table td{border-bottom:1px solid var(--gray-4);padding:10px 16px;font-size:.88rem}.spec-table td:first-child{color:var(--dark-2);width:35%;font-weight:600}.review-card{padding:var(--space-4) 0;border-bottom:1px solid var(--gray-4)}.review-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.reviewer-name{font-size:.9rem;font-weight:700}.review-date{color:var(--gray-2);font-size:.78rem}.review-body{color:var(--gray-1);margin-top:8px;font-size:.88rem;line-height:1.6}.verified-badge{color:var(--success);align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:inline-flex}@media (max-width:900px){.pdp-layout{grid-template-columns:1fr}.gallery-main{height:300px}}.cart-layout{gap:var(--space-6);grid-template-columns:1fr 350px;align-items:start;display:grid}.cart-main{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.cart-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-4);justify-content:space-between;align-items:center;display:flex}.cart-header h2{font-size:1.1rem;font-weight:700}.cart-select-all{color:var(--primary);cursor:pointer;font-size:.85rem;font-weight:600}.cart-table-head,.cart-table-row{align-items:center;gap:var(--space-3);padding:14px var(--space-6);grid-template-columns:auto 1fr .7fr .7fr .7fr auto;display:grid}.cart-table-head{background:var(--gray-6);color:var(--gray-1);text-transform:uppercase;letter-spacing:.4px;font-size:.82rem;font-weight:700}.cart-table-row{border-bottom:1px solid var(--gray-4);transition:background var(--transition)}.cart-table-row:hover{background:var(--gray-6)}.cart-table-row:last-child{border-bottom:none}.cart-item-img{border-radius:var(--radius);border:1px solid var(--gray-4);object-fit:contain;background:var(--white);width:70px;height:70px;padding:6px}.cart-item-name{font-size:.9rem;font-weight:600;line-height:1.35}.cart-item-brand{color:var(--gray-1);margin-top:2px;font-size:.75rem}.cart-item-variant{color:var(--gray-2);margin-top:2px;font-size:.75rem}.cart-item-price{color:var(--primary);font-size:.95rem;font-weight:700}.cart-qty-control{border:1.5px solid var(--gray-3);border-radius:var(--radius);align-items:center;width:fit-content;display:flex;overflow:hidden}.cart-qty-btn{background:var(--gray-6);cursor:pointer;width:32px;height:32px;transition:background var(--transition);justify-content:center;align-items:center;font-size:.95rem;display:flex}.cart-qty-btn:hover{background:var(--gray-4)}.cart-qty-num{text-align:center;width:40px;font-size:.92rem;font-weight:700}.cart-item-sub{font-size:1rem;font-weight:700}.cart-remove{color:var(--gray-2);cursor:pointer;transition:color var(--transition);padding:6px}.cart-remove:hover{color:var(--danger)}.cart-item-check{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.cart-save-later{color:var(--primary);cursor:pointer;margin-top:4px;font-size:.77rem}.cart-summary{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);position:sticky;top:144px}.cart-summary h3{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-4);font-size:1rem;font-weight:700}.summary-row{justify-content:space-between;margin-bottom:10px;font-size:.9rem;display:flex}.summary-row.total{border-top:2px solid var(--primary);color:var(--primary);margin-top:4px;padding-top:12px;font-size:1.05rem;font-weight:700}.summary-row .label{color:var(--gray-1)}.summary-row.savings .value{color:var(--success);font-weight:600}.promo-wrap{margin:var(--space-4) 0}.promo-input-wrap{gap:0;display:flex}.promo-input{border:1.5px solid var(--gray-3);border-radius:var(--radius) 0 0 var(--radius);flex:1;padding:10px 14px;font-size:.88rem}.promo-input:focus{border-color:var(--primary)}.promo-btn{background:var(--dark);color:var(--white);border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;border:none;padding:10px 18px;font-size:.85rem;font-weight:600}.promo-btn:hover{background:var(--primary)}.promo-success{color:var(--success);margin-top:6px;font-size:.8rem;display:none}.cart-checkout-btn{margin-top:var(--space-4)}.secure-badge{color:var(--gray-2);justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:.78rem;display:flex}@media (max-width:900px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:relative;top:0}}@media (max-width:768px){.cart-table-head{display:none}.cart-table-row{gap:var(--space-3);padding:var(--space-4);grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:start}.cart-item-price{display:none}.cart-item-check{grid-area:1/1/3;align-self:center}.cart-item-info{grid-area:1/2;min-width:0}.cart-remove{grid-area:1/3;justify-self:end}.cart-qty-control{grid-area:2/2}.cart-item-sub{grid-area:2/3;place-self:center end}}.auth-page{background:var(--gray-6);min-height:100vh;padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:480px;overflow:hidden}.auth-header{background:linear-gradient(135deg, var(--primary), #f44);padding:var(--space-8) var(--space-8) var(--space-6);text-align:center}.auth-logo{margin:0 auto var(--space-4);justify-content:center;display:flex}.auth-logo img{object-fit:contain;width:auto;height:80px}.auth-header h1{color:var(--white);font-size:1.5rem;font-weight:800}.auth-header p{color:#fffc;margin-top:4px;font-size:.88rem}.auth-body{padding:var(--space-8)}.auth-divider{text-align:center;margin:var(--space-4) 0;position:relative}.auth-divider:before{content:"";background:var(--gray-4);width:100%;height:1px;position:absolute;top:50%;left:0}.auth-divider span{background:var(--white);color:var(--gray-2);padding:0 12px;font-size:.82rem;position:relative}.social-auth{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.social-btn{border:1.5px solid var(--gray-3);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:600;display:flex}.social-btn:hover{border-color:var(--primary);background:var(--primary-xlight)}.social-btn.google i{color:#ea4335}.social-btn.facebook i{color:#1877f2}.auth-footer{text-align:center;margin-top:var(--space-4);color:var(--gray-1);font-size:.88rem}.auth-footer a{color:var(--primary);font-weight:600}.password-toggle{cursor:pointer;color:var(--gray-2);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.strength-bar-wrap{background:var(--gray-4);border-radius:2px;height:4px;margin-top:6px}.strength-bar{border-radius:2px;width:0;height:100%;transition:width .3s,background .3s}.strength-label{margin-top:3px;font-size:.72rem}@media (max-width:540px){.auth-page{background:var(--white);align-items:stretch;padding:0}.auth-card{box-shadow:none;border-radius:0;flex-direction:column;max-width:100%;display:flex}.auth-header,.auth-body{padding:var(--space-6) var(--space-4)}}.checkout-layout{gap:var(--space-6);grid-template-columns:1fr 380px;align-items:start;display:grid}.checkout-steps{margin-bottom:var(--space-8);align-items:center;gap:0;display:flex}.step{flex:1;align-items:center;gap:8px;display:flex}.step-number{border:2px solid var(--gray-3);width:32px;height:32px;color:var(--gray-2);transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step.active .step-number{background:var(--primary);border-color:var(--primary);color:var(--white)}.step.completed .step-number{background:var(--success);border-color:var(--success);color:var(--white)}.step-label{color:var(--gray-2);font-size:.82rem;font-weight:600}.step.active .step-label{color:var(--primary)}.step.completed .step-label{color:var(--success)}.step-line{background:var(--gray-3);flex:1;height:2px;margin:0 8px}.step.completed+.step .step-line{background:var(--success)}.checkout-section{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);margin-bottom:var(--space-4)}.checkout-section h3{margin-bottom:var(--space-4);font-size:1rem;font-weight:700}.payment-methods{gap:var(--space-3);flex-direction:column;display:flex}.payment-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--gray-3);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);display:flex}.payment-option:hover{border-color:var(--primary)}.payment-option.selected{border-color:var(--primary);background:var(--primary-xlight)}.payment-option input{accent-color:var(--primary)}.payment-option-logo{height:24px;font-size:.8rem;font-weight:800}.order-summary-item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--gray-4);display:flex}.order-summary-img{border-radius:var(--radius);border:1px solid var(--gray-4);object-fit:contain;flex-shrink:0;width:60px;height:60px;padding:4px}.order-summary-details{flex:1}.order-summary-name{font-size:.88rem;font-weight:600;line-height:1.3}.order-summary-qty{color:var(--gray-1);font-size:.78rem}.order-summary-price{color:var(--primary);white-space:nowrap;font-size:.9rem;font-weight:700}.form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:900px){.checkout-layout{grid-template-columns:1fr}}@media (max-width:540px){.step-label{display:none}.step{justify-content:center}.checkout-section{padding:var(--space-4)}}.account-layout{gap:var(--space-6);grid-template-columns:260px 1fr;display:grid}.account-sidebar{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-self:start;position:sticky;top:144px;overflow:hidden}.account-user-card{background:linear-gradient(135deg, var(--primary), #ff3a3a);padding:var(--space-6);text-align:center}.account-avatar{width:72px;height:72px;margin:0 auto var(--space-3);color:var(--white);background:#fff3;border:3px solid #fff6;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.account-name{color:var(--white);font-size:1rem;font-weight:700}.account-email{color:#fffc;margin-top:2px;font-size:.78rem}.account-nav-item{padding:13px var(--space-5);color:var(--dark);transition:all var(--transition);cursor:pointer;border-left:3px solid #0000;border-bottom:1px solid var(--gray-4);align-items:center;gap:12px;font-size:.9rem;display:flex}.account-nav-item:hover{background:var(--primary-xlight);color:var(--primary);border-left-color:var(--primary)}.account-nav-item.active{background:var(--primary-xlight);color:var(--primary);border-left-color:var(--primary);font-weight:600}.account-nav-item i{text-align:center;width:20px}.account-panel{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);display:none}.account-panel.active{display:block}.account-panel h2{margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--primary);font-size:1.1rem;font-weight:700}.order-card{border:1px solid var(--gray-4);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.order-card-header{background:var(--gray-6);padding:var(--space-3) var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.order-id{font-size:.85rem;font-weight:700}.order-status{border-radius:var(--radius-full);padding:4px 12px;font-size:.75rem;font-weight:700}.status-delivered{background:var(--success-light);color:var(--success)}.status-processing{background:var(--warning-light);color:var(--warning)}.status-shipped{background:var(--info-light);color:var(--info)}.status-cancelled{background:var(--danger-light);color:var(--danger)}.order-card-body{padding:var(--space-4)}.order-product{align-items:center;gap:var(--space-3);margin-bottom:8px;font-size:.88rem;display:flex}.order-product img{border-radius:var(--radius-sm);object-fit:contain;border:1px solid var(--gray-4);width:50px;height:50px}@media (max-width:900px){.account-layout{grid-template-columns:1fr}.account-sidebar{position:relative;top:0}}.account-container{max-width:1400px;margin:0 auto}.account-header{margin-bottom:2rem}.account-header h1{color:var(--dark);letter-spacing:-.5px;margin-bottom:.5rem;font-size:2rem;font-weight:800}.account-header p{color:var(--gray-1);font-size:1rem}.account-sidebar-enhanced{background:var(--white);border:1px solid #e5e7eb;border-radius:.75rem;position:sticky;top:6rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.account-user-header{background:linear-gradient(135deg, var(--primary) 0%, #c41e1e 100%);color:var(--white);padding:1.5rem}.account-user-info{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.account-avatar-large{object-fit:cover;border:3px solid #ffffffe6;border-radius:50%;width:4rem;height:4rem;box-shadow:0 4px 12px #00000026}.account-avatar-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:4rem;height:4rem;color:var(--white);background:#fff3;border:3px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 12px #00000026}.account-user-details h3{margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.account-user-details p{opacity:.9;font-size:.75rem}.admin-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.account-nav-enhanced{padding:.5rem}.account-nav-item-enhanced{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.account-nav-item-enhanced:hover,.account-nav-item-enhanced.active{background:var(--primary-xlight);color:var(--primary)}.account-nav-item-enhanced i{text-align:center;width:1.25rem;font-size:1rem}.nav-badge{background:var(--primary);color:var(--white);border-radius:9999px;margin-left:auto;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.nav-badge-red{background:#ef4444}.account-main-content{flex:1}.welcome-banner{background:linear-gradient(135deg, var(--primary) 0%, #c41e1e 100%);color:var(--white);border-radius:.75rem;margin-bottom:1.5rem;padding:2rem;box-shadow:0 10px 25px #e31c1c33}.welcome-banner h2{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.welcome-banner p{opacity:.9;font-size:1rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--white);border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.stat-icon{border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;display:flex}.stat-icon-blue{color:#2563eb;background:#dbeafe}.stat-icon-green{color:#16a34a;background:#dcfce7}.stat-icon-red{color:#dc2626;background:#fee2e2}.stat-value{color:#1f2937;font-size:1.875rem;font-weight:700}.stat-label{color:#4b5563;font-size:.875rem;font-weight:500}.quick-actions-card{background:var(--white);border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.quick-actions-card h3{color:#1f2937;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.quick-action-btn{text-align:center;color:inherit;background:#f9fafb;border-radius:.5rem;padding:1rem;text-decoration:none;transition:all .2s;display:block}.quick-action-btn:hover{background:var(--primary-xlight);transform:scale(1.02)}.quick-action-btn i{color:var(--primary);margin-bottom:.5rem;font-size:1.5rem;transition:transform .2s;display:block}.quick-action-btn:hover i{transform:scale(1.1)}.quick-action-btn span{color:#374151;font-size:.875rem;font-weight:600}.recent-orders-card{background:var(--white);border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h3{color:#1f2937;font-size:1.125rem;font-weight:700}.view-all-link{color:var(--primary);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.view-all-link:hover{text-decoration:underline}.order-preview-item{background:#f9fafb;border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;transition:background .2s;display:flex}.order-preview-item:hover{background:#f3f4f6}.orders-list{flex-direction:column;gap:.75rem;display:flex}.order-preview-left{align-items:center;gap:1rem;display:flex}.order-icon{background:var(--primary-xlight);border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.order-icon i{color:var(--primary);font-size:1rem}.order-number{color:#1f2937;font-size:.875rem;font-weight:600}.order-date{color:#6b7280;font-size:.75rem}.order-amount{color:var(--primary);font-size:1rem;font-weight:700}.order-status{border-radius:9999px;margin-top:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.order-status-delivered{color:#16a34a;background:#dcfce7}.order-status-shipped{color:#9333ea;background:#e9d5ff}.order-status-processing{color:#2563eb;background:#dbeafe}.order-status-pending{color:#d97706;background:#fef3c7}.order-icon-box{background:var(--primary-xlight);width:2.5rem;height:2.5rem;color:var(--primary);border-radius:.5rem;justify-content:center;align-items:center;display:flex}.order-preview-info h4{color:#1f2937;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.order-preview-info p{color:#6b7280;font-size:.75rem}.order-preview-right{text-align:right}.order-amount{color:var(--primary);margin-bottom:.25rem;font-size:1rem;font-weight:700}.order-status-badge{font-size:.75rem;font-weight:600}.status-delivered{color:#16a34a}.status-shipped{color:#9333ea}.status-processing,.status-pending{color:#ca8a04}.account-info-card{background:var(--white);border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.account-info-card h3{color:#1f2937;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.info-list{flex-direction:column;gap:.75rem;display:flex}.info-item{background:#f9fafb;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.info-label{align-items:center;gap:.75rem;display:flex}.info-label i{color:#9ca3af;font-size:1rem}.info-label span{color:#4b5563;font-size:.875rem}.info-value{color:#1f2937;font-size:.875rem;font-weight:600}.info-row{background:#f9fafb;border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem;display:flex}.info-row:last-child{margin-bottom:0}.info-row-left{align-items:center;gap:.75rem;display:flex}.info-row-left i{color:#9ca3af;font-size:1rem}.info-row-left span{color:#4b5563;font-size:.875rem}.info-row-right{color:#1f2937;font-size:.875rem;font-weight:600}.profile-card{background:var(--white);border:1px solid #e5e7eb;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000000d}.profile-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.profile-header h2{color:#1f2937;font-size:1.5rem;font-weight:700}.edit-profile-btn{background:var(--primary-xlight);color:var(--primary);cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.edit-profile-btn:hover{background:var(--primary);color:var(--white)}.profile-form{margin-top:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e31c1c1a}.form-hint{color:#6b7280;margin-top:.25rem;font-size:.75rem}.form-actions{gap:.75rem;padding-top:1rem;display:flex}.btn-primary{background:var(--primary);color:var(--white);cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;margin:0 auto;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.alert-message{border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;font-size:.875rem;font-weight:500;display:flex}.alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.profile-display{gap:2rem;display:flex}@media (min-width:640px){.profile-display{flex-direction:row;align-items:flex-start}}.profile-avatar-section{flex-shrink:0}.profile-avatar-large{object-fit:cover;border:4px solid var(--primary-xlight);border-radius:50%;width:8rem;height:8rem;box-shadow:0 4px 12px #0000001a}.profile-initials-large{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);width:8rem;height:8rem;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0000001a}.profile-info-section{text-align:center;flex:1}@media (min-width:640px){.profile-info-section{text-align:left}}.profile-name{color:#111827;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.profile-email{color:#6b7280;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;font-weight:500;display:flex}@media (min-width:640px){.profile-email{justify-content:flex-start}}.profile-badges{flex-wrap:wrap;justify-content:center;gap:.75rem;padding-top:1rem;display:flex}@media (min-width:640px){.profile-badges{justify-content:flex-start}}.profile-badge{border:1px solid;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;display:inline-flex}.badge-blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.badge-gray{color:#374151;background:#f3f4f6;border-color:#e5e7eb}.badge-purple{color:#7c3aed;background:#faf5ff;border-color:#ddd6fe}@media (max-width:1024px){.stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.account-layout{grid-template-columns:1fr}.account-sidebar-enhanced{position:relative;top:0}.stats-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.profile-display,.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.track-page{max-width:720px;margin:0 auto}.track-input-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-8);text-align:center;margin-bottom:var(--space-6)}.track-input-card h2{margin-bottom:var(--space-2);font-size:1.4rem;font-weight:700}.track-input-card p{color:var(--gray-1);margin-bottom:var(--space-6)}.track-input-wrap{gap:0;max-width:480px;margin:0 auto;display:flex}.track-input{border:1.5px solid var(--gray-3);border-radius:var(--radius) 0 0 var(--radius);flex:1;min-height:44px;padding:12px 18px;font-size:.95rem}.track-btn{background:var(--primary);color:var(--white);border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;transition:background var(--transition);border:1.5px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:12px 24px;font-size:.92rem;font-weight:700;display:flex}.track-btn:hover{background:var(--primary-dark)}.track-result{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-8);display:none}.track-result.show{display:block}.order-progress{margin:var(--space-8) 0;align-items:flex-start;display:flex;position:relative}.order-progress:before{content:"";background:var(--gray-3);width:2px;position:absolute;top:24px;bottom:24px;left:20px}.progress-step{gap:var(--space-4);z-index:1;margin-bottom:var(--space-6);display:flex;position:relative}.progress-step:last-child{margin-bottom:0}.progress-icon{border:3px solid var(--gray-3);background:var(--white);width:42px;height:42px;color:var(--gray-3);transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.progress-step.done .progress-icon{border-color:var(--success);background:var(--success);color:var(--white)}.progress-step.current .progress-icon{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 4px #e31c1c26}.progress-text h4{font-size:.92rem;font-weight:700}.progress-text p{color:var(--gray-1);margin-top:2px;font-size:.82rem}.progress-text .time{color:var(--gray-2);margin-top:3px;font-size:.78rem}.seller-hero{background:linear-gradient(135deg, var(--dark), var(--dark-2));padding:var(--space-16) 0;text-align:center;color:var(--white);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.seller-hero h1{margin-bottom:var(--space-3);font-size:2.5rem;font-weight:800}.seller-hero p{color:#ffffffbf;margin-bottom:var(--space-6);max-width:600px;margin-left:auto;margin-right:auto;font-size:1.1rem}.seller-stats{justify-content:center;gap:var(--space-8);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.seller-stat{text-align:center}.seller-stat .num{color:var(--primary);font-size:2rem;font-weight:800}.seller-stat .lbl{color:#fff9;font-size:.82rem}.seller-benefits{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.benefit-card{background:var(--white);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm);text-align:center;transition:all var(--transition)}.benefit-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.benefit-icon{border-radius:var(--radius-lg);background:var(--primary-xlight);width:64px;height:64px;color:var(--primary);margin:0 auto var(--space-4);justify-content:center;align-items:center;font-size:1.8rem;display:flex}.benefit-card h3{margin-bottom:8px;font-size:1rem;font-weight:700}.benefit-card p{color:var(--gray-1);font-size:.88rem;line-height:1.6}.seller-form-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-8);max-width:600px;margin:0 auto}.seller-form-card h2{text-align:center;margin-bottom:var(--space-6)}.seller-form-card .btn,.seller-hero .btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.wishlist-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:900px){.wishlist-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.wishlist-grid{grid-template-columns:repeat(2,1fr)}}.wishlist-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.wishlist-header h1{font-size:1.4rem;font-weight:700}.wishlist-count{color:var(--gray-1);font-size:.88rem}.btn-move-all{cursor:pointer;font-size:.88rem;font-weight:600}.all-categories-grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.category-block{background:var(--white);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition)}.category-block:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-block:hover .cat-block-icon{background:var(--primary);color:var(--white)}.cat-block-icon{border-radius:var(--radius-lg);background:var(--primary-xlight);width:70px;height:70px;color:var(--primary);margin:0 auto var(--space-3);transition:all var(--transition);justify-content:center;align-items:center;font-size:2rem;display:flex}.cat-block-name{color:var(--dark);margin-bottom:4px;font-size:.9rem;font-weight:700}.cat-block-count{color:var(--gray-1);font-size:.78rem}@media (max-width:1100px){.all-categories-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.all-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.all-categories-grid{grid-template-columns:repeat(2,1fr)}}.related-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto;display:grid}.related-grid .product-card__img-wrapper{background:var(--white);border-bottom:1px solid var(--gray-4);justify-content:center;align-items:center;height:180px;display:flex}.related-grid .product-card__img-wrapper img{padding:10px;object-fit:contain!important}@media (max-width:768px){.related-grid{grid-template-columns:repeat(2,1fr);max-width:600px}}@media (max-width:576px){.related-grid{grid-template-columns:1fr;max-width:320px}}.seller-metrics-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.seller-product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.seller-dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}@media (max-width:640px){.seller-metrics-grid,.seller-product-form-grid{grid-template-columns:1fr}.seller-benefits{grid-template-columns:1fr!important}.seller-hero h1{font-size:1.6rem}.seller-hero{padding:var(--space-10) var(--space-4)}.form-row{grid-template-columns:1fr}.checkout-steps{flex-wrap:wrap;gap:8px}.step-line{display:none}}@media (max-width:768px){.seller-metrics-grid{grid-template-columns:repeat(2,1fr)}.pdp-actions{flex-direction:column}.pdp-actions .btn{width:100%}.cart-layout,.checkout-layout{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.container{padding:0 12px}.section{padding:var(--space-8) 0}.btn{padding:9px 16px;font-size:.85rem}.cart-table-head{display:none}.cart-table-row{grid-template-columns:auto 1fr auto}}.seller-zone-stats{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(4,1fr);max-width:800px;margin-left:auto;margin-right:auto;display:grid}.seller-zone-steps{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.seller-zone-features{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.delivery-stats{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(3,1fr);max-width:600px;margin-left:auto;margin-right:auto;display:grid}.delivery-benefits{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.seller-zone-stats{grid-template-columns:repeat(2,1fr)}.seller-zone-steps{grid-template-columns:1fr}.seller-zone-features,.delivery-benefits{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.seller-zone-stats{grid-template-columns:repeat(2,1fr)}.seller-zone-features,.delivery-stats,.delivery-benefits{grid-template-columns:1fr}}@media (max-width:768px){.pdp-layout{grid-template-columns:1fr}.gallery-main{height:280px}.pdp-title{font-size:1.2rem}.pdp-price{font-size:1.6rem}}.admin-form-4col{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:768px){.admin-form-4col{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.admin-form-4col{grid-template-columns:1fr}}.col-show-sm{display:none}@media (max-width:900px){.col-hide-md{display:none}}@media (max-width:640px){.col-hide-sm{display:none}.col-show-sm{display:block}.admin-customers-table td,.admin-customers-table th{padding:10px 8px!important}.seller-product-form-grid{grid-template-columns:1fr}.track-input-wrap{gap:var(--space-2);flex-direction:column}.track-input{min-height:44px;border-radius:var(--radius)!important}.track-btn{width:100%;min-height:44px;border-radius:var(--radius)!important}.order-progress{padding-left:0!important}}@media (max-width:768px){.card [style*=overflow] table,.card table{min-width:480px}}@media (max-width:480px){.wishlist-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.wishlist-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.wishlist-header>div{gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.wishlist-header>div .btn{flex:1;justify-content:center;font-size:.8rem}}@media (max-width:360px){.wishlist-grid{grid-template-columns:1fr}}@media (max-width:640px){.form-row{grid-template-columns:1fr}.checkout-section{padding:var(--space-4)}.checkout-steps{gap:0}.step-label{display:none}.step{flex:none}.step-number{width:26px;height:26px;font-size:.72rem}.step-line{min-width:16px;margin:0 4px}}@media (max-width:480px){.cart-table-row{padding:var(--space-3)}.cart-item-img{width:56px;height:56px}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr!important}.account-header h1{font-size:1.4rem}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.admin-form-4col{grid-template-columns:repeat(2,1fr)!important}[class*=seller-metrics],[class*=admin-metrics]{grid-template-columns:1fr!important}}@media (max-width:480px){.admin-form-4col{grid-template-columns:1fr!important}}@media (max-width:640px){.pdp-price{font-size:1.5rem}.pdp-actions{flex-direction:column}.pdp-actions .btn{justify-content:center;width:100%}.tab-heads{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tab-heads::-webkit-scrollbar{display:none}.tab-head{white-space:nowrap;padding:10px 14px;font-size:.82rem}.qty-wrap{gap:var(--space-2);flex-wrap:wrap}}.contact-us-section{margin-bottom:var(--space-8)}.contact-us-inner{background:var(--white);border-radius:var(--radius-md);padding:var(--space-8) var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--gray-4)}.contact-us-heading{text-align:center;margin-bottom:var(--space-6)}.contact-us-tag{text-transform:uppercase;letter-spacing:.8px;color:var(--primary);background:var(--primary-xlight);border-radius:var(--radius-full);margin-bottom:var(--space-3);padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.contact-us-heading h2{color:var(--dark);margin-bottom:8px;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:800}.contact-us-heading p{color:var(--gray-1);max-width:480px;margin:0 auto;font-size:.92rem}.contact-us-cards{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.contact-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1.5px solid var(--gray-4);border-radius:var(--radius-md);transition:all var(--transition);color:var(--dark);background:var(--gray-6);text-decoration:none;display:flex}.contact-card:hover{border-color:var(--primary);background:var(--primary-xlight);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.contact-card-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.contact-card-label{color:var(--gray-1);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:.78rem;font-weight:600}.contact-card-value{color:var(--dark);font-size:.88rem;font-weight:700}@media (max-width:900px){.contact-us-cards{grid-template-columns:repeat(2,1fr)}.contact-us-inner{padding:var(--space-6) var(--space-4)}}@media (max-width:480px){.contact-us-cards{grid-template-columns:1fr}.contact-card{padding:var(--space-3)}}.acct-layout{gap:var(--space-6);grid-template-columns:260px 1fr;align-items:start;display:grid}.acct-sidebar{position:sticky;top:80px}.acct-nav{flex-direction:column;gap:4px;display:flex}.acct-nav button{width:100%}.acct-nav-sep{border-top:1px solid var(--gray-4);margin-top:8px;padding-top:8px}.acct-stats-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.acct-quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.acct-profile-flex{align-items:flex-start;gap:28px;display:flex}.acct-form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.acct-wishlist-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:900px){.acct-layout{grid-template-columns:1fr}.acct-sidebar{position:relative;top:0}.acct-sidebar-user{display:none}.acct-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:0;padding-bottom:2px;overflow-x:auto}.acct-nav::-webkit-scrollbar{display:none}.acct-nav button{white-space:nowrap;width:auto;padding:10px 14px;font-size:.82rem}.acct-nav-sep{border-top:none;border-left:1px solid var(--gray-4);margin:0;padding:0 0 0 6px;display:flex}.acct-stats-grid,.acct-quick-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.acct-profile-flex{text-align:center;flex-direction:column;align-items:center}.acct-form-row{grid-template-columns:1fr}.acct-profile-flex .flex{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.acct-stats-grid,.acct-wishlist-grid{grid-template-columns:1fr}.acct-quick-grid{grid-template-columns:repeat(2,1fr)}.acct-layout{gap:var(--space-3)}}
.products-page{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}.filters-sidebar{z-index:1000;background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-6);transition:transform var(--transition-slow);max-height:80vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -10px 30px #00000026}.filters-sidebar.mobile-open{transform:translateY(0)}.filters-overlay{z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition-slow);background:#00000080;position:fixed;inset:0}.filters-overlay.mobile-open{opacity:1;pointer-events:all}.filter-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--primary);justify-content:space-between;align-items:center;display:flex}.filter-header h3{font-size:1rem;font-weight:700}.filter-clear{color:var(--primary);cursor:pointer;font-size:.8rem;font-weight:600}.filter-clear:hover{text-decoration:underline}.filter-group{margin-bottom:var(--space-5)}.filter-group-title{cursor:pointer;margin-bottom:var(--space-3);color:var(--dark);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:700;display:flex}.filter-group-title i{transition:transform var(--transition);color:var(--gray-2);font-size:.75rem}.filter-group.collapsed .filter-group-title i{transform:rotate(-90deg)}.filter-group-body{flex-direction:column;gap:8px;display:flex}.filter-group.collapsed .filter-group-body{display:none}.filter-check{cursor:pointer;transition:color var(--transition);align-items:center;gap:10px;padding:4px 0;display:flex}.filter-check input{display:none}.checkmark{border:2px solid var(--gray-3);width:18px;height:18px;transition:all var(--transition);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.filter-check input:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.filter-check input:checked+.checkmark:after{content:"";color:var(--white);font-family:"Font Awesome 6 Free";font-size:.65rem;font-weight:900}.filter-label{color:var(--dark);font-size:.86rem}.filter-count{color:var(--gray-2);margin-left:auto;font-size:.75rem}.filter-check:hover .filter-label{color:var(--primary)}.price-range-wrap{padding:var(--space-2) 0}.price-slider-track{background:var(--gray-3);height:5px;margin:var(--space-4) 0;border-radius:3px;position:relative}.price-slider-fill{background:var(--primary);border-radius:3px;height:100%;position:absolute}.price-slider{-webkit-appearance:none;pointer-events:none;z-index:2;background:0 0;width:100%;height:5px;position:absolute;top:50%;transform:translateY(-50%)}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border:3px solid var(--primary);cursor:pointer;pointer-events:all;width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--transition);border-radius:50%}.price-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.price-range-display{justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.price-display{color:var(--primary)}.rating-filter{flex-direction:column;gap:8px;display:flex}.rating-option{cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:flex}.rating-option:hover .filter-label{color:var(--primary)}.products-main{min-width:0}.products-topbar{background:var(--white);border-radius:var(--radius-md);padding:14px var(--space-4);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm);display:flex}.products-count{color:var(--gray-1);font-size:.88rem}.products-count strong{color:var(--dark)}.sort-controls{align-items:center;gap:var(--space-3);display:flex}.sort-label{color:var(--gray-1);white-space:nowrap;font-size:.85rem}.sort-select{border:1.5px solid var(--gray-3);border-radius:var(--radius);cursor:pointer;background:var(--white);padding:8px 14px;font-size:.87rem}.sort-select:focus{border-color:var(--primary)}.view-toggle{gap:4px;display:flex}.view-btn{border-radius:var(--radius-sm);border:1.5px solid var(--gray-3);width:34px;height:34px;color:var(--gray-2);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;display:flex}.view-btn.active,.view-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-xlight)}.product-catalog-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:359px){.product-catalog-grid{grid-template-columns:1fr}}.product-catalog-grid.list-view{grid-template-columns:1fr}.product-catalog-grid.list-view .product-card{flex-direction:row}.product-catalog-grid.list-view .product-card__img-wrapper{flex-shrink:0;width:200px;height:auto}.product-catalog-grid.list-view .product-card__body{padding:var(--space-4)}@media (max-width:540px){.product-catalog-grid.list-view .product-card__img-wrapper{width:110px}.product-catalog-grid.list-view .product-card__body{min-width:0;padding:10px}}.active-filters{margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.active-filter-tag{background:var(--primary-xlight);border:1px solid var(--primary);border-radius:var(--radius-full);color:var(--primary);cursor:pointer;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:flex}.active-filter-tag i{font-size:.7rem}.active-filter-tag:hover{background:var(--primary);color:var(--white)}.active-filters-label{color:var(--gray-1);font-size:.82rem}@media (min-width:768px){.product-catalog-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.products-page{gap:var(--space-6);grid-template-columns:260px 1fr}.filters-sidebar{z-index:1;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);align-self:start;max-height:none;position:sticky;inset:144px auto auto;overflow-y:visible;transform:none}.product-catalog-grid{grid-template-columns:repeat(4,1fr)}}