/*
 TSmartZone — 2026 design refinement.
 Commerce-first visual system: inspired by navigation clarity of FPT Shop,
 filtering density of Best Buy and information hierarchy of major electronics retailers.
 Original branding and artwork; no logos or layouts copied.
*/
:root{
 --ts-red:#175cd3;
 --ts-red-dark:#1045a7;
 --ts-ink:#16233c;
 --ts-muted:#748098;
 --ts-bg:#f5f7fb;
 --ts-line:#e6ebf3;
 --ts-shadow:0 8px 24px rgba(31,56,106,.055);
 --ts-blue:#175cd3;
 --ts-navy:#132542;
 --ts-blue-ice:#eef5ff;
 --ts-orange:#ff8345;
 --ts-gold:#ffcd68;
}
body.ts-body{background:var(--ts-bg);color:var(--ts-ink);font-size:13px;letter-spacing:-.12px;font-family:'Be Vietnam Pro',sans-serif;}
.ts-container{width:min(1280px,calc(100% - 46px))}
.ts-announcement{background:linear-gradient(90deg,#0d1b35,#24456d 56%,#132442);padding:7px 0;letter-spacing:.2px}
.ts-announcement b{color:#ffdb83}
.ts-header{background:#fff;color:#14213b;box-shadow:0 8px 22px rgba(28,51,84,.055);border-bottom:1px solid #edf0f5}
.ts-header-main{gap:16px;min-height:84px}
.ts-logo{color:#142743;font-size:23px;letter-spacing:-1px}
.ts-logo:hover{color:#175cd3}
.ts-logo>span:nth-child(2)>span{color:#286ce8}
.ts-logo small{color:#7d93b4}
.ts-logo-icon{background:#175cd3;color:#fff;box-shadow:0 5px 15px #2563eb32;border:0;transform:rotate(-8deg)}
.ts-logo-icon span{color:#ffd47e}
.ts-category-trigger{background:#edf4ff;color:#12449c;border:1px solid #dceafa;padding:13px 16px;border-radius:11px;font-weight:800}
.ts-category-trigger:hover{background:#ddebff}
.ts-search{background:#f5f7fb;border:1px solid #dce3ef;border-radius:11px;max-width:none;box-shadow:inset 0 1px 2px #22335504}
.ts-search:focus-within{border-color:#719ef4;box-shadow:0 0 0 3px #357af117}
.ts-search input{background:#f5f7fb!important;font-size:12px!important}
.ts-search button{background:#175cd3;color:#fff;margin:4px;border-radius:7px;height:calc(100% - 8px);width:42px}
.ts-header-action{color:#243551;font-size:11px;gap:9px}
.ts-header-action:hover{color:#175cd3}
.ts-header-action svg{color:#1a5ec5;width:23px;height:23px}
.ts-header-action small{color:#808da2;opacity:1}
.ts-cart-badge{background:#ff8144;border:2px solid white;color:#fff;top:-12px}
.ts-quicknav{background:#f8fafe;border-top:1px solid #eef1f6}
.ts-quicknav-inner{height:40px;justify-content:flex-start;gap:28px}
.ts-quicknav a{font-size:11px;color:#56657f;font-weight:700}
.ts-quicknav a:first-child{color:#d64e27}
.ts-quicknav a:hover{color:#175cd3}
.ts-catalog-dropdown{box-shadow:0 18px 50px #1a335a24;border:1px solid #dce8f6}
.ts-catalog-dropdown a:hover{background:#f0f5ff;color:#1557bf}
.ts-breadcrumb-mini{margin:22px 0 12px;font-size:11px}
.ts-breadcrumb-mini .ts-demo-tag{background:#edf3fd;border:1px solid #dbe5f4;color:#5a718c}
.ts-hero-layout{grid-template-columns:218px minmax(0,1fr) 216px;gap:14px;min-height:379px}
.ts-side-menu{box-shadow:0 9px 24px #2440650b;border:1px solid #e4e9f2;padding:7px 0;border-radius:14px}
.ts-side-menu a{padding:9px 14px;font-size:11.5px;letter-spacing:-.2px;gap:11px}
.ts-side-menu a:hover{background:#eef5ff;color:#1254b9}
.ts-side-menu a b{color:#b2bfcb}
.ts-side-emoji{width:26px;font-size:17px}
.ts-hero-center{border-radius:16px;box-shadow:0 9px 22px #173c6a12}
.ts-hero-slider{height:344px}
.ts-slide-one{background:radial-gradient(circle at 81% 26%,#4386ce 0%,transparent 43%),linear-gradient(114deg,#0f2446 4%,#1c4474 55%,#3874af)}
.ts-slide-two{background:radial-gradient(circle at 82% 28%,#c4bbf5 0%,transparent 38%),linear-gradient(118deg,#2e3275,#5d64ad 74%,#a0b0e4)}
.ts-slide-three{background:radial-gradient(circle at 88% 28%,#ffa76e 0%,transparent 46%),linear-gradient(114deg,#633d2e,#a55241 56%,#e98b62)}
.ts-hero-slide:after{border-color:#ffffff1e}
.ts-hero-copy{padding:44px 0 30px 36px}
.ts-eyebrow{color:#ffd179;letter-spacing:1.6px;font-size:9px;border-left-color:#ffc96b}
.ts-hero-copy h1,.ts-hero-copy h2{font-size:33px;letter-spacing:-1.25px;margin:17px 0 10px;line-height:1.32}
.ts-hero-copy h1 em,.ts-hero-copy h2 em{color:#ffd387}
.ts-hero-copy p{font-size:11.5px;line-height:1.75;color:#e3ebf8}
.ts-hero-cta{color:#132b50!important;border-radius:9px;padding:12px 18px;font-size:11px;background:#fff;box-shadow:0 7px 22px #10274620}
.ts-hero-cta:hover{background:#fff5e6;transform:translateY(-2px)}
.ts-hero-product{box-shadow:0 15px 30px #0b1f462a}
.ts-banner-tabs{height:35px}
.ts-banner-tabs b{color:#175cd3}
.ts-promo-tile{border-radius:14px;box-shadow:0 9px 22px #18396809;padding:17px}
.ts-promo-blue{background:linear-gradient(135deg,#ecf5ff,#bfd7fa)}
.ts-promo-beige{background:linear-gradient(135deg,#fff0da,#fbd8bd)}
.ts-service-row{padding:17px 22px;margin-top:18px;margin-bottom:24px;box-shadow:0 5px 16px #12305b09}
.ts-service-row span{background:#ecf4ff;color:#1457bb}
.ts-service-row b{font-size:11.3px}
.ts-section{margin:34px 0 43px}
.ts-section-kicker{color:#286ad3;font-size:10px;letter-spacing:1.55px;margin-bottom:7px}
.ts-section-heading h2,.ts-sale-header h2{color:#172743;font-size:23px;letter-spacing:-.68px;font-weight:900}
.ts-section-heading>a,.ts-sale-header>a{color:#155ac9}
.ts-category-grid{gap:14px}
.ts-category-card{border:1px solid #e8ecf4;box-shadow:0 5px 20px #182d5208;padding:20px 9px 17px;border-radius:15px}
.ts-category-card:hover{border-color:#aecdfb;box-shadow:0 14px 28px #315e9820}
.ts-category-card img{width:112px;height:108px;background:#f8fafc}
.ts-category-card strong{font-size:12px}
.ts-category-card small{color:#8b98ac}
.ts-sale-section{background:linear-gradient(108deg,#0c448c,#1f69c6 58%,#3b91e4);padding:21px 20px 23px;border-radius:20px}
.ts-bolt{background:#fff2d2;color:#bc6f19;box-shadow:0 6px 16px #0b2f681c}
.ts-sale-header h2{color:#fff}
.ts-sale-header .ts-section-kicker{color:#c6e0ff}
.ts-sale-header>a{color:white}
.ts-products{gap:14px}
.ts-product-card{border-color:#e4eaf2;border-radius:15px;padding:13px 13px 15px;box-shadow:0 7px 18px #1c3a6310}
.ts-product-card:hover{box-shadow:0 14px 32px #214b8a22;border-color:#b7cced}
.ts-discount{background:#fff0e9;color:#cf4c25;border:1px solid #ffddce;border-radius:6px 6px 6px 0;font-size:10px}
.ts-fav-btn.is-favorite{color:#e0514b}
.ts-product-image{height:173px}
.ts-product-image img{width:162px;height:155px}
.ts-product-name{font-size:12px;font-weight:800;line-height:1.55}
.ts-product-name:hover{color:#1359b9!important}
.ts-spec{font-size:9px;background:#f3f6fa}
.ts-product-pricing strong{font-family:'Plus Jakarta Sans','Be Vietnam Pro',sans-serif;font-size:14px;color:#d32f47;letter-spacing:-.5px}
.ts-product-pricing del{font-size:10px}
.ts-compare-btn{border-color:#dfe7f1;color:#537092}
.ts-compare-btn:hover{color:#195fcd;background:#edf5ff;border-color:#a9c9f6}
.ts-compare-btn.is-compared{border-color:#175cd3;color:#175cd3}
.ts-product-card .add_to_cart_button,.ts-product-card .product_type_simple,.ts-product-card .product_type_variable{background:#eaf2ff;color:#1756b8;border-radius:9px;padding:10px}
.ts-product-card .add_to_cart_button:hover{background:#1a60c4;color:white}
.ts-filter-pills a{border-color:#e1e8f3;color:#5a6a83;font-size:10.5px}
.ts-filter-pills a:hover{color:#175cd3;border-color:#a5c4f5}
.ts-mid-banner{background:radial-gradient(circle at 76% 20%,#2a6798,transparent 32%),linear-gradient(110deg,#14243a,#25456f);border-radius:20px}
.ts-mid-banner span{color:#ffd187}
.ts-mid-banner a{color:#154068}
.ts-editorial{background:#e8f0fb}
.ts-editorial h2{color:#203758}
.ts-editorial a{color:#195dc2}
.ts-editorial-card{background:linear-gradient(135deg,#164985,#192d4e)}
.ts-benefits{border:1px solid #e9eef5;padding:26px}
.ts-footer{background:#121f35}
.ts-footer-grid h3{color:#fff}
.ts-footer .ts-logo{color:#fff}
.ts-footer .ts-logo small{color:#cfddf5}
.ts-shop-main,.ts-shop-sidebar,.ts-page-shell{box-shadow:0 8px 22px #203a650a}
.ts-shop-filter button{background:#175cd3}
.ts-shop-sidebar a:hover{color:#175cd3}
body.ts-body .woocommerce button.button,body.ts-body .woocommerce a.button,body.ts-body .woocommerce button.button.alt,body.ts-body .woocommerce a.button.alt,body.ts-body .woocommerce input.button{background:#195ec5}
body.ts-body .woocommerce a{color:#175cd3}
body.ts-body .woocommerce div.product p.price,body.ts-body .woocommerce div.product span.price{color:#d2354a}
body.ts-body .ts-mobile-bottom{border-top-color:#dfe7f2}
.ts-mobile-bottom span{color:#175cd3}
@media(max-width:1140px){.ts-hero-layout{grid-template-columns:194px minmax(0,1fr) 185px}.ts-container{width:calc(100% - 34px)}.ts-hero-copy h1,.ts-hero-copy h2{font-size:28px}.ts-product-image{height:145px}.ts-product-image img{height:135px}}
@media(max-width:900px){.ts-hero-layout{grid-template-columns:175px minmax(0,1fr)}}
@media(max-width:680px){.ts-container{width:calc(100% - 24px)}.ts-header{background:#fff}.ts-header-main{min-height:64px}.ts-menu-toggle{color:#175cd3}.ts-search{background:#f5f7fb}.ts-quicknav{background:#f7faff}.ts-quicknav a{color:#506581}.ts-hero-layout{grid-template-columns:1fr}.ts-hero-slider{height:284px}.ts-hero-copy{padding:38px 0 20px 24px}.ts-hero-copy h1,.ts-hero-copy h2{font-size:24px}.ts-section-heading h2,.ts-sale-header h2{font-size:19px}.ts-category-grid{gap:9px}.ts-category-card{padding:12px 5px}.ts-category-card img{width:78px;height:72px}.ts-sale-section{padding:12px}.ts-products{gap:9px}.ts-product-card{padding:9px}.ts-product-image{height:122px}.ts-product-image img{height:113px}.ts-product-name{font-size:10.8px}.ts-product-pricing strong{font-size:12px}.ts-mid-banner h2{font-size:19px}.ts-mid-banner img{height:131px}.ts-footer .ts-logo{font-size:20px}}