/*
Theme Name:   VTG Child Core
Theme URI:    https://www.vietthai.group
Template:     vtg-core
Author:       CÔNG TY TNHH THƯƠNG MẠI DỊCH VỤ VIỆT THÁI GROUP
Author URI:   https://www.vietthai.group
Description:  Child theme dùng chung cho các website cửa hàng của VTG (đầu tiên: tamthinh.vietthai.group). Bố cục kiểu sàn điện thoại Việt Nam (thanh đỏ + ô tìm kiếm lớn, hàng danh mục, lưới thẻ 5 cột giá đỏ). Chỉ chứa token, 3 template override (front-page, searchform, woocommerce/content-product) và CSS; logic ở theme cha vtg-core và plugin VTG.
Version:      2.4.1
Requires PHP: 8.2
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Nạp SAU main.css của theme cha, ngoài mọi @layer → tự thắng, không !important. Không @import. */

/* ============================================================ 1. TOKEN */
:root{
  --vc-brand:#d70018;          /* đỏ sàn điện thoại (CellphoneS #d70018), gần logo #E8202A */
  --vc-brand-2:#b50014;
  --vc-brand-ink:#fff;
  --vc-accent:#f5b301;         /* vàng nhãn giảm giá / trả góp */
  --vc-bg:#fff;
  --vc-surface:#f4f6f8;        /* nền trang xám xanh nhạt, thẻ trắng nổi lên */
  --vc-surface-2:#e9edf1;
  --vc-text:#1f1f1f;
  --vc-muted:#707070;
  --vc-line:#e5e7eb;
  --vc-r:10px;
  --vc-r-sm:8px;
  --vc-font-sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --vc-font-head:var(--vc-font-sans);
  --tt-price:#d70018;
  --tt-old:#8a8a8a;
}
:root[data-theme=dark]{--vc-brand:#ff3b45;--vc-brand-2:#ff5f67;--vc-bg:#161616;--vc-surface:#0f0f0f;--vc-surface-2:#262626;--vc-line:#2a2a2a;--tt-price:#ff6b72;--tt-old:#9a9a9a}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--vc-brand:#ff3b45;--vc-brand-2:#ff5f67;--vc-bg:#161616;--vc-surface:#0f0f0f;--vc-surface-2:#262626;--vc-line:#2a2a2a;--tt-price:#ff6b72;--tt-old:#9a9a9a}}

/* ============================================================ 2. FONT */
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/bvp-400-vietnamese.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/bvp-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/bvp-600-vietnamese.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/bvp-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/bvp-700-vietnamese.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/bvp-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ============================================================ 3. HEADER — thanh đỏ + ô tìm kiếm lớn */
body{background:var(--vc-surface)}
.vc-header{background:var(--vc-brand);border-bottom:0;backdrop-filter:none;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12)}
/* Dải trên: cam kết ngắn + hotline, đỏ sẫm, chữ 12.5px (CellphoneS) */
.vc-header .vc-topbar{background:#b50014;color:#fff;border-bottom:0;font-size:12.5px}
.vc-header .vc-topbar .vc-row{min-height:30px}
.vc-header .vc-topbar .vc-el{color:#ffd9dc}
.vc-header .vc-topbar .tt-usp-strip{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:0}
.vc-header .vc-topbar .tt-usp-strip span::before{content:"✓ ";color:#ffd166;font-weight:700}
.vc-header .vc-topbar .vc-info{color:#fff;font-weight:600}
.vc-header .vc-topbar .vc-info svg{opacity:1}
/* Hàng chính: logo · nút Danh mục · ô tìm kiếm · hotline · giỏ */
.vc-header__in{min-height:64px;gap:12px}
.vc-header__in .vc-cell{gap:10px}
.vc-header__in .vc-cell--center{flex:1 1 auto;max-width:640px;margin-inline:12px}
.vc-header__in .vc-cell--center .vc-el,.vc-header__in .vc-cell--center form{flex:1 1 auto;width:100%;min-width:0}
.vc-header__in .vc-field{width:100%;border:0;background:#fff;padding:3px 3px 3px 16px;box-shadow:none;border-radius:999px}
.vc-header__in .vc-field .search-field{font-size:14.5px;min-width:0;color:#333}
.vc-header__in .vc-field__go{background:var(--vc-brand);color:#fff;width:34px;height:34px}
.vc-header__in .vc-field__go:hover{background:var(--vc-brand-2);color:#fff}
.vc-header__in .vc-info,.vc-header__in .vc-iconbtn{color:#fff;font-weight:600;font-size:14px}
.vc-header__in .vc-info{padding:8px 10px;border-radius:8px}
.vc-header__in .vc-info svg{opacity:1;width:16px;height:16px}
.vc-header__in .vc-info:hover,.vc-header__in .vc-iconbtn:hover{background:rgba(255,255,255,.16);color:#fff}
.vc-header__in .vc-iconbtn{width:40px;height:40px;border-radius:8px}
.vc-header__in .vc-iconbtn__n{background:var(--vc-accent);color:#111}
/* Nút Danh mục: icon + chữ, nền đỏ nhạt hơn */
.vc-header__in .vc-el--burger .vc-iconbtn{width:auto;padding:0 12px 0 10px;gap:8px;background:rgba(255,255,255,.16);grid-auto-flow:column;font:inherit;font-size:14px;font-weight:600}
.vc-header__in .vc-el--burger .vc-iconbtn::after{content:"Danh mục"}
.vc-header__in .vc-el--burger .vc-iconbtn:hover{background:rgba(255,255,255,.26)}
.vc-brand img,.vc-brand .custom-logo,.custom-logo-link img{height:42px;width:auto;max-height:42px;background:#fff;border-radius:8px;padding:3px}
.vc-header--shrink.is-stuck .vc-brand img{max-height:36px;height:36px}
/* Bảng menu rơi xuống từ nút Danh mục */
.vc-panel{border-bottom:0;box-shadow:0 14px 30px rgba(0,0,0,.14)}
.vc-panel__menu .vc-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 18px;list-style:none;margin:0;padding:0}
.vc-panel__menu .vc-menu__link{display:block;padding:10px 12px;border-radius:8px;font-weight:600;color:var(--vc-text);text-decoration:none}
.vc-panel__menu .vc-menu__link:hover{background:#fde8ea;color:var(--vc-brand)}
/* Điện thoại: logo · tìm kiếm · giỏ · menu trên nền đỏ */
.vc-header__mobile{background:var(--vc-brand);min-height:56px;gap:8px}
.vc-header__mobile .vc-iconbtn{color:#fff;width:40px;height:40px}
.vc-header__mobile .vc-el--burger .vc-iconbtn::after{content:none}
.vc-header__mobile .vc-field{flex:1;border:0;background:#fff;padding:2px 2px 2px 12px;border-radius:999px}
.vc-header__mobile .vc-field .search-field{min-width:0;font-size:14px}
.vc-header__mobile .vc-field__go{background:var(--vc-brand);color:#fff;width:32px;height:32px}
.vc-header__mobile .vc-brand img{height:36px;max-height:36px}

/* ============================================================ 4. NÚT, CHIP, HEADING chung */
.tt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:8px;font-weight:600;font-size:14px;line-height:1;text-decoration:none;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s;cursor:pointer}
.tt-btn--buy{background:var(--vc-brand);color:#fff}
.tt-btn--buy:hover{background:var(--vc-brand-2);color:#fff}
.tt-btn--zalo{background:#eaf2ff;color:#0068ff}
.tt-btn--zalo:hover{background:#0068ff;color:#fff}
.tt-btn--light{background:#fff;color:var(--vc-brand)}
.tt-btn--light:hover{background:#fde8ea}
.tt-btn--outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.tt-btn--outline:hover{background:rgba(255,255,255,.15)}
.tt-btn--ghost{background:var(--vc-bg);color:var(--vc-brand);border-color:var(--vc-brand);min-width:220px}
.tt-btn--ghost:hover{background:var(--vc-brand);color:#fff}
.tt-chips{display:flex;gap:8px;flex-wrap:wrap}
.tt-chip{display:inline-block;padding:7px 14px;border:1px solid var(--vc-line);border-radius:999px;background:var(--vc-bg);font-size:13px;font-weight:600;color:var(--vc-text);text-decoration:none;white-space:nowrap}
.tt-chip.is-on,.tt-chip:hover{border-color:var(--vc-brand);color:var(--vc-brand);background:#fde8ea}
.tt-sec{margin:28px auto}
.tt-sec__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.tt-sec__head h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}
.tt-sec__head h2 small{display:block;font-size:13px;font-weight:400;color:var(--vc-muted);margin-top:2px}
.tt-link{font-weight:600;color:var(--vc-brand);text-decoration:none}
.tt-more{text-align:center;margin:18px 0 0}
.tt-empty{color:var(--vc-muted)}
.tt-home{padding-bottom:40px}

/* ============================================================ 5. HERO — banner lớn + 2 ô phụ */
.tt-hero{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;margin:16px auto 0;height:420px}
.tt-hero__main,.tt-hero__side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;border-radius:12px;overflow:hidden;color:#fff;text-decoration:none;background:#222 var(--bg) center/cover no-repeat;isolation:isolate}
.tt-hero__main::after,.tt-hero__side::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,0) 100%)}
.tt-hero__main{grid-row:1/3;padding:32px;align-items:flex-start}
.tt-hero__main h1{margin:8px 0 10px;font-size:clamp(26px,3vw,40px);line-height:1.15;font-weight:700;letter-spacing:-.02em;text-wrap:balance;color:#fff}
.tt-hero__main p{margin:0 0 18px;font-size:15px;opacity:.95;max-width:34rem}
.tt-hero__tag{display:inline-block;padding:5px 10px;border-radius:999px;background:var(--vc-accent);color:#111;font-size:12px;font-weight:700}
.tt-hero__side strong{font-size:18px;font-weight:700}
.tt-hero__side span{font-size:13px;opacity:.95;margin-top:4px}
.tt-hero__side:hover,.tt-hero__main:hover{filter:brightness(1.06)}

/* ============================================================ 6. CAM KẾT + DANH MỤC TRÒN */
.tt-usp{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px auto 0}
.tt-usp>div{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 14px;background:var(--vc-bg);border:1px solid var(--vc-line);border-radius:10px}
.tt-usp svg{grid-row:1/3;width:30px;height:30px;fill:var(--vc-brand)}
.tt-usp b{font-size:14px;font-weight:700}
.tt-usp span{font-size:12px;color:var(--vc-muted)}
.tt-cats{display:flex;gap:10px;margin:20px auto 0;overflow-x:auto;scrollbar-width:none;padding:14px;background:var(--vc-bg);border-radius:12px;border:1px solid var(--vc-line)}
.tt-cats::-webkit-scrollbar{display:none}
.tt-cat{flex:1 0 96px;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--vc-text);font-size:13px;font-weight:600;text-align:center}
.tt-cat__img{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--vc-surface);overflow:hidden;border:2px solid transparent;transition:border-color .15s}
.tt-cat__img img{width:100%;height:100%;object-fit:cover}
.tt-cat__img--icon{background:#fde8ea}
.tt-cat__img--icon svg{width:30px;height:30px;fill:var(--vc-brand)}
.tt-cat:hover .tt-cat__img{border-color:var(--vc-brand)}

/* ============================================================ 7. THẺ SẢN PHẨM (content-product.php) */
.products.tt-grid,.vc-shop ul.products,.vc-entry ul.products{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none}
@media (min-width:640px){.products.tt-grid,.vc-shop ul.products,.vc-entry ul.products{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px){.products.tt-grid,.vc-shop ul.products,.vc-entry ul.products{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1180px){.products.tt-grid,.vc-shop ul.products.columns-5,.vc-entry ul.products{grid-template-columns:repeat(5,1fr)}}
li.product.tt-card{position:relative;display:flex;flex-direction:column;margin:0;padding:0;width:auto;float:none;background:var(--vc-bg);border:1px solid var(--vc-line);border-radius:10px;overflow:hidden;transition:box-shadow .18s,transform .18s,border-color .18s}
li.product.tt-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.09);transform:translateY(-2px);border-color:#f3c1c6}
.tt-card__media{position:relative;display:block;aspect-ratio:1;background:#fff;overflow:hidden}
.tt-card__media img{width:100%;height:100%;object-fit:cover;display:block;margin:0;transition:transform .4s}
li.product.tt-card:hover .tt-card__media img{transform:scale(1.04)}
.tt-card__off{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:6px;background:var(--vc-brand);color:#fff;font-size:12px;font-weight:700}
.tt-card__used{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:6px;background:#111;color:#fff;font-size:11px;font-weight:600}
.tt-card__body{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px}
.tt-card__title{margin:0;font-size:14px;font-weight:600;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tt-card__title a{color:var(--vc-text);text-decoration:none}
.tt-card__title a::after{content:"";position:absolute;inset:0}
.tt-card__chips{display:flex;gap:4px;flex-wrap:wrap}
.tt-card__chips span{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:#eef6ee;color:#1a7f37}
.tt-card__price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.tt-card__price ins{text-decoration:none;color:var(--tt-price);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.tt-card__price del{color:var(--tt-old);font-size:12px;font-variant-numeric:tabular-nums}
.tt-card__promo{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:11px;color:var(--vc-muted)}
.tt-card__promo span{padding:2px 6px;border-radius:4px;background:var(--vc-surface)}
.tt-card__promo span:first-child{background:#fff6d6;color:#8a5a00}
.tt-card__cta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;position:relative;z-index:2}
.tt-card__cta .tt-btn{min-height:36px;padding:0 8px;font-size:13px;border-radius:8px}

/* Trang danh mục / cửa hàng của theme cha: cùng thẻ */
.vc-shop ul.products li.product.tt-card{border-radius:10px}

/* ============================================================ 8. DẢI THU CŨ, MẸO, CỬA HÀNG */
.tt-banner{margin:28px auto}
.tt-banner__in{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;padding:28px 32px;border-radius:14px;background:linear-gradient(120deg,#d70018 0%,#a3000f 100%);color:#fff;overflow:hidden}
.tt-banner__in h2{margin:0 0 10px;font-size:26px;font-weight:700;letter-spacing:-.02em;color:#fff}
.tt-banner__in p{margin:0 0 16px;font-size:15px;opacity:.95;max-width:40rem}
.tt-banner__cta{display:flex;gap:10px;flex-wrap:wrap}
.tt-banner__in img{width:100%;max-height:260px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.tt-posts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tt-post{display:block;background:var(--vc-bg);border:1px solid var(--vc-line);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--vc-text)}
.tt-post img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.tt-post h3{margin:0;padding:10px 12px 14px;font-size:14px;font-weight:600;line-height:1.4}
.tt-post:hover h3{color:var(--vc-brand)}
.tt-store__in{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center;padding:20px;background:var(--vc-bg);border:1px solid var(--vc-line);border-radius:12px}
.tt-store__in h2{margin:0 0 10px;font-size:22px;font-weight:700}
.tt-store__in p{margin:0 0 10px;font-size:14px;color:var(--vc-muted)}
.tt-store__in p strong{color:var(--vc-text)}
.tt-store__in iframe{width:100%;height:280px;border:0;border-radius:10px}

/* ============================================================ 9. CHÂN TRANG, DOCK, FORM, BẢO HÀNH, TRANG MÁY */
.vc-footer{background:#1b1b1b;color:#d4d4d4;margin-top:32px}
.vc-footer a{color:#fff}
.vc-footer .vc-widget__title{color:#fff;font-size:15px;font-weight:700}
.vtg-dock{--vtg-dock-bg:var(--vc-bg);--vtg-dock-fg:var(--vc-text);--vtg-dock-active:var(--vc-brand)}
.vtg-fc__btn--zalo{--vtg-fc-bg:#0068ff}
.vtg-form{--vtg-primary:var(--vc-brand);--vtg-on-primary:#fff;--vtg-primary-soft:#fde8ea}
.vbh-wrap{--vbh-accent:var(--vc-brand)}
.vc-entry .wp-block-button__link,.woocommerce .button.alt,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--vc-brand);color:#fff;border-radius:8px;font-weight:600;min-height:44px}
.woocommerce .button.alt:hover,.woocommerce a.button.alt:hover{background:var(--vc-brand-2);color:#fff}
.price,.woocommerce-Price-amount{font-variant-numeric:tabular-nums}
.vc-shop .summary .price ins{color:var(--tt-price);text-decoration:none;font-size:26px;font-weight:700}
.vc-shop .summary .price del{color:var(--tt-old);font-size:15px;font-weight:400}

/* ============================================================ 10. ĐIỆN THOẠI */
@media (max-width:1023px){
  .tt-usp{grid-template-columns:repeat(2,1fr)}
  .tt-posts{grid-template-columns:repeat(2,1fr)}
  .tt-banner__in{grid-template-columns:1fr}
  .tt-banner__in img{max-height:200px}
  .tt-store__in{grid-template-columns:1fr}
}
@media (max-width:767px){
  .tt-hero{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto;gap:8px;margin-top:10px}
  .tt-hero__main{grid-column:1/3;grid-row:1;min-height:260px;padding:18px}
  .tt-hero__main h1{font-size:22px}
  .tt-hero__main p{font-size:13px}
  .tt-hero__side{min-height:120px;padding:14px}
  .tt-hero__side strong{font-size:15px}
  .tt-usp{grid-template-columns:1fr 1fr;gap:8px}
  .tt-usp>div{padding:10px;grid-template-columns:28px 1fr}
  .tt-usp b{font-size:12px}
  .tt-usp span{display:none}
  .tt-cats{padding:10px;gap:4px}
  .tt-cat{flex:0 0 84px;font-size:12px}
  .tt-cat__img{width:60px;height:60px}
  .tt-sec{margin:20px auto}
  .tt-sec__head h2{font-size:18px}
  .tt-chips{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;width:100%;padding-bottom:2px}
  .tt-card__body{padding:8px 10px 10px}
  .tt-card__title{font-size:13px}
  .tt-card__price ins{font-size:15px}
  .tt-card__promo span:nth-child(n+3){display:none}
  .tt-banner__in{padding:20px}
  .tt-banner__in h2{font-size:20px}
  .tt-store__in iframe{height:220px}
}

/* Ô tìm kiếm chiếm hết ô giữa header; hero không có ô phụ */
.vc-header__in .vc-cell--center .vc-el,.vc-header__in .vc-cell--center form{flex:1 1 auto;width:100%;min-width:0}
.tt-hero--solo{grid-template-columns:1fr;grid-template-rows:auto;height:360px}
.tt-card__cta--one{grid-template-columns:1fr}
@media (max-width:767px){.tt-card__cta .tt-btn{font-size:12px;padding:0 4px;white-space:nowrap}}

/* ============================================================ 11. FOOTER SÁNG KIỂU SÀN: 3 cột widget + cột kết nối, dải pháp lý xám */
.vc-footer{background:#fff;color:#444;border-top:1px solid var(--vc-line);margin-top:28px;padding:0;font-size:13px;line-height:1.6}
.vc-footer>.vc-wrap{padding-top:28px}
.vc-footer__cols{gap:24px;grid-template-columns:repeat(3,1fr)}
.vc-footer .vc-widget__title,.vc-footer h3{margin:0 0 10px;font-size:14px;font-weight:700;color:#111;text-transform:uppercase;letter-spacing:.02em}
.vc-footer .vc-widget p,.vc-footer .vc-widget ul{margin:0}
.vc-footer .vc-widget ul{list-style:none;padding:0;display:grid;gap:6px}
.vc-footer .vc-widget a{color:#444;text-decoration:none}
.vc-footer .vc-widget a:hover{color:var(--vc-brand)}
.vc-footer .tt-hot{display:block;font-size:17px;font-weight:700;color:var(--vc-brand);line-height:1.3}
.vc-footer .tt-hot small{display:block;font-size:12px;font-weight:400;color:#777}
/* Hàng chính của theme cha: trái = pháp lý, phải = mạng xã hội */
.vc-footer__main{margin-top:22px;padding-top:16px;border-top:1px solid var(--vc-line);font-size:12.5px;color:#666;align-items:flex-start}
.vc-footer .vc-legal{max-width:60ch}
.vc-footer .vc-legal strong{color:#111}
.vc-footer .vc-social a{width:36px;height:36px;background:#f1f1f1;color:#333}
.vc-footer .vc-social a:hover{background:var(--vc-brand);color:#fff}
.tt-bct{display:inline-block;margin-top:6px;padding:3px 8px;border:1px solid #d9d9d9;border-radius:4px;color:#555;font-size:11px;background:#fafafa}
.vc-footer__bar{margin-top:14px;padding:12px 0 16px;border-top:1px solid var(--vc-line);font-size:12px;color:#777;background:transparent}
.vc-footer__menu{gap:8px 16px}
.vc-footer__menu a{color:#555}
@media (max-width:767px){.vc-footer>.vc-wrap{padding-top:20px}.vc-footer__cols{grid-template-columns:1fr;gap:16px}.vc-footer__main{display:grid;gap:12px}.vc-footer__bar{padding-bottom:calc(16px + var(--vtg-dock-height,70px))}}

/* Ảnh hãng nền trắng: hiện trọn máy, không cắt */
.tt-card__media{aspect-ratio:1;padding:10px;background:#fff}
.tt-card__media img{object-fit:contain}
.tt-cat__img img{object-fit:contain;padding:6px;background:#fff}
.vc-shop .woocommerce-product-gallery img{object-fit:contain;background:#fff}

/* ============================================================ 12. TRANG MÁY: ảnh hãng gọn, thanh mua nổi của theme cha không chồng dock */
.vc-shop .woocommerce-product-gallery img{max-height:420px;width:100%;object-fit:contain;background:#fff;border-radius:12px}
@media (max-width:1023px){html body .vc-buybar{display:none}.vc-shop .woocommerce-product-gallery img{max-height:300px}}
.vc-shop .summary .cart .button{background:var(--vc-brand);color:#fff;border-radius:8px}
.vc-footer .vc-social{gap:10px}
.vc-footer .vc-social a{width:38px;height:38px;background:#fff;border:1px solid var(--vc-line);color:#333}
.vc-footer .vc-social svg{width:18px;height:18px}

/* ============================================================ 13. CHUẨN THEO SỐ ĐO CELLPHONES (03/11/2026) — ghi đè các mục trên */
:root{--tt-price:#c40016;--vc-brand:#d70018;--tt-blue:#1e478a;--tt-blue-bg:#e8f0fb;--tt-shadow:0 4px 20px -8px rgba(0,0,0,.11),0 0 10px rgba(0,0,0,.06)}
.vc-wrap{max-width:1232px}
/* Hộp trắng bao từng mục trang chủ (CellphoneS: radius 16, padding 16, bóng nhẹ) */
.tt-box{background:#fff;border-radius:16px;padding:16px;box-shadow:var(--tt-shadow);border:0}
.tt-sec.tt-box{margin:16px auto}
.tt-sec__head{margin-bottom:12px;gap:10px}
.tt-sec__head h2{font-size:20px;font-weight:700;color:#d70018;text-transform:uppercase;letter-spacing:0;padding-bottom:8px;border-bottom:3px solid #d70018;display:inline-block}
.tt-sec__head h2 small{text-transform:none;color:#707070;font-size:12px}
.tt-chip{padding:6px 12px;font-size:13px;border-color:#d9d9d9;border-radius:999px;font-weight:500}
.tt-chip.is-on{background:#fff;border-color:#d70018;color:#d70018;font-weight:600}
.tt-chip:hover{background:#fde8ea}
.tt-more{margin-top:12px}
.tt-btn--ghost{min-width:200px;min-height:36px;font-size:13px}
/* Hàng danh mục: ô ảnh + chữ như CellphoneS (viền mỏng, bo 10) */
.tt-cats.tt-box{gap:8px;padding:12px}
.tt-cat{flex:1 0 108px;gap:6px;padding:8px 6px;border:1px solid #eee;border-radius:10px;font-size:12.5px;font-weight:600;background:#fff}
.tt-cat:hover{border-color:#d70018;background:#fff5f5}
.tt-cat__img{width:56px;height:56px;border-radius:8px;background:#fff;border:0}
.tt-cat__img img{object-fit:contain;padding:2px}
.tt-cat__img--icon{background:#fde8ea;border-radius:50%}
.tt-cat__img--icon svg{width:24px;height:24px}
/* Dải cam kết: gọn hơn, chữ 13 */
.tt-usp{gap:10px}
.tt-usp>div{padding:10px 12px;border-radius:12px;border:0;box-shadow:var(--tt-shadow);grid-template-columns:30px 1fr}
.tt-usp svg{width:26px;height:26px}
.tt-usp b{font-size:13px}
.tt-usp span{font-size:11.5px}
/* Hero: bo 16, bỏ viền */
.tt-hero__main,.tt-hero__side{border-radius:16px}
/* ---------- Thẻ sản phẩm theo số đo */
.products.tt-grid,.vc-shop ul.products,.vc-entry ul.products{gap:12px}
li.product.tt-card{border:0;border-radius:16px;box-shadow:var(--tt-shadow);min-height:360px;background:#fff}
li.product.tt-card:hover{box-shadow:0 8px 24px -6px rgba(0,0,0,.18),0 0 10px rgba(0,0,0,.06);transform:none;border:0}
.tt-card__media{aspect-ratio:1;padding:28px 26px 10px;background:#fff}
.tt-card__media img{object-fit:contain;width:100%;height:100%}
.tt-card__off{top:0;left:0;border-radius:16px 0 8px 0;padding:4px 10px;font-size:12px;font-weight:500;background:#d70018;color:#fff}
.tt-card__tag{position:absolute;top:0;right:0;padding:4px 10px;border-radius:0 16px 0 8px;background:var(--tt-blue-bg);color:var(--tt-blue);font-size:12px;font-weight:500}
.tt-card__tag--out{background:#eee;color:#555}
.tt-card__body{padding:4px 12px 12px;gap:6px}
.tt-card__title{font-size:14px;font-weight:700;color:#18181b;min-height:2.6em;line-height:1.3}
.tt-card__price{gap:6px}
.tt-card__price ins{font-size:16px;font-weight:700;color:var(--tt-price)}
.tt-card__price del{font-size:12px;color:#9ca3af}
.tt-card__specs{display:flex;gap:4px;flex-wrap:wrap}
.tt-card__specs span{font-size:10px;line-height:1;padding:4px 6px;border:1px solid #e5e7eb;border-radius:6px;color:#444;background:#fff;font-weight:500}
.tt-card__promo{display:block;padding:6px 8px;border-radius:6px;background:var(--tt-blue-bg);color:var(--tt-blue);font-size:10.5px;font-weight:500;line-height:1.3;margin-top:2px}
.tt-card__foot{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:auto;position:relative;z-index:2;padding-top:4px}
.tt-card__foot--one{grid-template-columns:1fr}
.tt-card__foot .tt-btn{min-height:32px;padding:0 10px;font-size:12.5px;border-radius:8px;font-weight:600}
.tt-card__foot .tt-btn--zalo{background:var(--tt-blue-bg);color:#0068ff;padding:0 12px}
/* ---------- Trang máy: khung giá, nút to, cam kết 4 ô */
.vc-shop .summary .price{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border-radius:12px;background:var(--tt-blue-bg);border:1px solid #cfe0f7;margin:0 0 14px}
.vc-shop .summary .price ins{font-size:24px;font-weight:700;color:var(--tt-price);text-decoration:none}
.vc-shop .summary .price del{font-size:14px;color:#8a8a8a}
.vc-shop .summary .price .woocommerce-Price-amount:only-child{font-size:24px;font-weight:700;color:var(--tt-price)}
.vc-shop .summary h1{font-size:20px;font-weight:700}
.vc-shop .summary .cart .button,.vc-shop .summary .single_add_to_cart_button{min-height:48px;font-size:15px;font-weight:700;text-transform:uppercase;border-radius:10px;background:#d70018;flex:1}
.vc-shop .woocommerce-product-gallery{background:#fff;border-radius:16px;padding:12px;box-shadow:var(--tt-shadow)}
.vc-shop .woocommerce-product-gallery img{max-height:460px;border-radius:12px}
.vc-shop .summary .vc-trust,.vc-shop .summary [class*="trust"]{border-radius:12px}
/* ---------- Thanh giá dính đáy trên điện thoại/tablet (CellphoneS): giá trái, nút phải, nằm trên dock */
@media (max-width:1023px){
  html body .vc-buybar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;left:0;right:0;width:auto;padding:8px 12px;border:0;border-top:1px solid #e5e7eb;border-radius:0;background:#fff;box-shadow:0 -4px 16px rgba(0,0,0,.08);z-index:8600}
  html body .vc-buybar__info{text-align:left;grid-template-columns:1fr;line-height:1.25}
  html body .vc-buybar__info b{font-size:12px;font-weight:500;color:#555;-webkit-line-clamp:1}
  html body .vc-buybar__info span{font-size:16px;font-weight:700;color:var(--tt-price)}
  html body .vc-buybar__acts{grid-auto-flow:column;gap:8px}
  html body .vc-buybar__buy{width:auto;padding:0 18px;height:42px;border-radius:8px;font-weight:700}
  html body .vc-buybar__cart{height:42px;width:42px;border-radius:8px}
  .vtg-fc{bottom:calc(var(--vtg-dock-height,62px) + 76px + env(safe-area-inset-bottom))!important}
}
/* ---------- Header: nút giỏ có chữ, nút Danh mục viền trắng mờ như CellphoneS */
.vc-header__in .vc-el--burger .vc-iconbtn{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);border-radius:10px;height:40px}
.vc-header__in .vc-el--icon_cart .vc-iconbtn{width:auto;padding:0 12px 0 10px;gap:6px;grid-auto-flow:column;font:inherit;font-size:14px;font-weight:600;border-radius:10px;border:1px solid rgba(255,255,255,.35)}
.vc-header__in .vc-el--icon_cart .vc-iconbtn::after{content:"Giỏ hàng"}
.vc-header__in .vc-field{height:40px;padding:2px 2px 2px 14px}
.vc-header__in .vc-field__go{width:34px;height:34px}
@media (max-width:767px){
  .tt-sec.tt-box,.tt-cats.tt-box{padding:10px;border-radius:12px;margin:10px auto}
  .tt-sec__head h2{font-size:16px;border-bottom-width:2px}
  .tt-cat{flex:0 0 92px;padding:6px 4px;font-size:11.5px}
  .tt-cat__img{width:48px;height:48px}
  li.product.tt-card{min-height:300px}
  .tt-card__media{padding:22px 18px 6px}
  .tt-card__body{padding:2px 10px 10px}
  .tt-card__title{font-size:13px}
  .tt-card__foot .tt-btn{min-height:30px;font-size:12px}
  .tt-usp>div{grid-template-columns:26px 1fr}
}
/* Gallery trang máy: ảnh hãng nền trắng, hiện trọn (không cắt), vuông, thumbnail bên dưới */
.vc-shop .vc-gal__stage{background:#fff;border-radius:16px;box-shadow:var(--tt-shadow)}
.vc-shop .vc-gal__slide{aspect-ratio:1}
.vc-shop .vc-gal__slide img{object-fit:contain;padding:24px;background:#fff}
.vc-shop .vc-gal__thumb img{object-fit:contain;background:#fff;border:1px solid #eee}
@media (max-width:767px){.vc-shop .vc-gal__slide img{padding:14px}}