@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_bace89c4-module__09p2wq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_bace89c4-module__09p2wq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--color-primary:#1a56db;--color-primary-dark:#1e429f;--color-primary-light:#e8f0fe;--color-sale:#e02424;--color-sale-bg:#fff5f5;--color-success:#057a55;--color-success-bg:#f0fdf4;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-bg:#f3f4f6;--color-bg-card:#fff;--color-bg-header:#1a56db;--color-text:#1f2937;--color-text-muted:#6b7280;--color-text-on-primary:#fff;--color-border:#e5e7eb;--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;--container-max:1280px;--container-px:16px;--header-height:60px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--z-header:100;--z-dropdown:200}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-inter,"Inter", sans-serif);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);min-height:100vh;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary)}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);font-weight:600;line-height:1.3}
.container{max-width:var(--container-max);padding:0 var(--container-px);margin:0 auto}.section{padding:var(--space-8) 0}.section-heading{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-heading h2{font-size:var(--font-size-xl);color:var(--color-gray-900);padding-left:var(--space-3);font-weight:700;position:relative}.section-heading h2:before{content:"";background:var(--color-primary);border-radius:var(--radius-sm);width:4px;height:22px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.section-heading a{font-size:var(--font-size-sm);color:var(--color-primary);align-items:center;gap:var(--space-1);font-weight:500;display:flex}.section-heading a:hover{text-decoration:underline}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:600;text-decoration:none;transition:opacity .15s,background .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover{background:var(--color-primary-dark);color:var(--color-text-on-primary)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary-light)}.btn-lg{padding:var(--space-3) var(--space-8);font-size:var(--font-size-md)}.badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;line-height:1.4;display:inline-block}.badge-sale{background:var(--color-sale);color:#fff}.badge-new{background:var(--color-primary);color:#fff}.badge-out{background:var(--color-gray-400);color:#fff}.product-card{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);color:var(--color-text);flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);color:var(--color-text);transform:translateY(-2px)}.product-card__image-wrap{aspect-ratio:1;background:var(--color-gray-100);position:relative;overflow:hidden}.product-card__badge{top:var(--space-2);left:var(--space-2);z-index:1;position:absolute}.product-card__placeholder{width:100%;height:100%;color:var(--color-gray-300);justify-content:center;align-items:center;display:flex}.product-card__body{padding:var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.product-card__brand{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.product-card__name{font-size:var(--font-size-sm);color:var(--color-gray-800);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card__pricing{padding-top:var(--space-2);margin-top:auto}.product-card__price{font-size:var(--font-size-md);color:var(--color-sale);font-weight:700}.product-card__price--normal{color:var(--color-primary)}.product-card__compare{align-items:center;gap:var(--space-2);margin-top:2px;display:flex}.product-card__original{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:line-through}.product-card__discount{font-size:var(--font-size-xs);color:var(--color-sale);font-weight:600}.product-card__out-of-stock{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:2px}.grid-products{gap:var(--space-3);grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:1200px){.grid-products{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.grid-products{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.grid-products{grid-template-columns:repeat(2,1fr)}}.breadcrumbs{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.breadcrumbs a{color:var(--color-primary)}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs__sep{color:var(--color-gray-300)}.pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-10);display:flex}.pagination__btn{min-width:36px;height:36px;padding:0 var(--space-2);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.pagination__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination__btn--disabled{opacity:.4;cursor:default;pointer-events:none}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--color-text-muted)}.empty-state__icon{margin:0 auto var(--space-4);color:var(--color-gray-300)}.empty-state h3{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--font-size-sm);margin-bottom:var(--space-5)}.sort-bar{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sort-bar__count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.sort-select{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.sort-select select{padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);cursor:pointer;outline:none}.sort-select select:focus{border-color:var(--color-primary)}.category-heading{margin-bottom:var(--space-5)}.category-heading h2{font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:.02em;color:var(--color-gray-900);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-weight:700}.category-strip{gap:var(--space-2);grid-template-columns:repeat(8,1fr);display:grid}@media (max-width:900px){.category-strip{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.category-strip{grid-template-columns:repeat(3,1fr)}}.category-chip{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);border-radius:var(--radius-md);text-align:center;color:var(--color-gray-700);flex-direction:column;font-size:13px;font-weight:500;line-height:1.35;text-decoration:none;transition:transform .15s,color .15s;display:flex}.category-chip:hover{color:var(--color-primary);transform:translateY(-3px)}.category-chip__icon{background:var(--color-gray-100);width:74px;height:74px;color:var(--color-primary);border-radius:14px;justify-content:center;align-items:center;display:flex;overflow:hidden}.category-chip__icon img{object-fit:contain;width:100%;height:100%;padding:8px}.category-more{margin-top:var(--space-5);justify-content:center;display:flex}.category-more button{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-6);border:1.5px solid var(--color-border);border-radius:var(--radius-full,999px);background:var(--color-bg-card);color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.category-more button:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.footer-link{color:#9ca3af;font-size:13px;text-decoration:none}.footer-link:hover{color:#fff}.product-description{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.8}.product-description h2,.product-description h3,.product-description h4{font-size:var(--font-size-md);color:var(--color-gray-900);margin:var(--space-5) 0 var(--space-2);font-weight:700}.product-description p{margin:0 0 var(--space-3)}.product-description ul,.product-description ol{margin:0 0 var(--space-3) var(--space-5)}.product-description li{margin-bottom:var(--space-1)}.product-description strong{color:var(--color-gray-900)}.page-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:var(--space-5) 0;margin-bottom:var(--space-6)}.page-header h1{font-size:var(--font-size-2xl)}.banner-carousel{--banner-h:clamp(240px, 30vw, 440px);--banner-gap:12px;background:var(--color-gray-100);padding-block:12px;position:relative}@media (max-width:600px){.banner-carousel{--banner-h:78vw;--banner-gap:8px;padding-block:8px}}.banner-carousel__viewport{overflow:hidden}.banner-carousel__track{gap:var(--banner-gap);height:var(--banner-h);display:flex}.banner-carousel__track.is-animated{transition:transform .6s cubic-bezier(.25,.8,.25,1)}.banner-carousel__slide{border-radius:var(--radius-lg);background:var(--color-gray-200);flex:none;height:100%;overflow:hidden}.banner-carousel__slide a{height:100%;display:block}.banner-carousel__img{width:auto;height:100%;display:block}.banner-carousel__arrow{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-gray-800);cursor:pointer;opacity:0;background:#ffffffe6;border:none;justify-content:center;align-items:center;transition:opacity .2s,background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000002e}.banner-carousel:hover .banner-carousel__arrow,.banner-carousel__arrow:focus-visible{opacity:1}.banner-carousel__arrow:hover{background:#fff}.banner-carousel__arrow--prev{left:var(--space-4)}.banner-carousel__arrow--next{right:var(--space-4)}.banner-carousel__dots{justify-content:center;gap:var(--space-2);display:flex;position:absolute;bottom:22px;left:0;right:0}.banner-carousel__dot{border-radius:var(--radius-full);cursor:pointer;background:#ffffffb3;border:none;width:10px;height:10px;padding:0;transition:width .2s,background .2s;box-shadow:0 0 0 1px #0003}.banner-carousel__dot.is-active{background:var(--color-primary);width:24px}@media (hover:none){.banner-carousel__arrow{opacity:1}}@media (max-width:600px){.banner-carousel__arrow{width:36px;height:36px}.banner-carousel__arrow--prev{left:var(--space-2)}.banner-carousel__arrow--next{right:var(--space-2)}.banner-carousel__dots{bottom:14px}}@media (prefers-reduced-motion:reduce){.banner-carousel__track.is-animated{transition:none}}.header-logo,.header-hotline{flex-shrink:0;display:flex}.header-logo__img{border-radius:50%;width:64px;height:64px;display:block}.mobile-menu-toggle{flex-shrink:0;display:none}@media (max-width:768px){.header-hotline{display:none}.header-logo__img{width:44px;height:44px}.mobile-menu-toggle{display:flex}}.mobile-menu-hotline{border-bottom:1px solid var(--color-border);color:var(--color-primary);align-items:center;gap:10px;padding:12px 0;font-size:15px;font-weight:700;display:flex}.product-detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (max-width:768px){.product-detail-grid{gap:var(--space-6);grid-template-columns:1fr}}