/* THE ONE — giao dien 2026 (?ui=2026). File rieng, khong dung chung voi css.lbi cua site cu. */
/* QUAN TRONG: css.lbi cua site cu dat html{font-size:10px} toan cuc, khien moi don vi rem
   trong file nay bi thu nho con ~62%. Dat lai goc 16px chi trong pham vi trang dung theme nay. */
html{font-size:16px !important}
/* CSS cu (css.lbi) co luat chung "header nav{background:#f2f2f2}" an vao the <header><nav>
   cua giao dien moi, lam chu bi mat chu do trung mau nen. Chan lai o day. */
.theme2026 .site-header nav{background:transparent !important}
:root{
  --bg:#ffffff; --surface:#ffffff; --surface-alt:#f5f7fb; --border:#e1e6f0;
  --text:#10182f; --text-soft:#57607a;
  --brand-900:#0b2056; --brand-700:#123b8c; --brand-600:#1a4fc4; --brand-500:#3a6bea;
  --accent:#ffcc00; --accent-ink:#5c4300;
  --price:#d92b1c; --success:#16825d;
  --radius:12px; --shadow:0 1px 2px rgba(16,24,47,.06), 0 8px 24px -12px rgba(16,24,47,.12);
  color-scheme: light;
}
*{box-sizing:border-box}
body.theme2026{
  margin:0; background:var(--bg); color:var(--text);
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:14px; line-height:1.42857143;
  -webkit-font-smoothing:antialiased;
}
/* Dung dung bo font + thang co chu that cua site live (trich tu css.lbi/base.scss.css):
   body 14px, h1-h6 = 36/30/24/18/14/12px, font-weight:500, line-height:1.1 */
.theme2026 h1,.theme2026 h2,.theme2026 h3,.theme2026 h4,.theme2026 h5,.theme2026 h6{
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:500; line-height:1.1;
  text-wrap:balance; margin:0; color:var(--text);
}
.theme2026 h1{font-size:36px}
.theme2026 h2{font-size:30px}
.theme2026 h3{font-size:24px}
.theme2026 h4{font-size:18px}
.theme2026 h5{font-size:14px}
.theme2026 h6{font-size:12px}
@media (max-width:640px){
  .theme2026 h1{font-size:28px}
  .theme2026 h2{font-size:24px}
  .theme2026 h3{font-size:20px}
}
.theme2026 p{margin:0}
.theme2026 a{color:inherit; text-decoration:none}
.theme2026 .mono{font-family:Menlo, Monaco, Consolas, "Courier New", monospace}
.theme2026 .wrap{max-width:1360px; margin:0 auto; padding-inline:20px}
.theme2026 img{max-width:100%; display:block}
.theme2026 button{font-family:inherit; cursor:pointer}
.theme2026 input,.theme2026 select{font-family:inherit}

