._overlay_1ir7n_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:200;animation:_fadeIn_1ir7n_1 .2s ease-out}._drawer_1ir7n_9{position:fixed;top:0;right:0;bottom:0;width:min(400px,90vw);background:var(--color-white);z-index:201;display:flex;flex-direction:column;animation:_slideInRight_1ir7n_1 .3s ease-out;box-shadow:-12px 0 36px #0f172a29}._header_1ir7n_23{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200)}._title_1ir7n_31{font-size:1.25rem;font-weight:800}._closeBtn_1ir7n_36{font-size:1.5rem;cursor:pointer;background:none;border:none;color:var(--color-gray-400);transition:color .2s}._closeBtn_1ir7n_36:hover{color:var(--color-text)}._items_1ir7n_49{flex:1;overflow-y:auto;padding:var(--space-md)}._item_1ir7n_49{display:flex;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-gray-100)}._itemImage_1ir7n_62{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-gray-100);flex-shrink:0}._itemInfo_1ir7n_71{flex:1;display:flex;flex-direction:column;gap:2px}._itemName_1ir7n_78{font-weight:600;font-size:.875rem}._itemPrice_1ir7n_83{color:var(--color-secondary);font-weight:700;font-size:.875rem}._qtyRow_1ir7n_89{display:flex;align-items:center;gap:var(--space-sm);margin-top:4px}._qtyBtn_1ir7n_96{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-200);background:var(--color-white);font-weight:700;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center}._qtyBtn_1ir7n_96:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}._removeBtn_1ir7n_115{background:none;border:none;color:var(--color-danger);font-size:.75rem;cursor:pointer;margin-left:auto;align-self:center}._empty_1ir7n_125{text-align:center;color:var(--color-gray-400);padding:var(--space-2xl);font-size:1rem}._footer_1ir7n_132{border-top:2px solid var(--color-gray-200);padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}._total_1ir7n_140{display:flex;justify-content:space-between;font-weight:700;font-size:1.125rem}._card_18xn8_1{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:transform .2s,box-shadow .2s;cursor:pointer;display:flex;flex-direction:column}._card_18xn8_1:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#6366f138}._imageWrap_18xn8_19{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-gray-100)}._image_18xn8_19{width:100%;height:100%;object-fit:cover;transition:transform .3s}._card_18xn8_1:hover ._image_18xn8_19{transform:scale(1.05)}._outOfStock_18xn8_37{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--color-danger);color:var(--color-white);font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase}._stockRibbon_18xn8_50{position:absolute;top:18px;right:-42px;width:160px;transform:rotate(35deg);background:#111827eb;color:var(--color-white);font-size:.72rem;font-weight:800;padding:6px 0;text-align:center;text-transform:uppercase;box-shadow:0 8px 18px #0f172a38}._preorder_18xn8_66{background:var(--color-warning);color:var(--color-text)}._body_18xn8_71{padding:var(--space-sm) var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);flex:1}._category_18xn8_79{font-size:.7rem;text-transform:uppercase;letter-spacing:0;color:var(--color-gray-400);font-weight:600}._name_18xn8_87{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;line-height:1.3;color:var(--color-text)}._stockText_18xn8_95{color:var(--color-success);font-size:.78rem;font-weight:700}._stockEmpty_18xn8_101{color:var(--color-danger)}._price_18xn8_105{font-weight:700;color:var(--color-secondary);font-size:.9375rem;margin-top:auto}._priceBs_18xn8_112{font-weight:400;color:var(--color-gray-500);font-size:.8125rem}:root{--color-primary: #111827;--color-secondary: #4F46E5;--color-accent: #6366F1;--color-bg: #FFFFFF;--color-text: #111827;--color-white: #FFFFFF;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-danger: #EF4444;--color-success: #10B981;--color-warning: #F59E0B;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(15,23,42,.08);--shadow-md: 0 10px 24px rgba(15,23,42,.1);--shadow-lg: 0 18px 45px rgba(15,23,42,.14);--max-width: 1200px;--header-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 2px #0f172a0f}.btn-primary{background:var(--color-secondary);color:var(--color-white)}.btn-primary:hover{background:var(--color-accent);transform:translateY(-1px)}.btn-accent{background:var(--color-accent);color:var(--color-white)}.btn-accent:hover{background:var(--color-secondary)}.btn-outline{border:1px solid var(--color-gray-200);color:var(--color-primary);background:transparent;box-shadow:none}.btn-outline:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.btn-danger{background:var(--color-danger);color:var(--color-white)}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.75rem;font-size:1.0625rem}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-weight:600;font-size:.875rem;color:var(--color-primary)}.form-input{padding:.6875rem .8125rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f124}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.75rem;font-weight:700;background:#eef2ff;color:var(--color-secondary)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(min-width:768px){.product-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-detail-grid{max-width:var(--max-width);margin:0 auto;padding:var(--space-xl) var(--space-md);display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:768px){.product-detail-grid{grid-template-columns:1fr 1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-pulse{animation:pulse .4s ease-in-out}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.stagger-item{animation:slideUp .5s ease-out both}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:60ms}.stagger-item:nth-child(3){animation-delay:.12s}.stagger-item:nth-child(4){animation-delay:.18s}.stagger-item:nth-child(5){animation-delay:.24s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.36s}.stagger-item:nth-child(8){animation-delay:.42s}