@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#4f46e5;--primary-dark:#4338ca;--primary-light:#eef2ff;--primary-soft:#e0e7ff;--accent:#f59e0b;--accent-dark:#d97706;--accent-light:#fef3c7;--success:#16a34a;--success-light:#dcfce7;--danger:#dc2626;--danger-light:#fee2e2;--warning:#f59e0b;--warning-light:#fef3c7;--info:#0ea5e9;--info-light:#e0f2fe;--bg-body:#f8f9fc;--bg-white:#fff;--bg-card:#fff;--bg-header:linear-gradient(135deg, #1e1b4b 0%, #312e81 55%, #4338ca 100%);--bg-header-secondary:#1e1b4b;--bg-footer:#0f172a;--bg-hover:#f1f5f9;--bg-skeleton:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-white:#fff;--text-link:#4f46e5;--text-price:#0f172a;--text-discount:#16a34a;--text-strike:#94a3b8;--border-light:#e2e8f0;--border-card:#e7e9f0;--border-input:#cbd5e1;--border-focus:#4f46e5;--shadow-sm:0 1px 2px #0f172a0d;--shadow-card:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-hover:0 16px 32px -12px #4f46e538, 0 4px 10px #0f172a0f;--shadow-dropdown:0 12px 40px #0f172a24;--shadow-modal:0 24px 70px #0f172a47;--container-max:1400px;--header-height:64px;--category-bar-height:44px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--star-filled:#f59e0b;--star-empty:#e2e8f0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{background:var(--bg-body);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.55}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-dark)}img{max-width:100%;display:block}ul,ol{list-style:none}::selection{background:var(--primary-soft);color:var(--primary-dark)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg-body);background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{max-width:var(--container-max);margin:0 auto;padding:0 16px}.header{background:var(--bg-header);height:var(--header-height);z-index:1000;position:sticky;top:0;box-shadow:0 4px 20px #1e1b4b40}.header-inner{max-width:var(--container-max);align-items:center;gap:24px;height:100%;margin:0 auto;padding:0 20px;display:flex}.header-logo{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:flex-start;text-decoration:none;display:flex}.header-logo-text{color:var(--text-white);letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#fde68a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.45rem;font-weight:800;line-height:1.1}.header-logo-tagline{color:#ffffffa6;letter-spacing:.2px;font-size:.7rem;font-weight:400}.search-container{flex:1;max-width:620px;position:relative}.search-input-wrapper{border-radius:var(--radius-lg);background:var(--bg-white);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast);display:flex;overflow:hidden}.search-input-wrapper:focus-within{box-shadow:0 0 0 3px #f59e0b59}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:11px 18px;font-family:inherit;font-size:.95rem}.search-input::placeholder{color:var(--text-muted)}.search-btn{background:var(--accent);cursor:pointer;color:var(--text-white);transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0 18px;display:flex}.search-btn:hover{background:var(--accent-dark)}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-action-btn{color:var(--text-white);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast), transform var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:.88rem;font-weight:500;display:flex;position:relative}.header-action-btn:hover{background:#ffffff1f}.header-action-btn:active{transform:scale(.96)}.cart-badge{background:var(--accent);color:var(--text-white);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-4px;box-shadow:0 0 0 2px #1e1b4b}.account-dropdown{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:100;min-width:240px;margin-top:10px;padding:8px;position:absolute;top:100%;right:0}.account-dropdown-item{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;display:flex}.account-dropdown-item:hover{background:var(--bg-hover)}.account-dropdown-divider{background:var(--border-light);height:1px;margin:6px 4px}.category-bar{background:var(--bg-header-secondary);height:var(--category-bar-height);scrollbar-width:none;top:var(--header-height);z-index:999;border-bottom:1px solid #ffffff0f;position:sticky;overflow:auto hidden}.category-bar::-webkit-scrollbar{display:none}.category-bar-inner{max-width:var(--container-max);align-items:center;gap:4px;height:100%;margin:0 auto;padding:0 20px;display:flex}.category-bar-item{color:#ffffffd9;white-space:nowrap;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:7px 15px;font-family:inherit;font-size:.83rem;font-weight:500}.category-bar-item:hover{color:#fff;background:#ffffff14}.category-bar-item.active{background:var(--accent);color:#1e1b4b;font-weight:700}.hero-section{padding:16px 0 4px}.hero-banner{border-radius:var(--radius-lg);aspect-ratio:3.2;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.hero-slide{cursor:pointer;width:100%;height:100%;position:relative}.hero-slide img{object-fit:cover;width:100%;height:100%;transition:transform 6s}.swiper-slide-active .hero-slide img{transform:scale(1.06)}.hero-overlay{color:var(--text-white);background:linear-gradient(#0000 30%,#0f172ad9);padding:28px 36px;position:absolute;bottom:0;left:0;right:0}.hero-overlay h2{letter-spacing:-.5px;text-shadow:0 2px 12px #0000004d;margin-bottom:4px;font-size:1.9rem;font-weight:800}.hero-overlay p{opacity:.9;max-width:520px;margin-bottom:10px;font-size:1rem}.hero-badge{background:var(--accent);color:#1e1b4b;border-radius:20px;align-items:center;gap:5px;margin-bottom:10px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.hero-badge-ad{color:var(--text-primary);background:#ffffffe6}.hero-cta{color:#fff;transition:background var(--transition-fast), border-color var(--transition-fast);border:1.5px solid #ffffffb3;border-radius:24px;align-items:center;gap:6px;margin-top:10px;padding:7px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.hero-slide:hover .hero-cta{background:#ffffff2e;border-color:#fff}.swiper{border-radius:var(--radius-lg)}.swiper-pagination-bullet{opacity:.5;transition:width var(--transition-fast);background:#fff!important}.swiper-pagination-bullet-active{opacity:1!important;background:var(--accent)!important;border-radius:4px!important;width:22px!important}.swiper-button-prev,.swiper-button-next{border-radius:var(--radius-sm);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-fast);background:#ffffffeb;color:var(--text-primary)!important;width:42px!important;height:84px!important}.hero-section:hover .swiper-button-prev,.hero-section:hover .swiper-button-next{opacity:1}.swiper-button-prev:after,.swiper-button-next:after{font-weight:700;font-size:16px!important}.category-strip-ads{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.category-strip-ad{border-radius:var(--radius-md);cursor:pointer;aspect-ratio:4/1.1;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.category-strip-ad img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-fast)}.category-strip-ad:hover img{transform:scale(1.04)}.category-strip-ad-overlay{background:linear-gradient(#0000 45%,#0f172abf);align-items:flex-end;padding:12px 16px;display:flex;position:absolute;inset:0}.category-strip-ad-overlay span{color:#fff;font-size:.9rem;font-weight:700}.section-title{color:var(--text-primary);letter-spacing:-.3px;justify-content:space-between;align-items:center;padding:20px 0 14px;font-size:1.4rem;font-weight:800;display:flex}.section-title .view-all{color:var(--text-link);cursor:pointer;transition:gap var(--transition-fast);align-items:center;gap:2px;font-size:.85rem;font-weight:600;display:inline-flex}.section-title .view-all:hover{gap:6px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;padding-bottom:16px;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);transition:box-shadow var(--transition-normal), transform var(--transition-normal), border-color var(--transition-normal);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-hover);border-color:var(--primary-soft);transform:translateY(-4px)}.product-card-image{aspect-ratio:1;object-fit:contain;background:var(--bg-white);mix-blend-mode:multiply;width:100%;padding:16px}.product-card-body{flex-direction:column;flex:1;gap:5px;padding:12px 14px 16px;display:flex}.product-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-rating{align-items:center;gap:6px;margin:2px 0;display:flex}.rating-badge{background:var(--success);color:#fff;border-radius:var(--radius-xs);align-items:center;gap:3px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-flex}.rating-count{color:var(--text-muted);font-size:.78rem}.product-card-price{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:auto;display:flex}.price-current{color:var(--text-price);letter-spacing:-.3px;font-size:1.15rem;font-weight:700}.price-original{color:var(--text-strike);font-size:.85rem;text-decoration:line-through}.price-discount{color:var(--text-discount);font-size:.82rem;font-weight:600}.product-scroll-row{scrollbar-width:none;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.product-scroll-row::-webkit-scrollbar{display:none}.product-scroll-row .product-card{flex-shrink:0;min-width:200px;max-width:220px}.sale-events-strip{scrollbar-width:none;gap:14px;padding:12px 0;display:flex;overflow-x:auto}.sale-events-strip::-webkit-scrollbar{display:none}.sale-event-card{border-radius:var(--radius-lg);color:#fff;cursor:pointer;min-width:300px;min-height:160px;transition:transform var(--transition-normal), box-shadow var(--transition-normal);background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%) 50%/cover;flex-direction:column;flex-shrink:0;justify-content:flex-end;padding:22px 26px;display:flex}.sale-event-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #6366f159}.sale-event-card:nth-child(2){background:linear-gradient(135deg,#ec4899 0%,#f43f5e 100%)}.sale-event-card:nth-child(3){background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 100%)}.sale-event-card:nth-child(4){background:linear-gradient(135deg,#10b981 0%,#22c55e 100%)}.sale-event-card h3{margin-bottom:6px;font-size:1.15rem;font-weight:700}.sale-event-card p{opacity:.9;font-size:.82rem;line-height:1.4}.sale-event-discount{background:#ffffff38;border-radius:20px;margin-top:12px;padding:5px 14px;font-size:.85rem;font-weight:700;display:inline-block}.category-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;padding:12px 0;display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-normal);padding:18px 10px}.category-card:hover{box-shadow:var(--shadow-hover);border-color:var(--primary);transform:translateY(-3px)}.category-card-icon{color:var(--primary);justify-content:center;align-items:center;margin-bottom:10px;font-size:2rem;display:flex}.category-card-name{color:var(--text-primary);font-size:.82rem;font-weight:600}.product-detail{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-card);box-shadow:var(--shadow-card);grid-template-columns:1fr 1.2fr;gap:28px;padding:28px;display:grid}.product-gallery{top:calc(var(--header-height) + var(--category-bar-height) + 16px);align-self:start;position:sticky}.product-gallery-main{aspect-ratio:1;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-white);justify-content:center;align-items:center;width:100%;margin-bottom:12px;padding:20px;display:flex;overflow:hidden}.product-gallery-main img{object-fit:contain;max-width:100%;max-height:100%}.product-gallery-thumbs{gap:8px;display:flex}.product-gallery-thumb{border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;width:64px;height:64px;transition:border-color var(--transition-fast);padding:4px;overflow:hidden}.product-gallery-thumb:hover,.product-gallery-thumb.active{border-color:var(--primary)}.product-gallery-thumb img{object-fit:contain;width:100%;height:100%}.product-info{flex-direction:column;gap:14px;display:flex}.product-info h1{color:var(--text-primary);letter-spacing:-.3px;font-size:1.4rem;font-weight:700;line-height:1.4}.product-info-price{border-bottom:1px solid var(--border-light);align-items:baseline;gap:10px;padding:14px 0;display:flex}.product-info-price .price-current{font-size:1.9rem}.product-info-desc{color:var(--text-secondary);white-space:pre-line;font-size:.92rem;line-height:1.65}.product-actions{gap:12px;padding-top:12px;display:flex}.cart-layout{grid-template-columns:1fr 360px;align-items:start;gap:20px;display:grid}.cart-items-panel{background:var(--bg-white);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.cart-header{border-bottom:1px solid var(--border-light);padding:18px 22px;font-size:1.1rem;font-weight:700}.cart-item{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);grid-template-columns:100px 1fr auto;align-items:start;gap:16px;padding:18px 22px;display:grid}.cart-item:last-child{border-bottom:none}.cart-item:hover{background:var(--bg-hover)}.cart-item-image{object-fit:contain;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-white);width:100px;height:100px;padding:8px}.cart-item-details h3{color:var(--text-primary);margin-bottom:6px;font-size:.95rem;font-weight:600}.cart-item-qty{align-items:center;gap:0;margin-top:10px;display:flex}.cart-item-qty button{border:1px solid var(--border-light);background:var(--bg-white);cursor:pointer;width:28px;height:28px;color:var(--text-primary);transition:background var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.cart-item-qty button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.cart-item-qty button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.cart-item-qty button:hover{background:var(--bg-hover)}.cart-item-qty span{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);justify-content:center;align-items:center;width:40px;height:28px;font-size:.85rem;font-weight:600;display:flex}.cart-item-remove{color:var(--text-link);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;margin-top:10px;padding:0;font-family:inherit;font-size:.82rem;font-weight:600}.cart-item-remove:hover{color:var(--danger)}.price-summary{background:var(--bg-white);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);top:calc(var(--header-height) + var(--category-bar-height) + 16px);position:sticky}.price-summary-header{border-bottom:1px solid var(--border-light);color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;padding:16px 22px;font-size:.85rem;font-weight:700}.price-summary-row{justify-content:space-between;padding:10px 22px;font-size:.92rem;display:flex}.price-summary-total{border-top:2px dashed var(--border-light);justify-content:space-between;padding:16px 22px;font-size:1.1rem;font-weight:800;display:flex}.price-summary-savings{color:var(--text-discount);padding:10px 22px 16px;font-size:.9rem;font-weight:600}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.1px;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--text-white);box-shadow:0 2px 8px #4f46e540}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 14px #4f46e559}.btn-accent{background:var(--accent);color:var(--text-white);box-shadow:0 2px 8px #f59e0b40}.btn-accent:hover{background:var(--accent-dark);box-shadow:0 4px 14px #f59e0b59}.btn-success{background:var(--success);color:var(--text-white)}.btn-danger{background:var(--danger);color:var(--text-white)}.btn-danger:hover{background:#b91c1c}.btn-outline{border:1px solid var(--border-input);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-cart{background:var(--bg-white);border:1.5px solid var(--accent);color:var(--accent-dark);flex:1}.btn-cart:hover{background:var(--accent-light)}.btn-buy{background:var(--accent);color:var(--text-white);flex:1;box-shadow:0 2px 8px #f59e0b4d}.btn-buy:hover{background:var(--accent-dark)}.btn-sm{padding:7px 16px;font-size:.8rem}.btn-lg{padding:14px 32px;font-size:1rem}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 14px;font-family:inherit;font-size:.92rem}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:420px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-header h2{font-size:1.2rem;font-weight:700}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1}.modal-body{padding:20px 24px 24px}.footer{background:var(--bg-footer);color:#ffffffa6;margin-top:40px;padding:40px 0 20px}.footer-inner{max-width:var(--container-max);grid-template-columns:repeat(4,1fr);gap:32px;margin:0 auto;padding:0 20px;display:grid}.footer-col h4{color:var(--text-white);text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;font-size:.85rem;font-weight:700}.footer-col a{color:#ffffff8c;transition:color var(--transition-fast);padding:4px 0;font-size:.82rem;display:block}.footer-col a:hover{color:var(--text-white)}.footer-bottom{max-width:var(--container-max);text-align:center;border-top:1px solid #ffffff14;margin:28px auto 0;padding:20px 20px 0;font-size:.78rem}.dashboard-tabs{border-bottom:2px solid var(--border-light);scrollbar-width:none;gap:2px;margin-bottom:20px;display:flex;overflow-x:auto}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-2px;padding:12px 20px;font-family:inherit;font-size:.9rem;font-weight:500}.dashboard-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.dashboard-tab:hover:not(.active){color:var(--text-primary);background:var(--bg-hover);border-radius:var(--radius-xs) var(--radius-xs) 0 0}.breadcrumbs{color:var(--text-muted);align-items:center;gap:6px;padding:14px 0;font-size:.82rem;display:flex}.breadcrumbs a{color:var(--text-link);cursor:pointer}.breadcrumbs span{color:var(--text-muted)}.search-layout{grid-template-columns:240px 1fr;gap:20px;display:grid}.search-sidebar{background:var(--bg-white);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);top:calc(var(--header-height) + var(--category-bar-height) + 16px);align-self:start;padding:18px;position:sticky}.search-sidebar h3{text-transform:uppercase;letter-spacing:.6px;color:var(--text-primary);margin-bottom:14px;font-size:.85rem;font-weight:800}.filter-group{margin-bottom:20px}.filter-group h4{color:var(--text-primary);margin-bottom:10px;font-size:.82rem;font-weight:700}.filter-option{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);align-items:center;gap:8px;padding:5px 0;font-size:.85rem;display:flex}.filter-option:hover{color:var(--text-primary)}.filter-option input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.3s fadeIn}.animate-pulse{animation:1.4s ease-in-out infinite pulse}.animate-bounce{animation:1.6s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.skeleton{background:linear-gradient(90deg, var(--bg-skeleton) 25%, #eef1f6 50%, var(--bg-skeleton) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@media (width<=1024px){.product-detail,.cart-layout,.search-layout{grid-template-columns:1fr}.search-sidebar{display:none}.footer-inner{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.header-inner{gap:12px}.header-logo-tagline{display:none}.products-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr}.product-actions{flex-direction:column}}@media (width<=480px){.products-grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-card-body{padding:8px 10px 10px}.header-action-btn span{display:none}}.google-btn-wrapper{justify-content:center;padding:16px 0;display:flex}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;padding:12px 0;font-size:.82rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-light);flex:1;height:1px}.auth-tabs{border-bottom:2px solid var(--border-light);margin-bottom:20px;display:flex}.auth-tab{cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2.5px solid #0000;flex:1;margin-bottom:-2px;padding:12px;font-family:inherit;font-size:.95rem;font-weight:600}.auth-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.alert{border-radius:var(--radius-sm);border-left:3px solid #0000;align-items:center;gap:8px;margin-bottom:12px;padding:11px 16px;font-size:.85rem;display:flex}.alert-success{background:var(--success-light);color:#15803d;border-left-color:var(--success)}.alert-error{background:var(--danger-light);color:#b91c1c;border-left-color:var(--danger)}.alert-info{background:var(--info-light);color:#0369a1;border-left-color:var(--info)}.empty-state{text-align:center;color:var(--text-muted);padding:56px 24px}.empty-state svg{opacity:.35;width:64px;height:64px;color:var(--primary);margin-bottom:16px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:1.15rem;font-weight:700}.empty-state p{max-width:400px;margin:0 auto;font-size:.9rem}.page-content{max-width:var(--container-max);margin:0 auto;padding:0 20px 40px}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