/* ---------- header ---------- */
.theme2026 .topbar{background:linear-gradient(135deg, var(--brand-900), var(--brand-600)); padding-block:14px}
.theme2026 .topbar__row{display:flex; align-items:center; gap:28px}
.theme2026 .logo img{height:44px; width:auto; border-radius:6px}
.theme2026 .logo{align-self:center}
.theme2026 .searchbox{flex:0 1 460px; width:460px; max-width:100%; height:44px; margin:0; margin-top:25px; float:none; position:relative; display:flex; align-items:center; align-self:center}
.theme2026 .searchbox__field{display:flex; align-items:stretch; height:44px; width:100%; background:#fff; border-radius:8px; overflow:hidden}
.theme2026 .searchbox input{flex:1; min-width:0; border:0; padding:0 14px; font-size:.99rem; outline:none; color:#10182f; height:100%}
.theme2026 .searchbox button{background:var(--accent); border:0; padding:0 16px; color:var(--accent-ink); display:flex; align-items:center; justify-content:center; flex:none; height:100%}
.theme2026 .topbar__links{display:flex; align-items:center; gap:2px; flex-wrap:nowrap; margin-left:auto; padding-left:8px}
.theme2026 .topbar__links a{display:inline-flex; align-items:center; gap:6px; color:#ffffff; font-size:.92rem; font-weight:600; white-space:nowrap; padding:6px 12px; border-radius:6px; position:relative}
.theme2026 .topbar__links a:hover{background:rgba(255,255,255,.15)}
.theme2026 .topbar__links a + a::before{content:""; position:absolute; left:-2px; top:50%; transform:translateY(-50%); width:1px; height:14px; background:rgba(255,255,255,.3)}
.theme2026 .topbar__links img{height:16px; width:16px; object-fit:contain; flex:none; filter:brightness(0) invert(1); opacity:.92}
.theme2026 .hotline{display:flex; align-items:center; gap:8px; color:#fff; white-space:nowrap}
.theme2026 .hotline div{display:flex; flex-direction:column; line-height:1.2}
.theme2026 .hotline span{font-size:.74rem; color:#cfdbff}
.theme2026 .hotline strong{font-size:1rem; font-family:Menlo, Monaco, Consolas, "Courier New", monospace}
@media (max-width:1100px){.theme2026 .topbar__links{display:none}}

.theme2026 .navbar{background:#ffffff; border-bottom:1px solid var(--border); position:relative}
.theme2026 .navbar__row{display:flex; align-items:center; gap:22px; padding-block:12px}
.theme2026 .cat-btn{display:flex; align-items:center; gap:8px; background:var(--accent); color:var(--accent-ink); border:0; font-weight:700; font-size:.94rem; padding:10px 16px; border-radius:6px; white-space:nowrap; position:relative; z-index:31}
.theme2026 .navbar__links{display:flex; gap:20px; flex-wrap:wrap}
.theme2026 .navbar__links a{font-size:.97rem; font-weight:600; color:var(--text-soft); padding-block:4px}
.theme2026 .navbar__links a.is-active, .theme2026 .navbar__links a:hover{color:var(--brand-600)}
.theme2026 .navbar__icons{display:flex; gap:8px; margin-left:auto}
.theme2026 .icon-btn{width:38px; height:38px; border-radius:8px; border:0; background:transparent; color:var(--text-soft); display:flex; align-items:center; justify-content:center; position:relative}
.theme2026 .icon-btn--border{border:1px solid var(--border); background:#fff; color:var(--text)}
.theme2026 .icon-btn.is-active{border-color:var(--brand-600); color:var(--brand-600)}
.theme2026 .icon-btn--cart .cart-badge{position:absolute; top:2px; right:2px; background:var(--price); color:#fff; font-size:.69rem; font-weight:700; border-radius:999px; min-width:15px; height:15px; display:flex; align-items:center; justify-content:center; padding:0 3px}

/* header mobile: hamburger + drawer + thu gon topbar */
.theme2026 .mobile-menu-btn,.theme2026 .mobile-search-btn,.theme2026 .hotline-mobile-btn{display:none}
@media (max-width:900px){
  .theme2026 .topbar{padding-block:10px}
  .theme2026 .topbar__row{gap:10px}
  .theme2026 .logo img{height:32px}
  .theme2026 .mobile-menu-btn{display:flex; align-items:center; justify-content:center; width:38px; height:38px; border:0; background:transparent; color:#fff; flex:none; padding:0}
  .theme2026 .searchbox{display:none; order:5; flex:1 1 100%; width:100%; margin-top:10px}
  .theme2026 .searchbox.is-open{display:flex}
  .theme2026 .hotline{display:none}
  .theme2026 .mobile-search-btn{display:flex; align-items:center; justify-content:center; width:38px; height:38px; border:0; background:transparent; color:#fff; flex:none; margin-left:auto; padding:0}
  .theme2026 .hotline-mobile-btn{display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:999px; background:rgba(255,255,255,.15); color:#fff; flex:none}
  .theme2026 .navbar{display:none}
}
.theme2026 .mobile-drawer-overlay{position:fixed; inset:0; background:rgba(11,17,35,.6); z-index:998; display:none}
.theme2026 .mobile-drawer-overlay.is-open{display:block}
.theme2026 .mobile-drawer{position:fixed; top:0; left:0; bottom:0; width:82%; max-width:340px; background:#fff; z-index:999; transform:translateX(-100%); transition:transform .25s ease; display:flex; flex-direction:column; overflow-y:auto; padding-top:env(safe-area-inset-top, 0px)}
.theme2026 .mobile-drawer.is-open{transform:translateX(0)}
.theme2026 .mobile-drawer__head{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--border); flex:none}
.theme2026 .mobile-drawer__head img{height:32px}
.theme2026 .mobile-drawer__close{width:34px; height:34px; border:0; background:var(--surface-alt); border-radius:999px; font-size:1.3rem; line-height:1; color:var(--text); cursor:pointer}
.theme2026 .mobile-drawer__links{display:flex; flex-direction:column; padding:6px 0}
.theme2026 .mobile-drawer__links > a{padding:13px 18px; font-weight:600; font-size:.96rem; color:var(--text); border-bottom:1px solid var(--border)}
.theme2026 .mobile-drawer__links > a.is-active{color:var(--brand-600)}
.theme2026 .mobile-drawer__cat{border-bottom:1px solid var(--border)}
.theme2026 .mobile-drawer__cat-toggle{width:100%; display:flex; align-items:center; justify-content:space-between; padding:13px 18px; font-weight:600; font-size:.96rem; color:var(--text); background:none; border:0; font-family:inherit; cursor:pointer}
.theme2026 .mobile-drawer__cat-toggle.is-active{color:var(--brand-600)}
.theme2026 .mobile-drawer__cat-toggle svg{transition:transform .2s; flex:none}
.theme2026 .mobile-drawer__cat-toggle.is-open svg{transform:rotate(90deg)}
.theme2026 .mobile-drawer__cat-list{display:none; flex-direction:column; background:var(--surface-alt); padding:4px 0}
.theme2026 .mobile-drawer__cat-list.is-open{display:flex}
.theme2026 .mobile-drawer__cat-list a{padding:11px 30px; font-size:.9rem; color:var(--text-soft)}
.theme2026 .mobile-drawer__foot{padding:16px; margin-top:auto; border-top:1px solid var(--border); flex:none}
@media (min-width:901px){.theme2026 .mobile-drawer,.theme2026 .mobile-drawer-overlay{display:none !important}}

/* mega menu danh muc san pham */
.theme2026 .mega-wrap{position:relative}
.theme2026 .mega-menu{display:none; position:absolute; top:calc(100% + 8px); left:0; width:300px; max-height:70vh; overflow-y:auto; background:#fff; border:1px solid var(--border); border-radius:10px; box-shadow:0 20px 45px -20px rgba(16,24,47,.35); z-index:30; padding:8px}
.theme2026 .mega-menu.is-open{display:block}
.theme2026 .mega-item{position:relative}
.theme2026 .mega-item__link{display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:.94rem; font-weight:600; color:var(--text)}
.theme2026 .mega-item:hover > .mega-item__link, .theme2026 .mega-item.is-open > .mega-item__link{background:var(--surface-alt); color:var(--brand-600)}
.theme2026 .mega-flyout{display:none; position:fixed; width:640px; max-height:70vh; overflow-y:auto; background:#fff; border:1px solid var(--border); border-radius:10px; box-shadow:0 20px 45px -20px rgba(16,24,47,.35); padding:18px; column-count:2; column-gap:24px; z-index:40}
.theme2026 .mega-item:hover > .mega-flyout, .theme2026 .mega-item.is-open > .mega-flyout{display:block}
.theme2026 .mega-flyout__group{break-inside:avoid; margin-bottom:14px}
.theme2026 .mega-flyout__group > a{display:block; font-weight:700; font-size:.93rem; color:var(--brand-600); margin-bottom:6px}
.theme2026 .mega-flyout__group ul{list-style:none; margin:0; padding:0}
.theme2026 .mega-flyout__group li a{display:block; padding:4px 0; font-size:.89rem; color:var(--text-soft)}
.theme2026 .mega-flyout__group li a:hover{color:var(--brand-600)}
@media (max-width:960px){
  .theme2026 .mega-menu{position:static; width:auto; box-shadow:none; border:0; display:none}
  .theme2026 .mega-menu.is-open{display:block}
  .theme2026 .mega-flyout{position:static; width:auto; column-count:1; box-shadow:none; border:0; border-top:1px dashed var(--border); border-radius:0; display:none}
  .theme2026 .mega-item.is-open .mega-flyout{display:block}
}

/* menu so o muc "San pham" tren navbar - toan bo danh muc hien thanh cot, giong shopvnb.com */
.theme2026 .sp-menu-wrap{position:static; display:flex; align-items:center}
.theme2026 .sp-menu-hitzone{position:relative; display:inline-flex; align-items:center}
.theme2026 .sp-menu-hitzone::after{content:""; position:absolute; left:0; right:0; top:100%; height:26px; z-index:34}
.theme2026 .sp-mega-panel{display:none; position:absolute; top:100%; left:0; right:0; background:#fff; border-top:1px solid var(--border); box-shadow:0 24px 48px -24px rgba(16,24,47,.35); z-index:35; max-height:75vh; overflow-y:auto}
.theme2026 .sp-menu-wrap:hover .sp-mega-panel{display:block}
.theme2026 .sp-mega-panel__grid{display:grid; grid-template-columns:repeat(5, 1fr); gap:28px 0; padding-block:26px}
.theme2026 .sp-mega-col{padding-inline:22px}
.theme2026 .sp-mega-col:not(:nth-child(5n+1)){border-left:1px solid var(--border)}
.theme2026 .sp-mega-col__title{display:block; font-weight:800; font-size:.92rem; color:var(--brand-600); text-transform:uppercase; letter-spacing:.02em; margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid var(--border)}
.theme2026 .sp-mega-col ul{list-style:none; margin:0; padding:0}
.theme2026 .sp-mega-col li a{display:block; padding:5px 0; font-size:.88rem; color:var(--text-soft)}
.theme2026 .sp-mega-col li a:hover{color:var(--brand-600)}
.theme2026 .sp-mega-col__more{display:inline-block; margin-top:4px; font-size:.85rem; font-weight:700; color:var(--accent)}
@media (max-width:1200px){.theme2026 .sp-mega-panel__grid{grid-template-columns:repeat(3, 1fr)}.theme2026 .sp-mega-col:not(:nth-child(5n+1)){border-left:0}.theme2026 .sp-mega-col:not(:nth-child(3n+1)){border-left:1px solid var(--border)}}
@media (max-width:960px){.theme2026 .sp-mega-panel, .theme2026 .sp-menu-hitzone::after{display:none !important}}

/* ---------- buttons ---------- */
.theme2026 .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 22px; border-radius:8px; font-weight:700; font-size:.99rem; border:1px solid transparent; white-space:nowrap}
.theme2026 .btn--primary{background:var(--brand-600); color:#fff}
.theme2026 .btn--primary:hover{background:var(--brand-700)}
.theme2026 .btn--accent{background:var(--accent); color:var(--accent-ink)}
.theme2026 .btn--ghost-light{background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.5)}
.theme2026 .btn--outline{background:transparent; color:var(--brand-600); border-color:var(--brand-600)}
.theme2026 .btn--outline-light{background:rgba(255,255,255,.95); color:var(--brand-900); border-color:transparent}
.theme2026 .btn--sm{padding:8px 14px; font-size:.87rem}
.theme2026 .btn--lg{padding:15px 20px; font-size:1.04rem; flex-direction:column; gap:2px; line-height:1.3}
.theme2026 .btn--lg small{font-weight:500; font-size:.77rem; opacity:.85}
.theme2026 .btn--block{width:100%}

/* ---------- hero (rotator tu $slider_list) ---------- */
.theme2026 .hero{padding-block:22px 10px}
.theme2026 .hero__grid{display:grid; grid-template-columns:2.1fr 1fr; gap:18px}
.theme2026 .hero__main{position:relative; border-radius:var(--radius); overflow:hidden; min-height:360px; box-shadow:var(--shadow)}
.theme2026 .hero__slide{position:absolute; inset:0; background-size:cover; background-position:center; padding:38px 34px; display:none; flex-direction:column; justify-content:center; gap:14px; color:#fff}
.theme2026 .hero__slide.is-active{display:flex}
.theme2026 .hero__eyebrow{font-weight:800; letter-spacing:.12em; color:var(--accent); font-size:.89rem}
.theme2026 .hero__slide h1{color:#fff; max-width:480px}
.theme2026 .hero__sub{max-width:420px; color:#dfe6fb; font-size:1.01rem}
.theme2026 .hero__cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:6px}
.theme2026 .hero__arrow{position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:999px; background:rgba(255,255,255,.85); color:var(--brand-900); border:0; display:flex; align-items:center; justify-content:center; z-index:5}
.theme2026 .hero__arrow--l{left:14px}
.theme2026 .hero__arrow--r{right:14px}
.theme2026 .hero__dots{position:absolute; left:0; right:0; bottom:14px; display:flex; justify-content:center; gap:6px; z-index:5}
.theme2026 .hero__dots button{width:8px; height:8px; border-radius:999px; background:rgba(255,255,255,.5); border:0; padding:0}
.theme2026 .hero__dots button.is-active{background:var(--accent)}
.theme2026 .hero__side{border-radius:var(--radius); background-size:cover; background-position:center; min-height:360px; display:flex; flex-direction:column; justify-content:flex-end; padding:26px; color:#fff; box-shadow:var(--shadow)}
.theme2026 .hero__side p{font-size:1rem; font-weight:700; line-height:1.4; margin-bottom:14px}
.theme2026 .hero__side strong{color:var(--accent)}
@media (max-width:900px){.theme2026 .hero__grid{grid-template-columns:1fr}}

/* ---------- benefits ---------- */
.theme2026 .benefits{padding-block:22px}
.theme2026 .benefits__grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.theme2026 .benefit{display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:18px}
.theme2026 .benefit__ic{color:var(--brand-600); flex:none}
.theme2026 .benefit strong{display:block; font-size:1.01rem; margin-bottom:3px}
.theme2026 .benefit p{font-size:.87rem; color:var(--text-soft)}
@media (max-width:900px){.theme2026 .benefits__grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- sections ---------- */
.theme2026 .section{padding-block:30px}
.theme2026 .section--alt{background:var(--surface-alt)}
.theme2026 .section__head{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:18px; gap:12px; flex-wrap:wrap}
.theme2026 .link-more{color:var(--brand-600); font-weight:700; font-size:.94rem; display:flex; align-items:center; gap:4px}

.theme2026 .cat-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:14px}
.theme2026 .cat-card{background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; box-shadow:var(--shadow); position:relative}
.theme2026 .cat-card__img-wrap{aspect-ratio:1/1; width:100%; overflow:hidden; background:var(--surface-alt)}
.theme2026 .cat-card__img-wrap img{width:100%; height:100%; object-fit:cover; object-position:center; display:block}
.theme2026 .cat-card__body{padding:12px 14px 16px}
.theme2026 .cat-card__name{font-weight:700; font-size:.92rem; margin-bottom:3px}
.theme2026 .cat-card__desc{font-size:.8rem; color:var(--text-soft)}
.theme2026 .cat-card__go{position:absolute; right:12px; bottom:14px; color:var(--brand-600)}
@media (max-width:1100px){.theme2026 .cat-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.theme2026 .cat-grid{grid-template-columns:repeat(2,1fr)}}

.theme2026 .tabs{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px}
.theme2026 .tab-btn{border:1px solid var(--border); background:#fff; color:var(--text-soft); padding:9px 18px; border-radius:999px; font-weight:700; font-size:.91rem}
.theme2026 .tab-btn.is-active{background:var(--brand-600); border-color:var(--brand-600); color:#fff}
.theme2026 .tab-panel{display:none}
.theme2026 .tab-panel.is-active{display:block}

.theme2026 .p-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.theme2026 .p-grid--sm{grid-template-columns:repeat(4,1fr)}
.theme2026 .p-card{background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; box-shadow:var(--shadow)}
.theme2026 .p-card__media{position:relative; aspect-ratio:1/1; background:var(--surface-alt); display:block}
.theme2026 .p-card__media img{width:100%; height:100%; object-fit:cover}
.theme2026 .p-card__fav{position:absolute; top:8px; right:8px; background:rgba(255,255,255,.92); color:var(--text-soft); width:30px; height:30px; border-radius:999px}
.theme2026 .p-card__badge{position:absolute; left:8px; top:8px; background:var(--price); color:#fff; font-size:.71rem; font-weight:700; padding:4px 8px; border-radius:999px}
.theme2026 .p-card__body{padding:12px 14px 14px; display:flex; flex-direction:column; gap:4px; flex:1}
.theme2026 .p-card__name{font-size:.91rem; font-weight:700; line-height:1.35; min-height:2.2em}
.theme2026 .p-card__name a{color:inherit}
.theme2026 .p-card__name a:hover{color:var(--brand-600)}
.theme2026 .p-card__code{font-size:.77rem; color:var(--text-soft)}
.theme2026 .p-card__price{font-family:Menlo, Monaco, Consolas, "Courier New", monospace; color:var(--price); font-weight:700; font-size:1.07rem; margin-top:2px; font-variant-numeric:tabular-nums}
.theme2026 .p-card__old{font-size:.81rem; color:var(--text-soft); text-decoration:line-through}
.theme2026 .p-card__actions{display:flex; gap:8px; margin-top:auto; padding-top:8px}
.theme2026 .p-card__actions .btn{flex:1}
@media (max-width:1100px){.theme2026 .p-grid{grid-template-columns:repeat(3,1fr)} .theme2026 .p-grid--sm{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.theme2026 .p-grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- vi sao chon (home + danh muc) ---------- */
.theme2026 .why-section{background:#eaf0fb}
.theme2026 .center-title{text-align:center; margin-bottom:24px}
.theme2026 .why-chip-row{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.theme2026 .why-chip{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:22px 16px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px}
.theme2026 .why-chip strong{font-size:1rem}
.theme2026 .why-chip p{font-size:.88rem; color:var(--text-soft)}
@media (max-width:900px){.theme2026 .why-chip-row{grid-template-columns:repeat(2,1fr)}}

/* ---------- Vi sao chon (trang chu, 2 cot) ---------- */
.theme2026 .why-layout{display:grid; grid-template-columns:1.6fr 1fr; gap:24px; align-items:stretch}
.theme2026 .why-sub{color:var(--text-soft); margin-top:8px; font-size:.95rem}
.theme2026 .why-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:22px}
.theme2026 .why-item{display:flex; gap:12px; align-items:flex-start}
.theme2026 .why-item__num{width:34px; height:34px; border-radius:999px; background:#fff; color:var(--brand-600); display:flex; align-items:center; justify-content:center; flex:none; box-shadow:var(--shadow)}
.theme2026 .why-item strong{display:block; font-size:.96rem; margin-bottom:4px}
.theme2026 .why-item p{font-size:.86rem; color:var(--text-soft)}
.theme2026 .why-cta{background:linear-gradient(135deg,var(--brand-900),var(--brand-600)); border-radius:var(--radius); padding:28px; color:#fff; display:flex; flex-direction:column; justify-content:center; gap:12px}
.theme2026 .why-cta h3{color:#fff; font-size:1.3rem}
.theme2026 .why-cta p{color:#dfe6fb; font-size:.92rem}
.theme2026 .why-cta .btn{align-self:flex-start; margin-top:6px}
@media (max-width:900px){.theme2026 .why-layout{grid-template-columns:1fr} .theme2026 .why-grid{grid-template-columns:1fr}}

/* ---------- Giai phap theo khong gian ---------- */
.theme2026 .space-grid{display:grid; grid-template-columns:2fr repeat(4,1fr); grid-template-rows:repeat(2,190px); gap:14px}
.theme2026 .space-tile{position:relative; border-radius:var(--radius); background-size:cover; background-position:center; overflow:hidden; box-shadow:var(--shadow); grid-column:span 2; grid-row:span 1}
.theme2026 .space-tile--big{grid-column:1; grid-row:1/3}
.theme2026 .space-grid a:nth-of-type(2), .theme2026 .space-grid a:nth-of-type(3){grid-row:1}
.theme2026 .space-grid a:nth-of-type(4), .theme2026 .space-grid a:nth-of-type(5), .theme2026 .space-grid a:nth-of-type(6), .theme2026 .space-grid a:nth-of-type(7){grid-column:span 1; grid-row:2}
.theme2026 .space-tile__body{position:absolute; left:0; right:0; bottom:0; padding:16px; display:flex; flex-direction:column; gap:6px; color:#fff}
.theme2026 .space-tile__body strong{font-size:1.05rem}
.theme2026 .space-tile--big .space-tile__body strong{font-size:1.4rem}
.theme2026 .space-tile__body span{font-size:.88rem; color:#dfe6fb}
.theme2026 .space-tile__body svg{align-self:flex-start; margin-top:2px}
@media (max-width:1100px){.theme2026 .space-grid{grid-template-columns:repeat(2,1fr); grid-template-rows:auto} .theme2026 .space-tile, .theme2026 .space-tile--big{grid-column:span 1 !important; grid-row:auto !important; min-height:220px}}

/* ---------- vi sao chon, dang hang ngang khong khung (trang danh muc) ---------- */
.theme2026 .why-plain-row{display:grid; grid-template-columns:repeat(5,1fr); gap:20px; text-align:center}
.theme2026 .why-plain{display:flex; flex-direction:column; align-items:center; gap:8px}
.theme2026 .why-plain__ic{width:56px; height:56px; border-radius:999px; background:var(--surface-alt); color:var(--brand-600); display:flex; align-items:center; justify-content:center}
.theme2026 .why-plain strong{font-size:.94rem}
.theme2026 .why-plain p{font-size:.82rem; color:var(--text-soft)}
@media (max-width:900px){.theme2026 .why-plain-row{grid-template-columns:repeat(2,1fr)}}

/* ---------- promo banner (trang danh muc) ---------- */
.theme2026 .promo-banner{border-radius:var(--radius); background-size:cover; background-position:center; padding:36px; min-height:230px; display:flex; align-items:center; box-shadow:var(--shadow)}
.theme2026 .promo-banner__text{max-width:460px; color:#fff}
.theme2026 .promo-banner__text h2{color:#fff; font-size:1.5rem; margin-bottom:14px}
.theme2026 .promo-check{list-style:none; margin:0 0 18px; padding:0; display:flex; flex-direction:column; gap:8px}
.theme2026 .promo-check li{display:flex; align-items:center; gap:8px; font-size:.92rem}
.theme2026 .promo-check svg{color:var(--accent); flex:none}

/* ---------- danh muc lien quan ---------- */
.theme2026 .mini-cat-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px}
.theme2026 .mini-cat{display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:10px; box-shadow:var(--shadow)}
.theme2026 .mini-cat img{width:52px; height:52px; border-radius:8px; object-fit:cover; flex:none}
.theme2026 .mini-cat div{flex:1; min-width:0}
.theme2026 .mini-cat strong{display:block; font-size:.88rem}
.theme2026 .mini-cat span{font-size:.78rem; color:var(--text-soft)}
.theme2026 .mini-cat svg{color:var(--brand-600); flex:none}
@media (max-width:1100px){.theme2026 .mini-cat-grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- FAQ ---------- */
.theme2026 .faq-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px 28px}
.theme2026 .faq-item{background:#fff; border:1px solid var(--border); border-radius:10px; padding:14px 16px; margin-bottom:12px}
.theme2026 .faq-item summary{cursor:pointer; font-weight:700; font-size:.94rem; display:flex; justify-content:space-between; align-items:center; list-style:none; gap:10px}
.theme2026 .faq-item summary::-webkit-details-marker{display:none}
.theme2026 .faq-item summary svg{transition:transform .15s; color:var(--text-soft); flex:none}
.theme2026 .faq-item[open] summary svg{transform:rotate(90deg)}
.theme2026 .faq-item p{font-size:.88rem; color:var(--text-soft); margin-top:10px; line-height:1.6}
@media (max-width:800px){.theme2026 .faq-grid{grid-template-columns:1fr}}

/* ---------- newsletter ---------- */
.theme2026 .newsletter{background:var(--brand-900); padding-block:26px}
.theme2026 .newsletter__row{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap}
.theme2026 .newsletter strong{color:#fff; display:block; margin-bottom:10px; font-size:1.02rem}
.theme2026 .newsletter__form{display:flex; gap:8px; flex-wrap:wrap}
.theme2026 .newsletter__form input{border:0; border-radius:8px; padding:10px 14px; width:260px; font-size:.92rem}
.theme2026 .newsletter__note{color:#a9b8e6; font-size:.78rem; margin-top:6px}
.theme2026 .newsletter__social{display:flex; align-items:center; gap:10px; color:#c9d5f5; font-size:.88rem}
.theme2026 .newsletter__social a{display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:999px; border:1px solid rgba(255,255,255,.3)}

/* ---------- Cong trinh tieu bieu ---------- */
.theme2026 .project-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px}
.theme2026 .project-card{background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow)}
.theme2026 .project-card__ph{aspect-ratio:4/3; background:linear-gradient(135deg,var(--brand-900),var(--brand-600)); color:rgba(255,255,255,.6); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; padding:10px}
.theme2026 .project-card__ph span{font-size:.76rem; color:rgba(255,255,255,.85); max-width:150px}
.theme2026 .project-card__name{font-weight:700; font-size:.94rem; padding:12px 14px 2px}
.theme2026 .project-card__meta{font-size:.82rem; color:var(--text-soft); padding:0 14px}
.theme2026 .project-card__link{display:block; padding:10px 14px 14px; color:var(--brand-600); font-weight:700; font-size:.88rem}
@media (max-width:1100px){.theme2026 .project-grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- tin tuc (home) ---------- */
.theme2026 .news-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:16px; margin-top:6px}
.theme2026 .news-card img{aspect-ratio:4/3; object-fit:cover; border-radius:var(--radius); margin-bottom:10px}
.theme2026 .news-card__title{font-size:.92rem; font-weight:700; line-height:1.4}
.theme2026 .news-card__date{font-size:.8rem; color:var(--text-soft); margin-top:6px}
@media (max-width:1100px){.theme2026 .news-grid{grid-template-columns:repeat(2,1fr)}}

/* khuyen mai (sp_khuyen_mai / km_list) */
.theme2026 .km-card{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:14px; display:flex; flex-direction:column; gap:8px; box-shadow:var(--shadow)}
.theme2026 .km-card__time{font-size:.79rem; color:var(--price); font-weight:700}

/* ---------- category page ---------- */
.theme2026 .crumb{padding-block:14px; font-size:.89rem; color:var(--text-soft); display:flex; align-items:center; gap:6px; flex-wrap:wrap}
.theme2026 .crumb a:hover{color:var(--brand-600)}
.theme2026 .crumb strong{color:var(--text); font-weight:600}

.theme2026 .cat-hero-wrap{padding-block:6px 20px}
.theme2026 .cat-hero-plain{display:flex; align-items:center; justify-content:space-between; gap:24px; background:var(--surface-alt); border-radius:var(--radius); padding:30px 34px; overflow:hidden}
.theme2026 .cat-hero-plain__text{max-width:560px}
.theme2026 .cat-hero-plain__sub{color:var(--brand-600); font-weight:700; margin-top:6px; font-size:1.04rem}
.theme2026 .cat-hero-plain__desc{color:var(--text-soft); font-size:.97rem; margin-top:10px; line-height:1.6}
.theme2026 .cat-hero-plain__img{width:260px; height:200px; object-fit:cover; border-radius:var(--radius); flex:none}
@media (max-width:900px){.theme2026 .cat-hero-plain{flex-direction:column; align-items:flex-start} .theme2026 .cat-hero-plain__img{width:100%; height:180px}}

.theme2026 .feature-chips{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:16px}
.theme2026 .feature-chip{display:flex; gap:10px; align-items:center; background:#fff; border:1px solid var(--border); border-radius:10px; padding:12px 14px}
.theme2026 .feature-chip__ic{color:var(--brand-600); flex:none}
.theme2026 .feature-chip strong{font-size:.9rem; display:block}
.theme2026 .feature-chip p{font-size:.8rem; color:var(--text-soft); margin-top:2px}
@media (max-width:900px){.theme2026 .feature-chips{grid-template-columns:repeat(2,1fr)}}

.theme2026 .subcat-row{display:flex; gap:22px; overflow-x:auto; padding-block:6px 26px}
.theme2026 .subcat-ic{flex:none; display:flex; flex-direction:column; align-items:center; gap:8px; width:76px; text-align:center}
.theme2026 .subcat-ic img{width:64px; height:64px; border-radius:999px; object-fit:cover; border:1px solid var(--border)}
.theme2026 .subcat-ic span{font-size:.79rem; color:var(--text-soft); font-weight:600}

.theme2026 .filter-actions{display:flex; flex-direction:column; gap:8px; margin-top:6px}
.theme2026 .consult-card{background:var(--surface-alt); border-radius:10px; padding:14px; margin-top:16px; font-size:.89rem}
.theme2026 .consult-card strong{display:block; margin-bottom:4px; font-size:.94rem}
.theme2026 .consult-card p{color:var(--text-soft); margin-bottom:8px}

.theme2026 .cat-layout{display:grid; grid-template-columns:270px 1fr; gap:22px; padding-bottom:40px}
.theme2026 .filters{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:18px; align-self:start; position:sticky; top:20px}
.theme2026 .filters__title{font-size:1rem; margin-bottom:14px; letter-spacing:.02em}
.theme2026 .filter-block{padding-block:14px; border-top:1px solid var(--border)}
.theme2026 .filter-block:first-of-type{border-top:0; padding-top:0}
.theme2026 .filter-block__head{font-weight:700; font-size:.91rem; margin-bottom:10px}
.theme2026 .chip-row{display:flex; flex-wrap:wrap; gap:6px}
.theme2026 .search-empty-suggest{margin-top:26px; padding-top:22px; border-top:1px solid var(--border)}
.theme2026 .search-empty-suggest p{color:var(--text-soft); font-size:.92rem; margin-bottom:12px}

/* ---- Trang gio hang (?ui=2026) ---- */
.theme2026 .cart-hero__count{font-size:1.1rem; color:var(--text-soft); font-weight:400}
.theme2026 .cart-layout{display:grid; grid-template-columns:1fr 320px; gap:22px; padding-block:28px}
.theme2026 .cart-items-card{background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; min-width:0}
.theme2026 .cart-line{display:grid; grid-template-columns:70px 1fr auto auto; align-items:center; gap:16px; padding:16px 20px; border-bottom:1px solid var(--border)}
.theme2026 .cart-line:last-child{border-bottom:0}
.theme2026 .cart-line__media{width:70px; height:70px; border-radius:8px; overflow:hidden; flex:none; display:block}
.theme2026 .cart-line__media img{width:100%; height:100%; object-fit:cover; display:block}
.theme2026 .cart-line__info{min-width:0}
.theme2026 .cart-line__name{color:var(--text); font-weight:600; font-size:.94rem; display:block}
.theme2026 .cart-line__name:hover{color:var(--brand-600)}
.theme2026 .cart-line__attr{color:var(--text-soft); font-size:.82rem; margin-top:2px}
.theme2026 .cart-line__remove{display:inline-flex; align-items:center; gap:4px; color:var(--price); font-size:.79rem; margin-top:6px; cursor:pointer}
.theme2026 .cart-line__price{text-align:right; font-weight:700; color:var(--price); white-space:nowrap; font-size:.92rem}
.theme2026 .cart-line__price-old{display:block; color:var(--text-soft); text-decoration:line-through; font-weight:400; font-size:.78rem}
.theme2026 .cart-line__total{text-align:right; font-weight:700; color:var(--text); white-space:nowrap; min-width:100px}
.theme2026 .qty-stepper-gh{display:inline-flex; align-items:center; border:1px solid var(--border); border-radius:8px; overflow:hidden}
.theme2026 .qty-stepper-gh__btn{width:30px; height:32px; border:0; background:var(--surface-alt); color:var(--text); font-size:1rem; cursor:pointer; line-height:1}
.theme2026 .qty-stepper-gh__btn:hover{background:var(--border)}
.theme2026 .qty-stepper-gh__input{width:40px; height:32px; border:0; border-left:1px solid var(--border); border-right:1px solid var(--border); text-align:center; font-size:.9rem; font-family:inherit}
@media (max-width:900px){
  .theme2026 .cart-layout{grid-template-columns:1fr}
  .theme2026 .cart-line{grid-template-columns:56px 1fr; grid-template-areas:"media info" "media price" "media qty" "media total"; row-gap:6px}
  .theme2026 .cart-line__media{grid-area:media; width:56px; height:56px}
  .theme2026 .cart-line__info{grid-area:info}
  .theme2026 .cart-line__price{grid-area:price; text-align:left}
  .theme2026 .cart-line__qty{grid-area:qty}
  .theme2026 .cart-line__total{grid-area:total; text-align:left}
}
.theme2026 .cart-summary-card{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:22px; align-self:start; display:flex; flex-direction:column; gap:12px}
.theme2026 .cart-summary-card h3{font-size:1.05rem}
.theme2026 .cart-summary-card__row{display:flex; align-items:center; justify-content:space-between; font-size:.98rem}
.theme2026 .cart-summary-card__row strong{color:var(--price); font-size:1.15rem}
.theme2026 .cart-summary-card__note{color:var(--text-soft); font-size:.79rem; margin-top:-8px}
.theme2026 .cart-empty-2026{display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:60px 20px; color:var(--text-soft)}
.theme2026 .cart-empty-2026 svg{color:var(--border)}
.theme2026 .cart-empty-2026 h2{color:var(--text); font-size:1.3rem}
.theme2026 .cart-empty-2026 .btn{margin-top:10px}
.theme2026 .chip{border:1px solid var(--border); background:var(--surface-alt); color:var(--text-soft); font-size:.81rem; padding:6px 10px; border-radius:999px; cursor:pointer}
.theme2026 .chip.is-active{background:var(--brand-600); border-color:var(--brand-600); color:#fff}
.theme2026 .cat-tree{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px}
.theme2026 .cat-tree li a{display:flex; justify-content:space-between; padding:6px 8px; border-radius:6px; font-size:.91rem; color:var(--text-soft)}
.theme2026 .cat-tree li.is-active > a{background:var(--surface-alt); color:var(--brand-600); font-weight:700}
.theme2026 .cat-tree li a em{font-style:normal; color:var(--text-soft); font-size:.81rem}
.theme2026 .cat-tree ul{list-style:none; margin:2px 0 4px 12px; padding:0}
.theme2026 .checkline{display:flex; align-items:center; gap:8px; font-size:.91rem; padding-block:5px; color:var(--text-soft)}
.theme2026 .checkline em{font-style:normal; margin-left:auto; font-size:.81rem}

.theme2026 .cat-toolbar{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; flex-wrap:wrap; gap:10px}
.theme2026 .cat-toolbar h2 span{color:var(--text-soft); font-weight:600; font-size:.94rem}
.theme2026 .cat-toolbar__right{display:flex; align-items:center; gap:8px}
.theme2026 .cat-toolbar__right select{border:1px solid var(--border); border-radius:8px; padding:8px 10px; font-size:.89rem; background:#fff; color:var(--text)}
@media (max-width:960px){.theme2026 .cat-layout{grid-template-columns:1fr} .theme2026 .filters{position:static}}

.theme2026 .pagging-css .pagination{display:flex; gap:6px; list-style:none; margin:22px 0 0; padding:0; justify-content:center; flex-wrap:wrap}
.theme2026 .pagging-css .pagination li a,.theme2026 .pagging-css .pagination li.active a{display:flex; align-items:center; justify-content:center; min-width:34px; height:34px; border-radius:8px; border:1px solid var(--border); background:#fff; color:var(--text-soft); font-weight:700; font-size:.91rem; padding:0 6px}
.theme2026 .pagging-css .pagination li.active a{background:var(--brand-600); border-color:var(--brand-600); color:#fff}

.theme2026 .no-product{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:30px; text-align:center; color:var(--text-soft)}

/* ---------- product detail ---------- */
.theme2026 .detail-layout{display:grid; grid-template-columns:420px 1fr 300px; gap:26px; margin-block:20px 40px; background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:28px}
.theme2026 .gallery{display:flex; gap:12px; flex-wrap:wrap}
.theme2026 .gallery__thumbs{display:flex; flex-direction:column; gap:10px; width:68px}
.theme2026 .gallery__thumbs img{border:2px solid var(--border); border-radius:8px; aspect-ratio:1/1; object-fit:cover; cursor:pointer}
.theme2026 .gallery__thumbs img.is-active{border-color:var(--brand-600)}
.theme2026 .gallery__main{position:relative; flex:1; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; background:#fff; min-width:260px}
.theme2026 .gallery__main img{width:100%; aspect-ratio:1/1; object-fit:cover; cursor:zoom-in; display:block}
.theme2026 .gallery__nav{position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.92); color:var(--text); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:var(--shadow); z-index:2}
.theme2026 .gallery__nav:hover{background:#fff; color:var(--brand-600)}
.theme2026 .gallery__nav--l{left:12px}
.theme2026 .gallery__nav--r{right:12px}
.theme2026 .gallery__zoom-btn{position:absolute; right:12px; bottom:12px; width:34px; height:34px; border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.92); color:var(--text); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:var(--shadow); z-index:2}
.theme2026 .gallery__zoom-btn:hover{background:#fff; color:var(--brand-600)}
.theme2026 .gallery__zoom-lens{position:absolute; inset:0; z-index:1; background-repeat:no-repeat; opacity:0; pointer-events:none; transition:opacity .12s}
.theme2026 .gallery__zoom-lens.is-active{opacity:1}

.theme2026 .lightbox2026{position:fixed; inset:0; background:rgba(11,17,35,.94); z-index:2000; display:none; align-items:center; justify-content:center}
.theme2026 .lightbox2026.is-open{display:flex}
.theme2026 .lightbox2026__img{max-width:min(92vw,1100px); max-height:86vh; object-fit:contain; -webkit-user-select:none; user-select:none}
.theme2026 .lightbox2026__close{position:absolute; top:18px; right:22px; width:40px; height:40px; border-radius:999px; border:0; background:rgba(255,255,255,.12); color:#fff; font-size:1.6rem; line-height:1; cursor:pointer}
.theme2026 .lightbox2026__close:hover{background:rgba(255,255,255,.24)}
.theme2026 .lightbox2026__nav{position:absolute; top:50%; transform:translateY(-50%); width:46px; height:46px; border-radius:999px; border:0; background:rgba(255,255,255,.12); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer}
.theme2026 .lightbox2026__nav:hover{background:rgba(255,255,255,.24)}
.theme2026 .lightbox2026__nav--l{left:18px}
.theme2026 .lightbox2026__nav--r{right:18px}
.theme2026 .lightbox2026__count{position:absolute; bottom:20px; left:50%; transform:translateX(-50%); color:#fff; font-size:.85rem; background:rgba(255,255,255,.12); padding:5px 14px; border-radius:999px}
@media (max-width:640px){
  .theme2026 .gallery__nav{width:32px; height:32px}
  .theme2026 .lightbox2026__nav{width:38px; height:38px}
  .theme2026 .gallery__zoom-lens{display:none}
}
.theme2026 .detail-info{display:flex; flex-direction:column; gap:12px}
.theme2026 .badge-flag{align-self:flex-start; background:var(--price); color:#fff; font-size:.79rem; font-weight:700; padding:4px 10px; border-radius:6px}
.theme2026 .detail-meta{display:flex; gap:16px; flex-wrap:wrap; font-size:.89rem; color:var(--text-soft)}
.theme2026 .detail-meta .in-stock{color:var(--success)}
.theme2026 .price-row{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.theme2026 .detail-price{font-family:Menlo, Monaco, Consolas, "Courier New", monospace; color:var(--price); font-size:1.99rem; font-weight:800; font-variant-numeric:tabular-nums}
.theme2026 .market-price{font-size:.89rem; color:var(--text-soft)}
.theme2026 .market-price s{opacity:.8}
.theme2026 .qty-row{display:flex; align-items:center; gap:14px; font-size:.94rem}
.theme2026 .qty-control{display:flex; align-items:center; border:1px solid var(--border); border-radius:8px; overflow:hidden}
.theme2026 .qty-control button{border:0; background:var(--surface-alt); width:32px; height:32px; font-size:1rem; color:var(--text)}
.theme2026 .qty-control input{width:44px; text-align:center; border:0; border-left:1px solid var(--border); border-right:1px solid var(--border); height:32px; background:#fff; color:var(--text)}
.theme2026 .detail-cta{display:flex; gap:12px}
.theme2026 .detail-cta .btn{flex:1}
.theme2026 .detail-check{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; font-size:.91rem}
.theme2026 .detail-check li{display:flex; align-items:center; gap:8px; color:var(--text-soft)}
.theme2026 .detail-check svg{color:var(--success); flex:none}
.theme2026 .variant-block{margin-top:6px}
.theme2026 .variant-block__head{font-size:.89rem; font-weight:700; margin-bottom:8px}
.theme2026 .variant-list{display:flex; flex-wrap:wrap; gap:8px}
.theme2026 .variant-chip{border:1px solid var(--border); border-radius:8px; padding:8px 12px; font-size:.87rem; color:var(--text)}
.theme2026 .variant-chip.is-active{border-color:var(--brand-600); color:var(--brand-600); font-weight:700}
.theme2026 .variant-chip--pick{background:var(--surface); cursor:pointer; font-family:inherit; transition:border-color .15s,color .15s}
.theme2026 .variant-chip--pick:hover{border-color:var(--brand-500)}
.theme2026 .variant-chip--pick.is-selected{border-color:var(--brand-600); color:#fff; background:var(--brand-600); font-weight:700}
.theme2026 .variant-chip--pick:disabled{opacity:.4; cursor:not-allowed; text-decoration:line-through}
.theme2026 .variant-note{font-size:.85rem; color:var(--text-soft); margin:10px 0 0}
.theme2026 .variant-note.is-warn{color:var(--price); font-weight:600}

.theme2026 .support-card{background:var(--surface-alt); border-radius:var(--radius); padding:18px; align-self:start; display:flex; flex-direction:column; gap:14px}
.theme2026 .region-tabs{display:flex; gap:6px; background:#fff; padding:4px; border-radius:8px; border:1px solid var(--border)}
.theme2026 .region-tab{flex:1; border:0; background:transparent; padding:8px; border-radius:6px; font-size:.83rem; font-weight:700; color:var(--text-soft)}
.theme2026 .region-tab.is-active{background:var(--brand-600); color:#fff}
.theme2026 .zalo-btn{display:flex; align-items:center; justify-content:center; gap:6px; margin-top:10px; padding:8px 10px; border-radius:8px; background:#0068ff; color:#fff; font-size:.83rem; font-weight:700}
.theme2026 .zalo-btn:hover{background:#0052cc; color:#fff}
.theme2026 .region-panel{display:none; font-size:.87rem; color:var(--text-soft)}
.theme2026 .region-panel.is-active{display:block}
.theme2026 .region-panel li{list-style:none; display:flex; gap:8px; padding-block:4px}
.theme2026 .region-panel ul{margin:0; padding:0}
.theme2026 .region-panel svg{flex:none; margin-top:2px; color:var(--brand-600)}
.theme2026 .support-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
.theme2026 .support-list li{display:flex; gap:10px; font-size:.87rem; color:var(--text-soft)}
.theme2026 .support-list svg{color:var(--brand-600); flex:none; margin-top:2px}
.theme2026 .support-list strong{display:block; color:var(--text); font-size:.91rem}

.theme2026 .detail-tabs{grid-column:1 / -1}
.theme2026 .rte{font-size:.95rem; color:var(--text-soft); line-height:1.75}
.theme2026 .rte p{margin:0 0 12px}
.theme2026 .rte h1,.theme2026 .rte h2,.theme2026 .rte h3,.theme2026 .rte h4{color:var(--text); margin:20px 0 10px; line-height:1.3}
.theme2026 .rte h1:first-child,.theme2026 .rte h2:first-child,.theme2026 .rte h3:first-child,.theme2026 .rte h4:first-child{margin-top:0}
.theme2026 .rte ul,.theme2026 .rte ol{margin:0 0 12px; padding-left:22px}
.theme2026 .rte li{margin-bottom:4px}
.theme2026 .rte a{color:var(--brand-600); text-decoration:underline}
.theme2026 .rte img{max-width:100%; height:auto; border-radius:8px; margin-block:10px}
.theme2026 .rte table{width:100%; border-collapse:collapse; margin:0 0 14px; font-size:.9rem}
.theme2026 .rte table th,.theme2026 .rte table td{text-align:left; padding:10px 14px; border:1px solid var(--border)}
.theme2026 .rte table th{background:var(--surface-alt); color:var(--text-soft); font-weight:600}
.theme2026 .rte blockquote{border-left:3px solid var(--brand-600); margin:0 0 12px; padding:8px 16px; background:var(--surface-alt); color:var(--text)}
.theme2026 .spec-rich{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--border)}
.theme2026 .spec-layout{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:24px}
.theme2026 .spec-table{width:100%; border-collapse:collapse; font-size:.9rem; align-self:start}
.theme2026 .spec-table th,.theme2026 .spec-table td{text-align:left; padding:10px 14px; border-bottom:1px solid var(--border)}
.theme2026 .spec-table th{width:150px; color:var(--text-soft); font-weight:600; background:var(--surface-alt)}
.theme2026 .spec-dims__head,.theme2026 .spec-related__head{font-weight:700; font-size:.94rem; margin-bottom:12px}
.theme2026 .spec-dims__imgs{display:flex; gap:10px; flex-wrap:wrap}
.theme2026 .spec-dims__imgs div{flex:1; min-width:110px; max-width:180px; text-align:center}
.theme2026 .spec-dims__imgs img{border-radius:8px; aspect-ratio:1/1; object-fit:cover; margin-bottom:6px}
.theme2026 .spec-dims__imgs span{font-size:.78rem; color:var(--text-soft)}
.theme2026 .spec-related .p-grid--sm{grid-template-columns:repeat(2,1fr)}
@media (max-width:1100px){.theme2026 .spec-layout{grid-template-columns:1fr}}

/* ---------- tab gach chan (chi trong khoi chi tiet san pham) ---------- */
.theme2026 .detail-tabs > .tabs{gap:26px; border-bottom:1px solid var(--border); margin-bottom:22px; flex-wrap:wrap}
.theme2026 .detail-tabs > .tabs .tab-btn{border:0; background:transparent; border-radius:0; padding:6px 0 14px; color:var(--text-soft); position:relative; font-size:.92rem; font-weight:700}
.theme2026 .detail-tabs > .tabs .tab-btn.is-active{background:transparent; color:var(--brand-600)}
.theme2026 .detail-tabs > .tabs .tab-btn.is-active::after{content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--brand-600)}

.theme2026 .desc-block{grid-column:1/-1; border-top:1px solid var(--border); margin-top:30px; padding-top:26px}
.theme2026 .desc-block h2{margin-bottom:16px}
.theme2026 .desc-layout{display:grid; grid-template-columns:1.5fr 1fr; gap:26px; align-items:start}
.theme2026 .desc-content{font-size:.97rem; color:var(--text-soft); line-height:1.75}
.theme2026 .desc-content img{border-radius:var(--radius); margin-block:12px}
.theme2026 .desc-collapsible{position:relative; max-height:220px; overflow:hidden; transition:max-height .3s ease}
.theme2026 .desc-collapsible::after{content:""; position:absolute; left:0; right:0; bottom:0; height:64px; background:linear-gradient(180deg, rgba(255,255,255,0), #fff 85%); pointer-events:none}
.theme2026 .desc-collapsible.is-expanded{max-height:none}
.theme2026 .desc-collapsible.is-expanded::after{display:none}
.theme2026 .desc-toggle{display:none; align-items:center; gap:6px; margin-top:14px; background:transparent; border:0; color:var(--brand-600); font-weight:700; font-size:.9rem; padding:0}
.theme2026 .desc-toggle.is-visible{display:inline-flex}
.theme2026 .desc-toggle svg{transition:transform .2s}
.theme2026 .desc-toggle.is-expanded svg{transform:rotate(180deg)}
.theme2026 .desc-photo{border-radius:var(--radius); width:100%; aspect-ratio:4/3; object-fit:cover}
.theme2026 .video-card{position:relative; display:block; border-radius:var(--radius); overflow:hidden; aspect-ratio:4/3}
.theme2026 .video-card img{width:100%; height:100%; object-fit:cover}
.theme2026 .video-card__play{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:56px; height:56px; border-radius:999px; background:rgba(255,255,255,.92); color:var(--brand-600); display:flex; align-items:center; justify-content:center}
.theme2026 .video-card__label{position:absolute; left:0; right:0; bottom:0; background:linear-gradient(0deg, rgba(0,0,0,.65), transparent); color:#fff; font-size:.82rem; padding:26px 12px 10px; text-align:center}
@media (max-width:900px){.theme2026 .desc-layout{grid-template-columns:1fr}}

.theme2026 .real-photos__row{display:flex; gap:10px; overflow-x:auto}
.theme2026 .real-photos__row img{width:150px; height:150px; object-fit:cover; border-radius:10px; flex:none; cursor:pointer}
.theme2026 .real-photos__row--lg img{width:220px; height:220px}
.theme2026 .real-photos__item{flex:none; margin:0; width:220px}
.theme2026 .real-photos__item img{width:220px; height:220px; object-fit:cover; border-radius:10px; cursor:pointer; display:block}
.theme2026 .real-photos__item figcaption{font-size:.79rem; color:var(--text-soft); margin-top:6px; line-height:1.4}
.theme2026 .real-photos-wrap{position:relative}
.theme2026 .video-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); gap:14px}
.theme2026 .real-photos__arrow{position:absolute; top:50%; transform:translateY(-50%); width:34px; height:34px; border-radius:999px; background:#fff; border:1px solid var(--border); color:var(--text); display:flex; align-items:center; justify-content:center; z-index:2; box-shadow:var(--shadow)}
.theme2026 .real-photos__arrow--l{left:-6px}
.theme2026 .real-photos__arrow--r{right:-6px}

.theme2026 .review-layout{display:grid; grid-template-columns:1fr 300px; gap:24px; align-items:start}
.theme2026 .review-main{display:flex; flex-direction:column; gap:14px; min-width:0}
.theme2026 .review-list{display:flex; flex-direction:column; gap:12px}
.theme2026 .review-empty{color:var(--text-soft); font-size:.85rem}
.theme2026 .review-card{background:var(--surface-alt); border-radius:var(--radius); padding:16px}
.theme2026 .review-card__head{display:flex; align-items:center; gap:10px; margin-bottom:8px}
.theme2026 .review-avatar{width:34px; height:34px; border-radius:999px; background:var(--brand-600); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; flex:none}
.theme2026 .review-card__head span{display:block; font-size:.81rem; color:var(--text-soft)}
.theme2026 .review-card p{font-size:.93rem; color:var(--text-soft); line-height:1.6; margin-top:8px}
.theme2026 .review-reply{background:#fff; border-left:3px solid var(--brand-600); border-radius:6px; padding:10px 14px; margin-top:10px}
.theme2026 .review-reply strong{font-size:.81rem; color:var(--brand-600)}
.theme2026 .review-reply p{margin-top:4px; font-size:.89rem; color:var(--text)}
.theme2026 .review-form{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:18px}
.theme2026 .review-form textarea,.theme2026 .review-form input[type="text"]{width:100%; border:1px solid var(--border); border-radius:8px; padding:10px 12px; font-size:.94rem; margin-bottom:10px; background:#fff; color:var(--text)}
.theme2026 .review-side{position:sticky; top:20px}
@media (max-width:900px){.theme2026 .review-layout{grid-template-columns:1fr}.theme2026 .review-side{position:static}}

.theme2026 .mini-rating{display:flex; align-items:center; gap:2px; color:var(--accent); font-size:.81rem}
.theme2026 .mini-rating span{color:var(--text-soft); margin-left:4px}

.theme2026 .review-summary{display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; background:var(--surface-alt); border-radius:var(--radius); padding:22px 20px}
.theme2026 .review-summary__score{display:flex; align-items:baseline; gap:3px}
.theme2026 .review-summary__score strong{font-size:2.4rem; line-height:1; color:var(--text)}
.theme2026 .review-summary__score span{font-size:1rem; color:var(--text-soft)}
.theme2026 .review-summary__stars{display:flex; gap:2px; color:var(--border)}
.theme2026 .review-summary__stars svg.is-on{color:var(--accent)}
.theme2026 .review-summary__count{font-size:.78rem; color:var(--text-soft); margin-bottom:10px}
.theme2026 .review-summary__bars{display:flex; flex-direction:column; gap:7px; width:100%}
.theme2026 .review-bar{display:grid; grid-template-columns:42px 1fr 34px; align-items:center; gap:8px; font-size:.79rem; color:var(--text-soft)}
.theme2026 .review-bar__label{text-align:left}
.theme2026 .review-bar__track{height:8px; border-radius:999px; background:var(--border)}
.theme2026 .review-bar__fill{height:100%; border-radius:999px; background:var(--accent)}
.theme2026 .review-bar__pct{text-align:right; font-variant-numeric:tabular-nums}
.theme2026 .review-summary--empty{color:var(--text-soft); font-size:.87rem; line-height:1.6}
.theme2026 .review-summary--empty p{margin:0}

.theme2026 .review-card__stars{display:flex; gap:2px; color:var(--border); margin:-2px 0 4px}
.theme2026 .review-card__stars svg.is-on{color:var(--accent)}
.theme2026 .star-picker{display:flex; gap:4px; margin-bottom:12px}
.theme2026 .star-picker__star{color:var(--border); cursor:pointer; transition:color .12s}
.theme2026 .star-picker__star.is-on{color:var(--accent)}
/* css.lbi (dung chung, khong duoc sua) co rule "svg path,svg rect{fill:#284d9b}" de len tat ca icon
   khien mau vang cua sao (var(--accent)) khong bao gio hien ra duoc. Ghi de rieng cho sao o day. */
.theme2026 .review-summary__stars path,
.theme2026 .review-card__stars path,
.theme2026 .star-picker__star path{fill:currentColor}
.theme2026 .review-form__msg{font-size:.85rem; color:var(--brand-600); margin-top:6px}
.theme2026 .review-form__msg.is-error{color:#d92d20}

@media (max-width:1100px){.theme2026 .detail-layout{grid-template-columns:1fr 1fr} .theme2026 .support-card{grid-column:1/-1}}
@media (max-width:700px){.theme2026 .detail-layout{grid-template-columns:1fr} .theme2026 .gallery{flex-direction:column-reverse} .theme2026 .gallery__thumbs{flex-direction:row; width:auto}}

/* ---------- footer (du lieu that: mien Bac/Nam/tap doan) ---------- */
.theme2026 .site-footer{background:var(--brand-900); color:#c9d5f5; margin-top:20px}
.theme2026 .footer__grid{display:grid; grid-template-columns:1.3fr repeat(4,1fr); gap:24px; padding-block:36px}
.theme2026 .footer__brand{color:#fff; font-weight:800; font-size:1.29rem; margin-bottom:10px}
.theme2026 .footer__desc{font-size:.89rem; line-height:1.6; color:#a9b8e6}
.theme2026 .footer__head{color:#fff; font-weight:700; font-size:.94rem; margin-bottom:12px}
.theme2026 .site-footer a{display:block; font-size:.89rem; color:#a9b8e6; padding-block:3px}
.theme2026 .footer__region li{display:flex; gap:8px; font-size:.87rem; color:#a9b8e6; padding-block:3px; list-style:none}
.theme2026 .footer__region ul{margin:0; padding:0}
.theme2026 .footer__region svg{flex:none; margin-top:2px; color:var(--accent)}
.theme2026 .footer__map iframe{width:100%; height:150px; border:0; border-radius:8px}
.theme2026 .footer__social{display:flex; gap:8px; margin-top:14px}
.theme2026 .footer__social a{display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:999px; border:1px solid rgba(255,255,255,.25); padding:0}
.theme2026 .footer__bottom{border-top:1px solid rgba(255,255,255,.12); padding-block:16px; font-size:.81rem; color:#8393c2; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px}
.theme2026 .footer__bottom-links{display:flex; gap:16px}
.theme2026 .footer__bottom-links a{padding:0; display:inline}
@media (max-width:900px){.theme2026 .footer__grid{grid-template-columns:1fr 1fr}}

/* ---------- autosuggest tim kiem (dung lai CSS goc trong css.lbi, chi dinh vi lai cho khop searchbox moi) ---------- */
.theme2026 .search-auto{position:relative}
.theme2026 #search_suggestion{position:absolute; z-index:40; display:none; background:#fff; border:1px solid var(--border); border-radius:10px; box-shadow:0 20px 45px -20px rgba(16,24,47,.35); overflow:hidden}
.theme2026 #search_suggestion h3{padding:10px 14px 4px; font-size:.93rem; color:var(--text)}
.theme2026 #search_suggestion ul{list-style:none; margin:0; padding:0; max-height:60vh; overflow-y:auto}
.theme2026 #search_suggestion li a{display:flex; gap:10px; align-items:center; padding:8px 14px; color:var(--text)}
.theme2026 #search_suggestion li a:hover{background:var(--surface-alt)}
.theme2026 #search_suggestion .item_image img{width:44px; height:44px; object-fit:cover; border-radius:6px; flex:none}
.theme2026 #search_suggestion .item_title h4{font-size:.85rem; font-weight:600; margin:0}
.theme2026 #search_suggestion .item_price{font-size:.8rem; color:var(--price); font-weight:700}
.theme2026 #search_suggestion .item_price del{color:var(--text-soft); font-weight:400; margin-left:6px}
.theme2026 #search_bottom{border-top:1px solid var(--border); padding:10px 14px}
.theme2026 #search_bottom a{color:var(--brand-600); font-weight:700; font-size:.85rem}

/* ---------- nut lien he mua hang (thay giỏ hàng) ---------- */
.theme2026 .contact-buy-btn{white-space:nowrap}

/* ---------- trang danh muc tin tuc + chi tiet tin tuc ---------- */
.theme2026 .news-title-block{padding-block:8px 26px}
.theme2026 .news-title-block h1{margin:0 0 8px}
.theme2026 .news-title-block__desc{color:var(--text-soft); font-size:.95rem; max-width:760px}
.theme2026 .news-layout{display:grid; grid-template-columns:1fr 320px; gap:32px; padding-bottom:60px; align-items:start}
.theme2026 .news-main{min-width:0}
.theme2026 .news-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:22px}
.theme2026 .news-card{background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); display:flex; flex-direction:column}
.theme2026 .news-card__img{display:block; aspect-ratio:4/3; overflow:hidden; background:var(--surface-alt)}
.theme2026 .news-card__img img{width:100%; height:100%; object-fit:cover}
.theme2026 .news-card__body{padding:16px; display:flex; flex-direction:column; gap:8px; flex:1}
.theme2026 .news-card__cat{align-self:flex-start; background:var(--surface-alt); color:var(--brand-600); font-size:.74rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; padding:3px 10px; border-radius:999px}
.theme2026 .news-card__body h3{font-size:1.02rem; margin:0; line-height:1.4}
.theme2026 .news-card__body h3 a{color:var(--text)}
.theme2026 .news-card__body h3 a:hover{color:var(--brand-600)}
.theme2026 .news-card__body p{font-size:.87rem; color:var(--text-soft); line-height:1.55; margin:0; flex:1}
.theme2026 .news-card__foot{display:flex; align-items:center; justify-content:space-between; margin-top:6px; font-size:.79rem; color:var(--text-soft)}
.theme2026 .news-card__arrow{width:30px; height:30px; border-radius:999px; background:var(--surface-alt); color:var(--brand-600); display:flex; align-items:center; justify-content:center; flex:none}
.theme2026 .news-card__arrow:hover{background:var(--brand-600); color:#fff}
@media (max-width:1100px){.theme2026 .news-layout{grid-template-columns:1fr}.theme2026 .news-sidebar{order:2}}
@media (max-width:860px){.theme2026 .news-grid{grid-template-columns:repeat(2, 1fr)}}
@media (max-width:560px){.theme2026 .news-grid{grid-template-columns:1fr}}

.theme2026 .news-sidebar{display:flex; flex-direction:column; gap:20px}
.theme2026 .news-side-box{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:18px}
.theme2026 .news-side-box h4{margin:0 0 12px; font-size:1rem}
.theme2026 .news-cat-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px}
.theme2026 .news-cat-list a{display:block; padding:8px 10px; border-radius:8px; font-size:.9rem; color:var(--text-soft)}
.theme2026 .news-cat-list a:hover{background:var(--surface-alt); color:var(--brand-600)}
.theme2026 .news-cat-list a.is-active{background:var(--brand-600); color:#fff; font-weight:700}
.theme2026 .news-side-list{display:flex; flex-direction:column; gap:12px}
.theme2026 .news-side-item{display:flex; gap:10px; align-items:flex-start}
.theme2026 .news-side-item img{width:64px; height:64px; object-fit:cover; border-radius:8px; flex:none; background:var(--surface-alt)}
.theme2026 .news-side-item div{display:flex; flex-direction:column; gap:4px}
.theme2026 .news-side-item span{font-size:.87rem; font-weight:600; color:var(--text); line-height:1.4}
.theme2026 .news-side-item small{font-size:.76rem; color:var(--text-soft)}
.theme2026 .news-side-item:hover span{color:var(--brand-600)}
.theme2026 .news-cta-box{background:linear-gradient(135deg, var(--brand-900), var(--brand-600)); border-radius:var(--radius); padding:20px; color:#fff}
.theme2026 .news-cta-box h4{margin:0 0 12px; color:#fff; font-size:1.02rem}
.theme2026 .news-cta-box__list{list-style:none; margin:0 0 16px; padding:0; display:flex; flex-direction:column; gap:8px; font-size:.87rem}
.theme2026 .news-cta-box__list li{padding-left:20px; position:relative}
.theme2026 .news-cta-box__list li::before{content:"✓"; position:absolute; left:0; color:var(--accent)}
.theme2026 .news-cta-box .btn{width:100%; text-align:center; background:#fff; color:var(--brand-600)}
.theme2026 .news-cta-box .btn:hover{background:var(--accent); color:var(--accent-ink)}

.theme2026 .news-article{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:28px; min-width:0; overflow-wrap:anywhere}
.theme2026 .news-article__head h1{margin:10px 0 12px; font-size:1.7rem}
.theme2026 .news-article__meta{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; color:var(--text-soft); font-size:.87rem; padding-bottom:16px; border-bottom:1px solid var(--border); margin-bottom:20px}
.theme2026 .news-article__share{display:flex; align-items:center; gap:8px}
.theme2026 .news-article__share a,.theme2026 .news-copylink{width:30px; height:30px; border-radius:999px; background:var(--surface-alt); color:var(--brand-600); display:flex; align-items:center; justify-content:center; border:0; cursor:pointer}
.theme2026 .news-article__share a:hover,.theme2026 .news-copylink:hover{background:var(--brand-600); color:#fff}
.theme2026 .news-article__hero{border-radius:var(--radius); overflow:hidden; margin-bottom:20px}
.theme2026 .news-article__hero img{width:100%; display:block}
.theme2026 .news-article__body img{max-width:100%; height:auto; border-radius:8px}
.theme2026 .news-tags{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:26px; padding-top:18px; border-top:1px solid var(--border); font-size:.87rem; color:var(--text-soft)}
.theme2026 .news-tags a{background:var(--surface-alt); color:var(--text-soft); padding:4px 12px; border-radius:999px}
.theme2026 .news-tags a:hover{background:var(--brand-600); color:#fff}

/* ---- Trang lien he (?ui=2026) ---- */
.theme2026 .cat-hero-plain__desc{max-width:760px}
.theme2026 .feature-chip{color:inherit; text-decoration:none}
.theme2026 .feature-chip strong{color:var(--text)}
.theme2026 a.feature-chip:hover{border-color:var(--brand-500)}

.theme2026 .contact-layout{display:grid; grid-template-columns:1fr 340px; gap:22px; padding-block:28px}
.theme2026 .contact-form-card{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:28px; min-width:0}
.theme2026 .contact-form-card h2{font-size:1.3rem}
.theme2026 .contact-form-card__sub{color:var(--text-soft); font-size:.9rem; margin-top:6px; margin-bottom:20px}
.theme2026 .form-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px}
.theme2026 .form-field{display:flex; flex-direction:column; gap:6px}
.theme2026 .form-field--full{grid-column:1 / -1}
.theme2026 .form-field label{font-size:.85rem; font-weight:700; color:var(--text)}
.theme2026 .form-field .required{color:var(--price); margin-left:2px}
.theme2026 .form-field input,.theme2026 .form-field textarea{border:1px solid var(--border); border-radius:8px; padding:11px 13px; font-size:.94rem; font-family:inherit; background:#fff; color:var(--text)}
.theme2026 .form-field input:focus,.theme2026 .form-field textarea:focus{outline:none; border-color:var(--brand-500)}
.theme2026 .form-field textarea{resize:vertical; min-height:110px}
.theme2026 .contact-form .review-form__msg{margin-top:12px}
@media (max-width:640px){.theme2026 .form-grid{grid-template-columns:1fr}}

.theme2026 .contact-side{display:flex; flex-direction:column; gap:18px; min-width:0}
.theme2026 .contact-trust{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:18px}

.theme2026 .branch-section{padding-bottom:44px}
.theme2026 .branch-section h2{font-size:1.3rem; margin-bottom:16px}
.theme2026 .branch-layout{display:grid; grid-template-columns:320px 1fr; gap:0; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden}
.theme2026 .branch-list{display:flex; flex-direction:column; max-height:450px; overflow-y:auto; background:#fff; border-right:1px solid var(--border)}
.theme2026 .branch-item{display:flex; flex-direction:column; gap:4px; padding:14px 18px; border-bottom:1px solid var(--border); color:var(--text); text-decoration:none; cursor:pointer}
.theme2026 .branch-item strong{font-size:.94rem}
.theme2026 .branch-item span{display:flex; align-items:flex-start; gap:6px; font-size:.82rem; color:var(--text-soft); line-height:1.4}
.theme2026 .branch-item span svg{flex:none; margin-top:2px}
.theme2026 .branch-item:hover{background:var(--surface-alt)}
.theme2026 .branch-item.is-active{background:var(--surface-alt); border-left:3px solid var(--brand-600); padding-left:15px}
.theme2026 .branch-item.is-active strong{color:var(--brand-600)}
.theme2026 .contact-map-wrap{min-height:450px}
.theme2026 .contact-map-wrap iframe{width:100%; height:100%; min-height:450px; display:block}
@media (max-width:900px){
  .theme2026 .contact-layout{grid-template-columns:1fr}
  .theme2026 .branch-layout{grid-template-columns:1fr}
  .theme2026 .branch-list{max-height:280px; border-right:0; border-bottom:1px solid var(--border)}
  .theme2026 .contact-map-wrap,.theme2026 .contact-map-wrap iframe{min-height:320px}
}

/* ---- Trang 404 (?ui=2026) ---- */
.theme2026 .error-404{max-width:640px; margin-inline:auto; padding-block:70px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:6px}
.theme2026 .error-404__code{font-size:5rem; font-weight:800; color:var(--brand-600); line-height:1; letter-spacing:-2px}
.theme2026 .error-404 h1{font-size:1.4rem; margin-top:4px}
.theme2026 .error-404 p{color:var(--text-soft); font-size:.95rem; max-width:440px; margin-top:4px}
.theme2026 .error-404__search{display:flex; align-items:center; gap:0; width:100%; max-width:420px; margin-top:22px; border:1px solid var(--border); border-radius:10px; overflow:hidden; background:#fff}
.theme2026 .error-404__search input[type="search"]{flex:1; border:0; padding:12px 14px; font-size:.94rem; font-family:inherit; color:var(--text)}
.theme2026 .error-404__search input[type="search"]:focus{outline:none}
.theme2026 .error-404__search button{border:0; background:var(--brand-600); color:#fff; width:46px; display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none}
.theme2026 .error-404__actions{display:flex; gap:12px; margin-top:22px; flex-wrap:wrap; justify-content:center}
.theme2026 .error-404__cats{margin-top:36px; padding-top:26px; border-top:1px solid var(--border); width:100%}
.theme2026 .error-404__cats p{color:var(--text-soft); font-size:.88rem; margin-bottom:12px}
.theme2026 .error-404__cats .chip-row{justify-content:center}

[hidden]{display:none!important}