/*
Theme Name: TPCN
Description: Child theme cho Thực Phẩm Chức Năng Nhật
Author: Michiko
Template: flatsome
Version: 3.9.14
*/

/* ================= TOKENS ================= */
:root{
--tp-ground:#EDF1F6; --tp-surface:#FFFFFF; --tp-surface2:#F3F6FA; --tp-sunk:#DEE6EF;
--tp-ink:#101F33; --tp-ink-soft:#43596F; --tp-ink-faint:#7B8FA3; --tp-line:#DFE6EE;
--tp-navy:#12315E; --tp-navy2:#1B4478; --tp-navy-deep:#08182F; --tp-mist:#E6EDF7;
--tp-gold:#9A6412; --tp-gold-bright:#C99A3E; --tp-gold-soft:#FAF1DE;
--tp-red:#AF2430; --tp-green:#1B6B4A; --tp-green-soft:#E4F3EC;
--tp-sh:0 1px 2px rgba(16,31,51,.05),0 12px 26px -20px rgba(16,31,51,.55);
--tp-r:12px;
}

/* ================= NEN ================= */
body{background:var(--tp-ground);font-family:"Nunito Sans",-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;color:var(--tp-ink)}
.tp,.tp *{box-sizing:border-box}
.tp{font-family:"Nunito Sans",-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.55;color:var(--tp-ink)}
.tp h1,.tp h2{font-family:Lora,Georgia,serif;font-weight:700;color:var(--tp-ink);margin:0}
.tp h3,.tp h4{font-family:"Nunito Sans",sans-serif;font-weight:800;margin:0;color:var(--tp-ink)}
.tp p{margin:0}
.tp a{color:inherit;text-decoration:none}
.tp svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tp-wrap{max-width:1200px;margin:0 auto;padding:0 14px}
#masthead,#top-bar,.header-wrapper{display:none!important}
#footer .footer-widgets,#footer .absolute-footer{display:none}
.page-wrapper{padding-top:0!important}

/* ================= THANH TIEN ICH ================= */
.tp-infobar{background:var(--tp-navy-deep);color:#DCE6F3;font-size:12px;overflow:hidden}
.tp-infobar .tp-wrap{display:flex;gap:16px;align-items:center;min-height:34px;padding-top:7px;padding-bottom:7px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tp-infobar .tp-wrap::-webkit-scrollbar{display:none}
.tp-infobar span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.tp-infobar b{color:#fff;font-weight:800}
.tp-infobar svg{width:14px;height:14px;stroke:var(--tp-gold-bright)}

/* ================= HEADER ================= */
.tp-head{background:var(--tp-surface);border-bottom:1px solid var(--tp-line)}
.tp-head .tp-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.tp-head .brand{flex:none;display:block}
.tp-head .brand img{display:block;height:44px;width:auto}
.tp-head .wm b{display:block;font-family:Lora,Georgia,serif;font-size:16px;color:var(--tp-navy);line-height:1.15}
.tp-head .wm i{display:block;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tp-gold)}
.tp-head .hsearch{order:3;flex:1 0 100%;display:flex;align-items:center;gap:8px;background:var(--tp-surface2);border:1px solid var(--tp-line);border-radius:10px;padding:0 12px;height:42px}
.tp-head .hsearch svg{color:var(--tp-ink-faint);width:17px;height:17px}
.tp-head .hsearch input[type=search]{border:0;background:transparent;flex:1;font-size:14px;color:var(--tp-ink);box-shadow:none;height:40px;margin:0;padding:0;min-width:0}
.tp-head .hsearch input[type=search]:focus{box-shadow:none;outline:none}
.tp-head .hact{margin-left:auto;display:flex;align-items:center;gap:10px}
.tp-head .hotline .lb{display:none}
.tp-head .hotline .no{display:block;font-size:15px;font-weight:900;color:var(--tp-navy);line-height:1.1}
.tp-head .hcart{display:inline-flex;align-items:center;gap:7px;background:var(--tp-navy);color:#fff;font-weight:800;font-size:13px;padding:9px 12px;border-radius:10px}
.tp-head .hcart .lb2{display:none}
.tp-head .hcart b{background:var(--tp-gold-bright);color:#231602;border-radius:20px;min-width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}

/* ================= MENU NGANG ================= */
.tp-nav{background:var(--tp-navy);color:#fff;position:sticky;top:0;z-index:40}
.tp-nav .tp-wrap{display:flex;align-items:stretch;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tp-nav .tp-wrap::-webkit-scrollbar{display:none}
.tp-nav a{display:inline-flex;align-items:center;padding:12px 12px;font-size:13.5px;font-weight:700;white-space:nowrap;border-bottom:3px solid transparent;color:#fff}
.tp-nav a:hover,.tp-nav a:focus-visible{background:rgba(255,255,255,.1);border-bottom-color:var(--tp-gold-bright)}

/* ================= BANNER ================= */
.tp-hero{max-width:1200px;margin:16px auto 22px;padding:0 14px}
.tp-bigbanner{border-radius:var(--tp-r);padding:26px 22px;color:#fff;position:relative;overflow:hidden;
background:linear-gradient(115deg,var(--tp-navy-deep) 0%,var(--tp-navy) 52%,var(--tp-navy2) 100%);box-shadow:var(--tp-sh)}
.tp-bigbanner::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;border:34px solid rgba(201,154,62,.12)}
.tp-bigbanner .bb-eyebrow{display:block;font-size:11.5px;font-weight:700;color:var(--tp-gold-bright);margin-bottom:9px;position:relative;z-index:2}
.tp-bigbanner h1{color:#fff;font-size:23px;line-height:1.25;margin-bottom:10px;position:relative;z-index:2}
.tp-bigbanner p{color:#C6D6EC;font-size:14px;margin-bottom:16px;position:relative;z-index:2}
.bb-btns{display:flex;gap:9px;flex-wrap:wrap;position:relative;z-index:2}
.btn-gold{background:linear-gradient(180deg,#D8A94A,#B5822A);color:#231602;font-weight:800;padding:11px 18px;border-radius:9px;font-size:14px}
.btn-ghost{border:1px solid rgba(255,255,255,.42);color:#fff;font-weight:700;padding:11px 18px;border-radius:9px;font-size:14px}
.tp-smalls{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.tp-smalls .sb{background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:var(--tp-r);padding:14px;box-shadow:var(--tp-sh);display:block}
.tp-smalls .k{display:block;font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--tp-gold);margin-bottom:5px}
.tp-smalls .h{display:block;font-size:15px;font-weight:800;line-height:1.35;margin-bottom:4px}
.tp-smalls .d{display:block;font-size:12.5px;color:var(--tp-ink-faint);font-weight:600}
.sb2 .k{color:var(--tp-navy2)}
.sb3 .k{color:var(--tp-green)}

/* ================= KHOI DANH MUC ================= */
.tp-catblock{max-width:1200px;margin:0 auto 26px;padding:0 14px}
.tp-catblock .cbhead{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.tp-catblock .cbic{width:34px;height:34px;border-radius:9px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Lora,serif;font-size:15px;font-weight:700;flex:none}
.tp-catblock .cbtxt h2{font-size:18px;line-height:1.2}
.tp-catblock .cbtxt p{font-size:12px;color:var(--tp-ink-faint);font-weight:600;margin-top:2px}
.tp-catblock .cball{display:none}
.tp-catblock .cbrow{display:grid;grid-template-columns:1fr;gap:10px}
.tp-catblock .cbbanner{border-radius:var(--tp-r);padding:14px 16px;color:#fff;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;box-shadow:var(--tp-sh)}
.tp-catblock .cbbanner .jp{font-family:Lora,serif;font-size:20px;font-weight:700;opacity:.9;line-height:1}
.tp-catblock .cbbanner .nm{font-size:15.5px;font-weight:900;margin-top:2px}
.tp-catblock .cbbanner .ds{font-size:12px;opacity:.85;line-height:1.4}
.tp-catblock .cbbanner .go{margin-top:8px;font-size:12px;font-weight:900;background:rgba(255,255,255,.16);border-radius:7px;padding:7px 10px;text-align:center}
.tp-catblock .cbbanner .num{position:absolute;right:-14px;bottom:-26px;font-family:Lora,serif;font-size:86px;font-weight:700;opacity:.11;line-height:1}
.tp-catblock .prods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}

/* ================= THE SAN PHAM ================= */
.tp-prod{background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:var(--tp-r);padding:9px;box-shadow:var(--tp-sh);display:flex;flex-direction:column;gap:7px}
.tp-prod .ph{position:relative;display:block;aspect-ratio:1/1;border-radius:9px;overflow:hidden;background:linear-gradient(160deg,#F7FAFE,#EDF2F8)}
.tp-prod .ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.tp-prod .off{position:absolute;top:7px;left:7px;z-index:2;background:var(--tp-red);color:#fff;font-size:11px;font-weight:900;padding:3px 6px;border-radius:6px}
.tp-prod .nm{font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}
.tp-prod .pr{display:flex;flex-direction:column;gap:1px;min-height:2.9em;justify-content:center}
.tp-prod .pr .now{color:var(--tp-red);font-weight:900;font-size:16px}
.tp-prod .pr .now .woocommerce-Price-amount{color:var(--tp-red)}
.tp-prod .pr .old{color:var(--tp-ink-faint);font-size:12px;text-decoration:line-through}
.tp-prod .meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tp-prod .h2{display:inline-flex;align-items:center;gap:4px;background:var(--tp-green-soft);color:var(--tp-green);font-size:11px;font-weight:800;padding:3px 6px;border-radius:6px}
.tp-prod .h2 svg{width:12px;height:12px}
.tp-prod .stock{color:var(--tp-ink-faint);font-size:11px;font-weight:700}
.tp-prod .acts{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tp-prod .buy,.tp-prod .detail{display:flex;align-items:center;justify-content:center;gap:5px;height:38px;border-radius:9px;font-size:12.5px;font-weight:800;text-align:center;line-height:1.1;border:1px solid transparent}
.tp-prod .buy{background:linear-gradient(180deg,var(--tp-navy2),var(--tp-navy));color:#fff}
.tp-prod .buy:hover{background:linear-gradient(180deg,#22528C,#173C70);color:#fff}
.tp-prod .buy svg{width:14px;height:14px}
.tp-prod .detail{background:#fff;color:var(--tp-navy);border-color:#C7D6E7}
.tp-prod .detail:hover{background:#E6EDF7;border-color:var(--tp-navy2);color:var(--tp-navy)}
.tp-prod .detail svg{width:13px;height:13px}
.tp-prod .detail.loading{opacity:.65}
.tp-prod .detail.added{background:var(--tp-green-soft);border-color:#BEE0CF;color:var(--tp-green)}
.tp-prod .added_to_cart{display:none}
@media (max-width:600px){.tp-prod .acts{grid-template-columns:1fr}.tp-prod .detail{height:34px}}

/* ================= NIEM TIN ================= */
.tp-trust{background:linear-gradient(120deg,var(--tp-navy-deep),var(--tp-navy) 70%);padding:26px 0;margin-bottom:26px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.tp-trust .trustgrid{display:grid;grid-template-columns:1fr;gap:18px;align-items:center}
.tp-trust .shopshot{position:relative;aspect-ratio:16/10;border-radius:var(--tp-r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9FB6D4}
.tp-trust .shopshot svg{width:38px;height:38px;stroke:var(--tp-gold-bright)}
.tp-trust .cap{font-size:12px;text-align:center;line-height:1.5}
.tp-trust .shopbadge{position:absolute;width:max-content;max-width:calc(100% - 24px);height:auto;position:absolute;left:12px;bottom:12px;background:#fff;border-radius:9px;padding:7px 11px;display:flex;flex-direction:column}
.tp-trust .shopbadge b{font-size:12px;color:var(--tp-ink);font-weight:900}
.tp-trust .shopbadge i{font-size:10.5px;color:var(--tp-ink-faint);font-style:normal}
.tp-trust .rule{display:block;width:40px;height:3px;background:var(--tp-gold-bright);border-radius:2px;margin-bottom:10px}
.tp-trust h2{color:#fff;font-size:21px;margin-bottom:12px}
.tp-trust .titem{display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-top:1px solid rgba(255,255,255,.1)}
.tp-trust .titem .ic{width:32px;height:32px;border-radius:9px;background:rgba(201,154,62,.16);color:var(--tp-gold-bright);display:flex;align-items:center;justify-content:center;flex:none}
.tp-trust .titem b{display:block;color:#fff;font-size:14px;font-weight:800}
.tp-trust .titem i{display:block;color:#A9BFDA;font-size:12.5px;font-style:normal}
.tp-trust .trustfoot{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tp-trust .trustfoot span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#DCE6F3;font-size:12px;font-weight:700;padding:6px 10px;border-radius:20px}
.tp-trust .trustfoot svg{width:13px;height:13px;stroke:var(--tp-gold-bright)}
.tp-trust .eyebrow{display:block;font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--tp-gold-bright);margin-bottom:7px}
.tp-trust .titem .no{width:32px;height:32px;border-radius:9px;background:rgba(201,154,62,.16);border:1px solid rgba(201,154,62,.45);color:var(--tp-gold-bright);display:flex;align-items:center;justify-content:center;flex:none;font-family:Lora,Georgia,serif;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}

/* ================= THUONG HIEU ================= */
.tp-brands{max-width:1200px;margin:0 auto 26px;padding:0 14px}
.tp-brands .brandhead{font-size:19px;margin-bottom:11px}
.tp-brands .bhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.tp-brands .bhead .brandhead{margin:0}
.tp-brands .bnav{display:none;gap:8px;flex-shrink:0}
.tp-brands .bnav.on{display:flex}
.tp-brands .bbtn{width:36px;height:36px;min-height:0;min-width:0;margin:0;padding:0;border-radius:50%;border:1px solid var(--tp-line);background:var(--tp-surface);color:var(--tp-navy);display:grid;place-items:center;cursor:pointer;box-shadow:var(--tp-sh);text-transform:none;letter-spacing:0;transition:background .2s ease,color .2s ease,opacity .2s ease}
.tp-brands .bbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tp-brands .bbtn:hover:not(:disabled){background:var(--tp-navy);color:#fff}
.tp-brands .bbtn:disabled{opacity:.35;cursor:default;box-shadow:none}
.tp-brands .brandrow{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;scrollbar-width:none;padding:8px 4px 24px;margin:-8px -4px -24px}
.tp-brands .brandrow::-webkit-scrollbar{display:none}
.tp-brands .brandrow.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.tp-brands .brandrow.fade-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}
.tp-brands .brandrow.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
.tp-brands .brandrow.dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}
.tp-brands .brandrow.dragging .bbn{cursor:grabbing}
.tp-brands .bbn{flex:0 0 44%;scroll-snap-align:start;-webkit-user-drag:none}
.tp-brands .bbn{border-radius:var(--tp-r);padding:14px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--tp-sh)}
.tp-brands .jp{font-size:11.5px;opacity:.75}
.tp-brands .nm{font-size:15.5px;font-weight:900}
.tp-brands .ds{font-size:11.5px;opacity:.8;margin-top:2px}
.tp-brands .go{margin-top:auto;padding-top:8px;font-size:12px;font-weight:800}
.b-navy{background:#FBEAEE;color:var(--tp-ink)}
.b-mist{background:var(--tp-mist);color:var(--tp-navy)}
.b-green{background:var(--tp-green-soft);color:var(--tp-green)}
.b-gold{background:var(--tp-gold-soft);color:var(--tp-gold)}
.b-lav{background:#EFEBFA;color:var(--tp-ink);--acc:#5A45A8}
.b-peach{background:#FDEEE4;color:var(--tp-ink);--acc:#B4531D}
/* hover thuong hieu */
.b-navy{--acc:#B83556}.b-mist{--acc:var(--tp-navy2)}.b-green{--acc:var(--tp-green)}.b-gold{--acc:var(--tp-gold)}
.tp-brands .bbn{position:relative;overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.tp-brands .bbn::before{content:"";position:absolute;right:-38px;top:-38px;width:110px;height:110px;border-radius:50%;background:var(--acc);opacity:.07;transform:scale(.6);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s ease;z-index:-1;pointer-events:none}
.tp-brands .bbn .nm{transition:color .3s ease}
.tp-brands .bbn .go{align-self:flex-start;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1.5px;transition:background-size .35s ease,transform .35s ease}
@media (hover:hover){
.tp-brands .bbn:hover{transform:translateY(-5px);box-shadow:0 0 0 1.5px var(--acc),0 2px 4px rgba(16,31,51,.06),0 24px 34px -18px rgba(16,31,51,.45)}
.tp-brands .bbn:hover::before{transform:scale(2.3);opacity:.13}
.tp-brands .bbn:hover .nm{color:var(--acc)}
.tp-brands .bbn:hover .go{background-size:100% 1.5px;transform:translateX(4px)}
}
.tp-brands .bbn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--acc),var(--tp-sh)}
@media (prefers-reduced-motion:reduce){.tp-brands .bbn,.tp-brands .bbn::before,.tp-brands .bbn .go{transition:none}.tp-brands .bbn:hover{transform:none}}

/* ================= TIN TUC + UU DAI ================= */
.tp-duo{max-width:1200px;margin:0 auto 26px;padding:0 14px;display:grid;grid-template-columns:1fr;gap:12px}
.tp-duo .panel{background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:var(--tp-r);padding:14px;box-shadow:var(--tp-sh)}
.tp-duo .ph{display:flex;align-items:center;margin-bottom:11px}
.tp-duo .ph h2{font-size:17px}
.tp-duo .ph h2{min-width:0}
.tp-duo .ph a{margin-left:auto;padding-left:12px;flex-shrink:0;white-space:nowrap;font-size:12.5px;font-weight:800;color:var(--tp-navy2)}
.tp-duo .feat{display:block;margin-bottom:10px}
.tp-duo .feat .img{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border-radius:9px;background:var(--tp-surface2);color:var(--tp-ink-faint);font-size:12px;font-style:italic;overflow:hidden;margin-bottom:8px}
.tp-duo .feat .img img{width:100%;height:100%;object-fit:cover}
.tp-duo .feat h3{font-size:15px;line-height:1.35;margin-bottom:4px}
.tp-duo .feat p{font-size:13px;color:var(--tp-ink-soft)}
.tp-duo .nitem{display:flex;gap:9px;align-items:center;padding:8px 0;border-top:1px solid var(--tp-line)}
.tp-duo .nitem .th{width:42px;height:42px;border-radius:8px;background:var(--tp-surface2);color:var(--tp-ink-faint);display:flex;align-items:center;justify-content:center;flex:none}
.tp-duo .nitem h4{font-size:13px;line-height:1.4;font-weight:700}
.tp-duo .empty{color:var(--tp-ink-faint);font-size:13px}
.tp-duo .coupons{display:flex;flex-direction:column;gap:9px}
.tp-duo .coupon{display:flex;border:1px solid var(--tp-line);border-radius:10px;overflow:hidden;background:var(--tp-gold-soft)}
.tp-duo .amt{flex:none;width:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 6px;border-right:2px dashed rgba(154,100,18,.35)}
.tp-duo .amt b{color:var(--tp-red);font-size:15px;font-weight:900;text-align:center;line-height:1.2}
.tp-duo .amt i{font-style:normal;font-size:11px;color:var(--tp-gold);font-weight:700}
.tp-duo .cbody{padding:10px 12px}
.tp-duo .cbody h3{font-size:13.5px;line-height:1.35;margin-bottom:3px}
.tp-duo .cbody p{font-size:12px;color:var(--tp-ink-soft)}
.tp-duo .allcp{text-align:center;font-size:13px;font-weight:800;color:var(--tp-navy2);padding:8px;border:1px dashed var(--tp-line);border-radius:9px}

/* ================= CHAN TRANG ================= */
.tp-footer{background:var(--tp-navy-deep);color:#B9CBE2;margin-top:0;padding-top:26px;font-size:13px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.tp-footer .fgrid{display:grid;grid-template-columns:1fr;gap:20px;padding-bottom:22px}
.tp-footer h3{color:#fff;font-size:13.5px;font-weight:900;margin-bottom:9px}
.tp-footer .nm{display:block;color:#fff;font-weight:900;font-size:14.5px;margin-bottom:8px;font-family:Lora,Georgia,serif}
.tp-footer .li{display:block;margin-bottom:5px;line-height:1.5}
.tp-footer a{display:block;margin-bottom:6px;color:#B9CBE2}
.tp-footer a:hover{color:var(--tp-gold-bright)}
.tp-footer .legalnote{font-size:10.5px;line-height:1.5;color:#8AA2BF;margin-top:10px}
.tp-footer .row b{display:block;color:#fff;font-size:13.5px}
.tp-footer .row i{display:block;font-style:normal;font-size:11.5px;color:#8AA2BF}
.tp-footer .fbottom{border-top:1px solid rgba(255,255,255,.1);padding:12px 0;font-size:12px;color:#8AA2BF}
.tp-footer a.li{margin-bottom:5px;line-height:1.5}
.tp-footer a.li b{color:#fff;font-weight:800}
.tp-footer .fabout .fa-txt{margin:0 0 8px;line-height:1.6}
.tp-footer .fabout .legalnote{margin-top:0;font-style:italic}
.tp-footer .bct{display:inline-block;margin-top:12px;line-height:0}
.tp-footer .bct img{display:block;width:150px;height:auto}

/* ================= MAN HINH LON ================= */
@media (min-width:760px){
  .tp-head .tp-wrap{gap:20px;padding-top:12px;padding-bottom:12px}
  .tp-head .brand img{height:56px}
  .tp-head .hsearch{order:0;flex:1 1 auto;max-width:520px}
  .tp-head .hotline .lb{display:block;font-size:11px;color:var(--tp-ink-faint);font-weight:700}
  .tp-head .hotline .no{font-size:17px}
  .tp-head .hcart .lb2{display:inline}
  .tp-head .hcart{font-size:13.5px;padding:10px 15px}
  .tp-nav a{padding:13px 14px;font-size:14px}
  .tp-nav .tp-wrap{justify-content:space-between}
  .tp-bigbanner{padding:40px 44px}
  .tp-bigbanner h1{font-size:32px;max-width:20ch}
  .tp-bigbanner p{font-size:15px;max-width:58ch}
  .tp-smalls{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
  .tp-catblock .cbtxt h2{font-size:21px}
  .tp-catblock .cball{display:block;margin-left:auto;font-size:13.5px;font-weight:800;color:var(--tp-navy2);white-space:nowrap}
  .tp-catblock .cbrow{grid-template-columns:1fr 4fr;gap:14px}
  .tp-catblock .cbbanner{padding:20px 18px;gap:6px}
  .tp-catblock .cbbanner .jp{font-size:26px}
  .tp-catblock .cbbanner .nm{font-size:17px}
  .tp-catblock .cbbanner .go{margin-top:auto}
  .tp-catblock .prods{grid-template-columns:repeat(4,1fr);gap:14px}
  .tp-prod{padding:12px;gap:8px}
  .tp-prod .nm{font-size:13.8px}
  .tp-prod .pr .now{font-size:17px}
  .tp-trust{padding:34px 0}
  .tp-trust .trustgrid{grid-template-columns:380px 1fr;gap:28px}
  .tp-trust h2{font-size:26px}
  .tp-brands .brandhead{font-size:21px}
  .tp-brands .brandrow{gap:14px}
  .tp-brands .bbn{flex-basis:calc((100% - 42px) / 4)}
  .tp-brands .bbn{min-height:118px;padding:16px}
  .tp-duo{grid-template-columns:1fr 1fr;gap:16px}
  .tp-duo .panel{padding:16px}
  .tp-footer .fgrid{grid-template-columns:1.15fr 1fr 1fr 1fr;gap:26px}
}
@media (min-width:1060px){
  .tp-bigbanner h1{font-size:36px}
}
@media (prefers-reduced-motion:reduce){.tp *{transition:none!important;animation:none!important}}

/* Anh nen banner danh muc: 1 anh vuong dung chung PC + dien thoai */
.tp-catblock .cbbanner{isolation:isolate}
.tp-catblock .cbbanner .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.5;z-index:0}
.tp-catblock .cbbanner::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,12,24,.72) 0%,rgba(4,12,24,.42) 45%,rgba(4,12,24,.78) 100%)}
.tp-catblock .cbbanner .jp,
.tp-catblock .cbbanner .nm,
.tp-catblock .cbbanner .ds,
.tp-catblock .cbbanner .go,
.tp-catblock .cbbanner .num{position:relative;z-index:2}
.tp-catblock .cbbanner .go{background:rgba(255,255,255,.22);backdrop-filter:blur(2px)}

/* Can le: noi dung trang chu trung khop voi header va menu */
body.home .page-wrapper{padding-top:0;padding-bottom:0}
body.home .row-main{max-width:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0;width:100%}
body.home .row-main > .col{padding-left:0;padding-right:0;padding-bottom:0}
body.home .row-main .col-inner{padding-left:0;padding-right:0}
body.home #content{padding-bottom:0}

/* Banner lon dang anh */
.tp-heroimg{display:block;border-radius:var(--tp-r);overflow:hidden;box-shadow:var(--tp-sh);line-height:0}
.tp-heroimg img{width:100%;height:auto;display:block}
.tp-h1{font-family:Lora,Georgia,serif;font-size:17px;font-weight:700;line-height:1.35;color:var(--tp-ink);margin:12px 2px 0;text-wrap:balance}
@media (min-width:760px){
  .tp-h1{font-size:20px;margin-top:14px}
}

/* ===== Banner anh: khung ti le co dinh, khong cho cao qua ===== */
.tp-heroimg{position:relative;display:block;border-radius:var(--tp-r);overflow:hidden;box-shadow:var(--tp-sh);line-height:0;
  aspect-ratio:16/9;background:var(--tp-sunk)}
.tp-heroimg img{width:100%;height:100%;object-fit:cover;object-position:center 34%;display:block}
.tp-h1{font-family:"Nunito Sans",sans-serif;font-size:13.5px;font-weight:700;line-height:1.45;
  color:var(--tp-ink-soft);margin:10px 2px 0;text-wrap:balance}
@media (min-width:760px){
  .tp-heroimg{aspect-ratio:2.6/1}
  .tp-h1{font-size:14.5px;margin-top:12px}
}
@media (min-width:1060px){
  .tp-heroimg{aspect-ratio:3/1}
}

/* ===== 3 o cam ket duoi banner ===== */
.tp-smalls .sb{display:flex;align-items:center;gap:12px;padding:14px 16px}
.tp-smalls .sb .ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none;
  background:var(--tp-mist);color:var(--tp-navy)}
.tp-smalls .sb .ic svg{width:22px;height:22px;stroke-width:1.6}
.tp-smalls .sb .tx{display:flex;flex-direction:column;gap:2px}
.tp-smalls .sb .h{display:block;font-size:15px;font-weight:800;line-height:1.3;color:var(--tp-ink)}
.tp-smalls .sb .d{display:block;font-size:12.5px;color:var(--tp-ink-faint);font-weight:600;line-height:1.4}
.tp-smalls .sb1 .ic{background:var(--tp-gold-soft);color:var(--tp-gold)}
.tp-smalls .sb2 .ic{background:var(--tp-green-soft);color:var(--tp-green)}
.tp-smalls .sb3 .ic{background:var(--tp-mist);color:var(--tp-navy2)}

/* ===== Banner: khung dung ti le anh 3:1, khong cat ngang ===== */
.tp-heroimg{aspect-ratio:3/1}
.tp-heroimg picture{display:block;width:100%;height:100%}
.tp-heroimg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
/* Khi da co anh rieng cho dien thoai thi khung dien thoai cao hon */
.tp-heroimg.has-mob{aspect-ratio:4/3}
@media (min-width:760px){
  .tp-heroimg,.tp-heroimg.has-mob{aspect-ratio:3/1}
}

/* ===== H1 chi danh cho Google, khong hien tren man hinh ===== */
.tp-h1-seo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.tp-h1{display:none}

/* ===== Dai 3 cam ket — thiet ke lai ===== */
.tp-smalls{
  display:grid;grid-template-columns:1fr;gap:0;
  margin-top:14px;background:var(--tp-surface);border:1px solid var(--tp-line);
  border-radius:14px;overflow:hidden;
  box-shadow:0 2px 4px rgba(16,31,51,.05),0 18px 40px -28px rgba(16,31,51,.6);
  position:relative
}
.tp-smalls::before{
  content:"";position:absolute;inset:0 0 auto 0;height:3px;z-index:2;
  background:linear-gradient(90deg,var(--tp-gold-bright) 0%,var(--tp-navy2) 50%,var(--tp-green) 100%)
}
.tp-smalls .sb{
  display:flex;align-items:center;gap:13px;padding:16px 18px;
  border:0;border-radius:0;box-shadow:none;background:transparent;
  border-bottom:1px solid var(--tp-line);position:relative
}
.tp-smalls .sb:last-child{border-bottom:0}
.tp-smalls .sb .ic{
  width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;
  position:relative
}
.tp-smalls .sb .ic::after{
  content:"";position:absolute;inset:-4px;border-radius:50%;border:1px dashed currentColor;opacity:.28
}
.tp-smalls .sb .ic svg{width:23px;height:23px;stroke-width:1.6}
.tp-smalls .sb .tx{display:flex;flex-direction:column;gap:3px}
.tp-smalls .sb .h{
  display:block;font-family:Lora,Georgia,serif;font-size:16px;font-weight:700;line-height:1.25;color:var(--tp-ink)
}
.tp-smalls .sb .d{display:block;font-size:12.5px;color:var(--tp-ink-faint);font-weight:600;line-height:1.45}
.tp-smalls .sb1 .ic{background:var(--tp-gold-soft);color:var(--tp-gold)}
.tp-smalls .sb2 .ic{background:var(--tp-green-soft);color:var(--tp-green)}
.tp-smalls .sb3 .ic{background:var(--tp-mist);color:var(--tp-navy2)}

@media (min-width:760px){
  .tp-smalls{grid-template-columns:repeat(3,1fr);margin-top:-30px;position:relative;z-index:5;
    margin-left:22px;margin-right:22px}
  .tp-smalls .sb{border-bottom:0;padding:20px 22px}
  .tp-smalls .sb + .sb::before{
    content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:var(--tp-line)
  }
  .tp-smalls .sb .h{font-size:17px}
}

/* ===== 3 cam ket: vien chuyen mau bao quanh, khong de len banner ===== */
.tp-smalls{
  margin-top:16px;
  border:0;
  padding:2px;
  border-radius:16px;
  background:linear-gradient(100deg,var(--tp-gold-bright) 0%,var(--tp-navy2) 52%,var(--tp-green) 100%);
  box-shadow:0 2px 4px rgba(16,31,51,.05),0 16px 34px -26px rgba(16,31,51,.6);
  display:block;overflow:visible
}
.tp-smalls::before{display:none}
.tp-smalls .sb{background:var(--tp-surface)}
.tp-smalls .sb:first-child{border-radius:14px 14px 0 0}
.tp-smalls .sb:last-child{border-radius:0 0 14px 14px}

@media (min-width:760px){
  .tp-smalls{
    margin-top:16px;margin-left:0;margin-right:0;
    display:grid;grid-template-columns:repeat(3,1fr);gap:2px
  }
  .tp-smalls .sb{border-radius:0}
  .tp-smalls .sb:first-child{border-radius:14px 0 0 14px}
  .tp-smalls .sb:last-child{border-radius:0 14px 14px 0}
  .tp-smalls .sb + .sb::before{display:none}
}

/* ===== 3 cam ket: ban gon, khong vien mau ===== */
.tp-smalls{
  margin:16px 0 0;padding:0;border-radius:14px;background:var(--tp-surface);
  border:1px solid var(--tp-line);
  box-shadow:0 1px 2px rgba(16,31,51,.04),0 14px 30px -26px rgba(16,31,51,.5);
  display:block;overflow:hidden
}
.tp-smalls::before{display:none}
.tp-smalls .sb{
  background:transparent;border-radius:0;box-shadow:none;
  border-bottom:1px solid var(--tp-line);padding:15px 18px;gap:14px
}
.tp-smalls .sb:last-child{border-bottom:0}
.tp-smalls .sb .ic{
  width:40px;height:40px;border-radius:11px;flex:none;
  background:var(--tp-surface2);color:var(--tp-navy);border:1px solid var(--tp-line)
}
.tp-smalls .sb .ic::after{display:none}
.tp-smalls .sb .ic svg{width:21px;height:21px;stroke-width:1.6}
.tp-smalls .sb1 .ic,.tp-smalls .sb2 .ic,.tp-smalls .sb3 .ic{background:var(--tp-surface2);color:var(--tp-navy)}
.tp-smalls .sb .h{font-family:Lora,Georgia,serif;font-size:15.5px;font-weight:700;color:var(--tp-ink)}
.tp-smalls .sb .d{font-size:12.5px;color:var(--tp-ink-faint);font-weight:600}

@media (min-width:760px){
  .tp-smalls{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:16px}
  .tp-smalls .sb{border-bottom:0;border-right:1px solid var(--tp-line);padding:18px 20px;border-radius:0}
  .tp-smalls .sb:last-child{border-right:0}
  .tp-smalls .sb + .sb::before{display:none}
  .tp-smalls .sb .h{font-size:16px}
}

/* ===== 3 cam ket: dung dung vai tro phu, gon lai ===== */
.tp-smalls{margin-top:12px;border-radius:12px}
.tp-smalls .sb{
  flex-direction:column;align-items:center;text-align:center;
  gap:7px;padding:12px 8px;border-bottom:0;border-right:1px solid var(--tp-line)
}
.tp-smalls .sb:last-child{border-right:0}
.tp-smalls .sb .ic{width:30px;height:30px;border-radius:9px;border:0;background:transparent}
.tp-smalls .sb .ic svg{width:20px;height:20px;stroke-width:1.7}
.tp-smalls .sb1 .ic,.tp-smalls .sb2 .ic,.tp-smalls .sb3 .ic{background:transparent;color:var(--tp-navy2)}
.tp-smalls .sb .tx{gap:0}
.tp-smalls .sb .h{font-family:"Nunito Sans",sans-serif;font-size:12px;font-weight:800;line-height:1.3;color:var(--tp-ink-soft)}
.tp-smalls .sb .d{display:none}
.tp-smalls{display:grid;grid-template-columns:repeat(3,1fr)}

@media (min-width:760px){
  .tp-smalls{margin-top:14px;border-radius:12px}
  .tp-smalls .sb{flex-direction:row;text-align:left;align-items:center;gap:11px;padding:13px 16px}
  .tp-smalls .sb .ic{width:34px;height:34px;background:var(--tp-surface2);border:1px solid var(--tp-line)}
  .tp-smalls .sb1 .ic,.tp-smalls .sb2 .ic,.tp-smalls .sb3 .ic{background:var(--tp-surface2);color:var(--tp-navy)}
  .tp-smalls .sb .ic svg{width:18px;height:18px}
  .tp-smalls .sb .h{font-size:14px;color:var(--tp-ink)}
  .tp-smalls .sb .d{display:block;font-size:11.5px;line-height:1.35}
  .tp-smalls .sb .tx{gap:2px}
}


/* ================= CATS BLOCK ================= */
.tp-cats{max-width:1200px;margin:14px auto 8px;padding:0 14px}
.tp-cats .cathead{text-align:center;margin:0 0 9px}
.tp-cats .cathead .eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#C99A3E;margin-bottom:2px}
.tp-cats .cathead h2{margin:0;font-size:17px;line-height:1.3;font-weight:700;color:#101F33}
.tp-cats .catgrid{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:2px;scroll-snap-type:x proximity;background:#fff;border-radius:14px;padding:14px 6px 13px;box-shadow:0 1px 2px rgba(16,31,51,.06)}
.tp-cats .catgrid::-webkit-scrollbar{display:none}
.tp-cats .catcard{flex:0 0 78px;max-width:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 2px;text-decoration:none;color:#101F33;background:none;box-shadow:none;border-radius:0;min-height:0;overflow:visible}
.tp-cats .catcard::after{display:none}
.tp-cats .catcard{scroll-snap-align:start}
.tp-cats .catcard .ic{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex:0 0 50px;border-radius:50%;color:var(--c1);background:color-mix(in srgb,var(--c1) 10%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 15%,#fff);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.tp-cats .catcard .ic svg{width:24px;height:24px;display:block}
.tp-cats .catcard .nm{font-size:11.5px;font-weight:600;line-height:1.3;color:#1B2A40;min-height:2.6em;display:block}
.tp-cats .catcard .ct{margin-top:-2px;font-size:10px;font-weight:500;color:#8A94A6}
.tp-cats .catcard:hover{transform:none;box-shadow:none}
.tp-cats .catcard:hover .ic{transform:translateY(-2px);background:color-mix(in srgb,var(--c1) 16%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 28%,#fff),0 5px 12px color-mix(in srgb,var(--c1) 20%,transparent)}
.tp-cats .catcard:hover .nm{color:var(--c1)}
@media (min-width:700px){
.tp-cats{margin:18px auto 10px}
.tp-cats .cathead{margin-bottom:12px}
.tp-cats .cathead h2{font-size:21px}
.tp-cats .cathead .eyebrow{font-size:10.5px}
.tp-cats .catgrid{overflow-x:visible;gap:4px;padding:17px 10px 16px;border-radius:16px}
.tp-cats .catcard{flex:1 1 0;min-width:0;gap:8px;padding:0 4px}
.tp-cats .catcard .ic{width:58px;height:58px;flex:0 0 58px}
.tp-cats .catcard .ic svg{width:27px;height:27px}
.tp-cats .catcard .nm{font-size:12.5px}
.tp-cats .catcard .ct{font-size:10.5px}
}


/* ===== BANNER DANH MUC CHI DE ANH - chot 07/09/2026 ===== */
.tp-catblock .cbbanner .bg{opacity:1}
.tp-catblock .cbbanner .bg ~ .jp,
.tp-catblock .cbbanner .bg ~ .nm,
.tp-catblock .cbbanner .bg ~ .ds,
.tp-catblock .cbbanner .bg ~ .go,
.tp-catblock .cbbanner .bg ~ .num{display:none}
.tp-catblock .cbbanner:has(.bg){padding:0}
.tp-catblock .cbbanner:has(.bg)::before{display:none}
/* Anh hien tron ven moi man hinh, khong cat */
.tp-catblock .cbbanner:has(.bg){height:auto;min-height:0;aspect-ratio:auto;justify-content:flex-start}
.tp-catblock .cbbanner:has(.bg) .bg{position:relative;inset:auto;width:100%;height:auto;display:block}
/* Tren PC khung cao bang day san pham: phan trong duoi anh dat nut Xem ca nhom */
@media (min-width:1060px){.tp-catblock .cbbanner .bg ~ .go{display:block;margin:14px 12px 12px}}

/* ===== HEADER CAN DOI - 11/09/2026 ===== */
@media (min-width:900px){
.tp-head .tp-wrap{gap:32px;padding-top:14px;padding-bottom:14px}
.tp-head .brand img{height:62px}
.tp-head .hsearch{flex:1 1 auto;max-width:none;height:46px;border-radius:12px;padding:0 16px}
.tp-head .hsearch input[type=search]{font-size:14.5px;height:44px}
.tp-head .hact{margin-left:0;gap:20px}
.tp-head .hotline{display:grid;grid-template-columns:40px auto;column-gap:10px;align-items:center}
.tp-head .hotline::before{content:"";grid-row:1/3;width:40px;height:40px;border-radius:50%;background:#EEF3FA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4478' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/19px no-repeat}
.tp-head .hotline .lb{font-size:12px}
.tp-head .hotline .no{font-size:18px}
.tp-head .hcart{height:46px;padding:0 18px;border-radius:12px;font-size:14px}
}


/* ===== SLIDE BANNER TRANG CHU - 12/09/2026 ===== */
.tp-hs{position:relative}
.tp-hs-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.tp-hs-track::-webkit-scrollbar{display:none}
.tp-hs-item{flex:0 0 100%;width:100%;scroll-snap-align:center;scroll-snap-stop:always}
.tp-hs-item>.tp-heroimg{width:100%}
.tp-hs-arrow{min-height:0;position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:var(--tp-navy);font-size:22px;line-height:1;cursor:pointer;z-index:3;box-shadow:0 2px 10px rgba(0,0,0,.18);display:none;align-items:center;justify-content:center}
.tp-hs-arrow:hover{background:#fff}
.tp-hs-arrow.prev{left:12px}
.tp-hs-arrow.next{right:12px}
@media (min-width:760px){.tp-hs.multi .tp-hs-arrow{display:flex}}
.tp-hs-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;display:flex;align-items:center;gap:6px;z-index:3;padding:6px 9px;border-radius:999px;background:rgba(11,28,56,.42)}
.tp-hs-dots button{width:8px;height:8px;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:50%;background:rgba(255,255,255,.75);line-height:0;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;flex:0 0 auto;transition:width .22s,background .22s}
.tp-hs-dots button:hover{background:#fff}
.tp-hs-dots button[aria-current="true"]{width:20px;border-radius:4px;background:var(--tp-gold-bright)}
@media (max-width:759px){.tp-hs-dots{bottom:8px;padding:5px 8px;gap:5px}.tp-hs-dots button{width:7px;height:7px}.tp-hs-dots button[aria-current="true"]{width:17px}}

/* 12/09/2026 - Can giua thanh tim kiem ngang hang voi logo & hotline */
.tp-head .hsearch{margin-bottom:0}

/* ================= KHOI DEN CUA HANG (tren chan trang) ================= */
.tp-visit{background:linear-gradient(120deg,var(--tp-navy-deep),var(--tp-navy) 72%);padding:26px 0 28px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);color:#fff}
.tp-visit .vsgrid{display:grid;grid-template-columns:1fr;gap:18px;align-items:center}
.tp-visit .rule{display:block;width:46px;height:3px;border-radius:2px;background:var(--tp-gold-bright);margin-bottom:12px}
.tp-visit h2{font-family:"Lora",Georgia,serif;font-weight:700;font-size:23px;line-height:1.3;margin:0 0 15px;color:#fff}
.tp-visit .lead{margin:0 0 14px;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.82)}
.tp-visit .vsinfo{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}
.tp-visit .vsinfo li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:rgba(255,255,255,.92);line-height:1.45}
.tp-visit .vsinfo svg{width:18px;height:18px;flex:0 0 18px;stroke:var(--tp-gold-bright);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tp-visit .vsinfo a{color:inherit;text-decoration:none;font-weight:800}
.tp-visit .vsinfo a:hover{color:var(--tp-gold-bright)}
.tp-visit .vsbtns{display:flex;gap:10px;flex-wrap:wrap}
.tp-visit .vsbtns a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.tp-visit .vsmap{position:relative;aspect-ratio:16/10;border-radius:var(--tp-r);overflow:hidden;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06)}
.tp-visit .vsmap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media (min-width:760px){
.tp-visit{padding:34px 0 36px}
.tp-visit .vsgrid{grid-template-columns:1fr 1.04fr;gap:34px}
.tp-visit h2{font-size:27px}
.tp-visit .lead{font-size:15px}
.tp-visit .vsmap{aspect-ratio:16/9}
}


/* ················· TRANG CHINH SACH / TAI LIEU ················· */
.tp-doc{max-width:820px;margin:0 auto;padding:4px 0 10px;color:var(--tp-ink);font-size:16px;line-height:1.75}
.tp-doc h1{font-size:26px;line-height:1.3;margin:0 0 6px;color:var(--tp-navy)}
.tp-doc .tp-dochead{margin:0 0 18px;padding-bottom:14px;border-bottom:2px solid var(--tp-mist)}
.tp-doc .tp-dochead p{margin:0;font-size:13px;color:var(--tp-ink-faint)}
.tp-doc h2{font-size:20px;line-height:1.35;margin:30px 0 10px;padding-top:18px;border-top:1px solid var(--tp-line);color:var(--tp-navy)}
.tp-doc h3{font-size:17px;margin:20px 0 8px;color:var(--tp-navy2)}
.tp-doc p{margin:0 0 12px}
.tp-doc a{color:var(--tp-navy2);text-decoration:underline}
.tp-doc a:hover{color:var(--tp-gold)}
.tp-doc b{color:var(--tp-ink)}
.tp-doc .lead{font-size:17px;line-height:1.7;background:var(--tp-mist);border-left:4px solid var(--tp-navy);border-radius:0 var(--tp-r) var(--tp-r) 0;padding:14px 16px;margin:0 0 6px}
.tp-doc ul,.tp-doc ol{margin:0 0 14px;padding-left:22px}
.tp-doc li{margin-bottom:8px}
.tp-doc .tp-tbl{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:15px;background:var(--tp-surface)}
.tp-doc .tp-tbl th,.tp-doc .tp-tbl td{border:1px solid var(--tp-line);padding:10px 12px;text-align:left;vertical-align:top}
.tp-doc .tp-tbl th{background:var(--tp-surface2);color:var(--tp-navy);font-weight:600}
.tp-doc .tp-box{background:var(--tp-gold-soft);border:1px solid #EDDCBB;border-radius:var(--tp-r);padding:16px 18px;margin:26px 0 6px}
.tp-doc .tp-box h3{margin:0 0 6px;padding:0;border:0;color:var(--tp-gold)}
.tp-doc .tp-box p{margin:0}
.tp-doc .tp-legal{margin:26px 0 0;padding-top:14px;border-top:1px solid var(--tp-line);font-size:13px;line-height:1.6;color:var(--tp-ink-faint)}
.tp-doc .tp-docnav{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--tp-line);font-size:14px}
.tp-doc .tp-docnav b{display:block;margin-bottom:8px;color:var(--tp-navy)}
.tp-doc .tp-docnav a{display:inline-block;margin:0 14px 8px 0}
@media (max-width:759px){
.tp-doc{font-size:15px;line-height:1.72}
.tp-doc h1{font-size:22px}
.tp-doc h2{font-size:18px;margin-top:26px}
.tp-doc h3{font-size:16px}
.tp-doc .lead{font-size:15.5px;padding:13px 14px}
.tp-doc .tp-tbl{font-size:14px}
.tp-doc .tp-tbl th,.tp-doc .tp-tbl td{padding:9px 10px}
}


/* ===================================================================
   ===== TRANG DANH MUC NHU CAU - chot 12/09/2026 ====================
   Mobile-first. Container .tpc dung chung 1200px voi .tp-wrap.
   Dung lai the san pham .tp-prod san co.
   =================================================================== */
.tpc{max-width:1200px;margin:0 auto;padding:0 14px}

.tpc-crumb{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding-top:14px;font-size:13px;font-weight:600;color:var(--tp-ink-faint)}
.tpc-crumb a{color:var(--tp-ink-soft);text-decoration:none}
.tpc-crumb a:hover{color:var(--tp-navy)}
.tpc-crumb svg{width:12px;height:12px;stroke:var(--tp-ink-faint);fill:none;stroke-width:2.4}
.tpc-crumb b{color:var(--tp-ink);font-weight:700}

.tpc-head{
  position:relative;overflow:hidden;border-radius:16px;margin-top:12px;
  border:1px solid var(--tp-line);box-shadow:var(--tp-sh);
  background:
    radial-gradient(85% 120% at 88% 10%, rgba(70,125,195,.40) 0%, rgba(70,125,195,0) 62%),
    radial-gradient(60% 90% at 4% 96%, rgba(201,154,62,.15) 0%, rgba(201,154,62,0) 62%),
    linear-gradient(122deg,var(--tp-navy-deep) 0%,var(--tp-navy) 58%,var(--tp-navy2) 100%);
}
.tpc-head::after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(201,154,62,.6) 24%,rgba(201,154,62,.6) 76%,transparent);
}
.tpc-hgrid{position:relative;display:grid;grid-template-columns:1fr;gap:18px;align-items:center;padding:20px}
.tpc-htxt{display:flex;flex-direction:column;gap:11px;color:#fff;min-width:0}
.tpc-eyebrow{
  align-self:flex-start;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tp-gold-bright);border:1px solid rgba(201,154,62,.55);background:rgba(201,154,62,.14);
  padding:5px 11px;border-radius:99px;
}
.tpc-htxt h1{font-family:"Lora",Georgia,serif;font-weight:700;font-size:24px;line-height:1.2;color:#fff;margin:0}
.tpc-jp{font-size:12.5px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.55);margin-top:-5px}
.tpc-lead{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.86);max-width:58ch;margin:0}
.tpc-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.tpc-stats span{
  display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:#E4EDF7;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);padding:8px 13px;border-radius:99px;
}
.tpc-stats svg{width:14px;height:14px;stroke:var(--tp-gold-bright);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tpc-stats b{color:var(--tp-gold-bright);font-weight:900}

.tpc-slider{position:relative;border-radius:13px;overflow:hidden;border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 52px -24px rgba(0,0,0,.85);max-width:240px;margin:0 auto;width:100%}
.tpc-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.tpc-track::-webkit-scrollbar{display:none}
.tpc-slide{flex:0 0 100%;scroll-snap-align:start;display:block}
.tpc-slide img{width:100%;height:auto;display:block}
.tpc-ph{aspect-ratio:3/4;background:linear-gradient(160deg,#F3F8FC,#DAE7F4);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:#5D7793;text-align:center;padding:0 14px}
.tpc-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.92);border:1px solid rgba(16,31,51,.12);box-shadow:0 4px 12px rgba(8,24,47,.35);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.tpc-nav svg{width:15px;height:15px;stroke:var(--tp-navy-deep);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tpc-nav.l{left:7px} .tpc-nav.r{right:7px}
.tpc-dots{
  position:absolute;left:50%;bottom:9px;transform:translateX(-50%);z-index:3;display:flex;gap:6px;align-items:center;
  background:rgba(8,24,47,.55);padding:6px 10px;border-radius:99px;
}
.tpc-dots i{display:block;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:width .25s ease}
.tpc-dots i.on{width:17px;border-radius:99px;background:var(--tp-gold-bright)}
.tpc-slider.single .tpc-nav,.tpc-slider.single .tpc-dots{display:none}

.tpc-body{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px;align-items:start}
.tpc-side{display:none;flex-direction:column;gap:14px}
.tpc-side.open{display:flex}
.tpc-box{background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:var(--tp-r);overflow:hidden;box-shadow:var(--tp-sh)}
.tpc-box .ttl{padding:12px 15px;font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(160deg,var(--tp-navy),var(--tp-navy2));color:#fff}
.tpc-catlist a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--tp-line);font-size:14px;font-weight:700;color:var(--tp-ink);text-decoration:none}
.tpc-catlist a:first-child{border-top:none}
.tpc-catlist a:hover{background:var(--tp-mist)}
.tpc-catlist a.on{background:var(--tp-mist);color:var(--tp-navy)}
.tpc-catlist .jp{width:28px;height:28px;border-radius:8px;background:var(--tp-surface2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;font-weight:700;color:var(--tp-navy)}
.tpc-catlist a.on .jp{background:var(--tp-surface)}
.tpc-catlist .n{margin-left:auto;font-size:11.5px;font-weight:800;color:var(--tp-ink-faint)}
.tpc-catlist a.on .n{color:var(--tp-navy)}

.tpc-fgroup{border-top:1px solid var(--tp-line);padding:13px 15px 14px}
.tpc-fgroup:first-of-type{border-top:none}
.tpc-fgroup .lb{display:block;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--tp-ink-faint);margin-bottom:10px}
.tpc-fopts{display:flex;flex-direction:column;gap:8px}
.tpc-fopt{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:var(--tp-ink-soft);text-decoration:none}
.tpc-fopt:hover{color:var(--tp-navy)}
.tpc-fopt .bx{width:17px;height:17px;border-radius:5px;border:1.7px solid var(--tp-line);flex-shrink:0;background:var(--tp-surface);display:flex;align-items:center;justify-content:center}
.tpc-fopt.on{color:var(--tp-navy);font-weight:800}
.tpc-fopt.on .bx{border-color:var(--tp-navy);background:var(--tp-navy)}
.tpc-fopt.on .bx::after{content:"";width:8px;height:8px;border-radius:2px;background:#fff}
.tpc-fopt .n{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--tp-ink-faint)}
.tpc-clr{display:block;padding:12px 15px;border-top:1px solid var(--tp-line);text-align:center;font-size:13px;font-weight:800;color:var(--tp-red);text-decoration:none}

.tpc-ask{background:var(--tp-gold-soft);border:1px solid var(--tp-line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:9px}
.tpc-ask .rule{width:34px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--tp-gold-bright),var(--tp-gold))}
.tpc-ask h4{font-size:15.5px;line-height:1.3;margin:0}
.tpc-ask p{font-size:12.5px;color:var(--tp-ink-soft);line-height:1.5;margin:0}
.tpc-call{display:flex;align-items:center;justify-content:center;gap:9px;border:1.5px solid var(--tp-gold);color:var(--tp-gold);background:#fff;border-radius:11px;padding:11px;font-size:14px;font-weight:900;text-decoration:none}
.tpc-call svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.tpc-case{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tpc-case a{background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:var(--tp-r);padding:13px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--tp-sh);text-decoration:none}
.tpc-case a:hover{border-color:var(--tp-navy)}
.tpc-case h3{font-size:14px;line-height:1.3;margin:0;color:var(--tp-ink)}
.tpc-case p{font-size:12.5px;color:var(--tp-ink-soft);line-height:1.45;margin:0}
.tpc-case .go{margin-top:auto;padding-top:3px;font-size:12px;font-weight:900;color:var(--tp-navy)}

.tpc-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:var(--tp-r);padding:11px 14px;box-shadow:var(--tp-sh);margin-top:14px}
.tpc-count{font-size:13.5px;font-weight:700;color:var(--tp-ink-soft);width:100%}
.tpc-count b{color:var(--tp-ink);font-weight:900}
.tpc-sort{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tpc-sort .lb{font-size:12.5px;font-weight:800;color:var(--tp-ink-faint);white-space:nowrap}
.tpc-sort a{font-size:13px;font-weight:800;color:var(--tp-ink-soft);border:1.5px solid var(--tp-line);background:var(--tp-surface);border-radius:9px;padding:6px 12px;white-space:nowrap;text-decoration:none}
.tpc-sort a:hover{border-color:var(--tp-navy);color:var(--tp-navy)}
.tpc-sort a.on{border-color:var(--tp-navy);background:var(--tp-mist);color:var(--tp-navy)}
.tpc-fbtn{display:flex;align-items:center;gap:8px;border:1.5px solid var(--tp-navy);color:var(--tp-navy);background:var(--tp-mist);border-radius:9px;padding:8px 14px;font-size:13.5px;font-weight:900;cursor:pointer}
.tpc-fbtn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}
.tpc-picked{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}
.tpc-picked .lb{font-size:12.5px;font-weight:800;color:var(--tp-ink-faint)}
.tpc-picked .tag{display:flex;align-items:center;gap:7px;background:var(--tp-mist);border:1px solid rgba(18,49,94,.18);color:var(--tp-navy);border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:800;text-decoration:none}
.tpc-picked .tag svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.8}

.tpc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}
.tpc-empty{background:var(--tp-surface);border:1px dashed var(--tp-line);border-radius:var(--tp-r);padding:26px 18px;text-align:center;font-size:14.5px;color:var(--tp-ink-soft);margin-top:13px}
.tpc-more{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:9px}
.tpc-more .bar{width:80%;max-width:320px;height:4px;border-radius:99px;background:var(--tp-line);overflow:hidden}
.tpc-more .bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--tp-gold-bright),var(--tp-gold))}
.tpc-more .txt{font-size:12.5px;font-weight:700;color:var(--tp-ink-faint)}
.tpc-more .btn{border:1.5px solid var(--tp-navy);color:var(--tp-navy);background:var(--tp-surface);border-radius:11px;padding:12px 24px;font-size:14.5px;font-weight:900;display:flex;align-items:center;gap:9px;text-decoration:none}
.tpc-more .btn:hover{background:var(--tp-mist)}
.tpc-more .btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}

.tpc-bot{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px;align-items:start}
.tpc-art{background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:16px;padding:18px 16px 20px;box-shadow:var(--tp-sh)}
.tpc-art + .tpc-art{margin-top:16px}
.tpc-art .sh{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.tpc-art .sh .rule{width:44px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--tp-gold-bright),var(--tp-gold))}
.tpc-art h2{font-family:"Lora",Georgia,serif;font-weight:700;font-size:19px;line-height:1.25;margin:0;color:var(--tp-ink)}
.tpc-art h3{font-size:16px;font-weight:800;margin:20px 0 8px;line-height:1.3;color:var(--tp-ink)}
.tpc-art p{font-size:14.5px;line-height:1.65;color:var(--tp-ink-soft);max-width:78ch;margin:0}
.tpc-art p + p{margin-top:10px}
.tpc-art p b{color:var(--tp-ink);font-weight:800}
.tpc-ul{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.tpc-ul .it{display:flex;gap:11px;align-items:flex-start}
.tpc-ul .ck{width:23px;height:23px;border-radius:50%;flex-shrink:0;background:var(--tp-green-soft);border:1px solid rgba(27,107,74,.3);display:flex;align-items:center;justify-content:center;margin-top:1px}
.tpc-ul .ck svg{width:13px;height:13px;stroke:var(--tp-green);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tpc-ul .tx{font-size:14.5px;line-height:1.6;color:var(--tp-ink-soft);max-width:78ch}
.tpc-ul .tx b{color:var(--tp-ink);font-weight:800}

.tpc-faq{display:flex;flex-direction:column;gap:10px}
.tpc-faq details{border:1px solid var(--tp-line);border-radius:12px;background:var(--tp-surface2);overflow:hidden}
.tpc-faq details[open]{border-color:var(--tp-navy);background:var(--tp-surface)}
.tpc-faq summary{list-style:none;cursor:pointer;padding:13px 14px;display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:800;line-height:1.4;color:var(--tp-ink)}
.tpc-faq summary::-webkit-details-marker{display:none}
.tpc-faq summary .q{width:25px;height:25px;border-radius:8px;flex-shrink:0;background:var(--tp-mist);color:var(--tp-navy);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}
.tpc-faq summary .pm{margin-left:auto;flex-shrink:0;width:17px;height:17px;stroke:var(--tp-ink-faint);fill:none;stroke-width:2.4;stroke-linecap:round}
.tpc-faq details[open] summary .pm{transform:rotate(45deg)}
.tpc-faq .ans{padding:0 14px 15px 50px;font-size:14px;line-height:1.65;color:var(--tp-ink-soft);max-width:82ch}
.tpc-faq .ans p + p{margin-top:9px}

.tpc-botside{display:flex;flex-direction:column;gap:14px}
.tpc-links{background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:14px;overflow:hidden;box-shadow:var(--tp-sh)}
.tpc-links .ttl{padding:12px 15px;font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:var(--tp-surface2);color:var(--tp-ink-soft);border-bottom:1px solid var(--tp-line)}
.tpc-links a{display:block;padding:12px 15px;border-top:1px solid var(--tp-line);font-size:13.5px;font-weight:700;line-height:1.45;color:var(--tp-ink);text-decoration:none}
.tpc-links a:first-of-type{border-top:none}
.tpc-links a:hover{background:var(--tp-mist);color:var(--tp-navy)}

.tpc-commit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.tpc-cm{background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:var(--tp-r);padding:14px;display:flex;flex-direction:column;gap:7px;box-shadow:var(--tp-sh)}
.tpc-cm .ic{width:38px;height:38px;border-radius:11px;background:var(--tp-mist);display:flex;align-items:center;justify-content:center}
.tpc-cm svg{width:20px;height:20px;stroke:var(--tp-navy);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tpc-cm b{font-size:14px;font-weight:800;line-height:1.3;color:var(--tp-ink)}
.tpc-cm i{font-style:normal;font-size:12.5px;color:var(--tp-ink-soft);line-height:1.5}

@media (min-width:760px){
  .tpc-hgrid{grid-template-columns:1fr 250px;gap:26px;padding:26px 28px}
  .tpc-htxt h1{font-size:30px}
  .tpc-lead{font-size:15px}
  .tpc-slider{max-width:none;margin:0}
  .tpc-case{grid-template-columns:repeat(4,1fr);gap:12px}
  .tpc-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .tpc-commit{grid-template-columns:repeat(4,1fr);gap:14px}
  .tpc-art{padding:22px 24px 24px}
  .tpc-art h2{font-size:22px}
  .tpc-count{width:auto}
  .tpc-sort{margin-left:auto}
}

@media (min-width:1060px){
  .tpc-body{grid-template-columns:262px 1fr;gap:18px;margin-top:20px}
  .tpc-side{display:flex;position:sticky;top:14px}
  .tpc-fbtn{display:none}
  .tpc-grid{grid-template-columns:repeat(4,1fr)}
  .tpc-bot{grid-template-columns:1fr 300px;gap:18px}
  .tpc-botside{position:sticky;top:14px}
}

/* ================= TU VAN + CUA HANG + VIDEO (15/09/2026 - thay khoi niem tin, lam theo michiko.vn) ================= */
.tpx-consult,.tpx-video{background:#fff;border-top:1px solid var(--tp-line);border-bottom:1px solid var(--tp-line);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.tpx-consult{padding:26px 0}
.tpx-cbar{display:flex;flex-direction:column;gap:12px;background:linear-gradient(90deg,var(--tp-mist),#fff);border:1px solid #C9D7E8;border-radius:14px;padding:16px 15px}
.tpx-cleft{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px}
.tpx-cav{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--tp-navy2),var(--tp-navy-deep));display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 6px 14px rgba(18,49,94,.28)}
.tp .tpx-cav svg{width:21px;height:21px;stroke:var(--tp-gold-bright)}
.tpx-ctx{flex:1 1 auto;min-width:120px;font-size:14px;font-weight:800;line-height:1.25;color:var(--tp-ink)}
.tpx-cbtns{display:flex;gap:10px;flex:1 1 100%}
.tp .tpx-cbtn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:12.5px;padding:11px 8px;border-radius:10px;color:#fff;white-space:nowrap;transition:background .15s}
.tp .tpx-cbtn svg{width:15px;height:15px}
.tp .tpx-cbtn.zalo{background:#0068FF}
.tp .tpx-cbtn.zalo:hover{background:#0057D6;color:#fff}
.tp .tpx-cbtn.call{background:var(--tp-navy)}
.tp .tpx-cbtn.call:hover{background:var(--tp-navy-deep);color:#fff}
.tpx-cdiv{display:none}
.tpx-cform{display:flex;flex-direction:column;gap:9px;margin:0;min-width:0}
.tpx-cform input[type=tel]{width:100%;height:46px;margin:0;border:1px solid var(--tp-line);border-radius:11px;padding:0 16px;font-size:14px;font-family:inherit;background:#fff;box-shadow:none;color:var(--tp-ink)}
.tpx-cform input[type=tel]:focus{outline:none;border-color:var(--tp-navy2);box-shadow:0 0 0 3px rgba(27,68,120,.14)}
.tpx-cform button{height:46px;min-height:0;margin:0;padding:0 22px;border:0;border-radius:11px;font-weight:900;font-size:13.5px;letter-spacing:.04em;line-height:1;text-transform:none;background:linear-gradient(180deg,var(--tp-navy2),var(--tp-navy));color:#fff;cursor:pointer;font-family:inherit;white-space:nowrap}
.tpx-cform button:hover{background:var(--tp-navy-deep)}
.tpx-cform button[disabled]{opacity:.6;cursor:wait}
.tpx-cform .tpx-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.tp .tpx-cmsg{flex:1 1 100%;margin:0;font-size:13px;font-weight:700;color:var(--tp-green)}
.tp .tpx-cmsg:empty{display:none}
.tp .tpx-cmsg.err{color:var(--tp-red)}

.tpx-rule{display:block;width:44px;height:2px;background:var(--tp-gold-bright);margin:0 0 11px}
.tpx-kicker{display:block;font-size:10.5px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--tp-gold);margin-bottom:7px}
.tp h2.tpx-h{font-size:22px;line-height:1.25;margin:0 0 8px;color:var(--tp-ink)}
.tp .tpx-sub{color:var(--tp-ink-soft);font-size:13.5px;line-height:1.6;margin:0 0 20px;max-width:620px}
.tpx-center{text-align:center}
.tpx-center .tpx-rule{margin-left:auto;margin-right:auto}
.tp .tpx-center .tpx-sub{margin-left:auto;margin-right:auto}

.tpx-story{padding:34px 0 26px}
.tpx-sgrid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
.tp .tpx-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:14px}
.tp .tpx-list li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.55;color:var(--tp-ink-soft);margin:0}
.tpx-list b{color:var(--tp-ink);font-weight:800}
.tpx-list .ic{width:30px;height:30px;border-radius:50%;background:var(--tp-gold-soft);display:flex;align-items:center;justify-content:center;flex:none;margin-top:-3px}
.tp .tpx-list .ic svg{width:16px;height:16px;stroke:var(--tp-gold)}
.tpx-shots{position:relative;aspect-ratio:1/1;border-radius:16px;overflow:hidden;border:1px solid var(--tp-line);background:var(--tp-sunk);box-shadow:var(--tp-sh)}
.tpx-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.tpx-slide{min-width:100%;height:100%}
.tpx-slide img{width:100%;height:100%;object-fit:cover;display:block}
.tp .tpx-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--tp-navy);font-size:24px;line-height:1;letter-spacing:0;text-transform:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:3}
.tp .tpx-nav:hover{background:#fff;color:var(--tp-gold)}
.tp .tpx-nav[hidden]{display:none}
.tpx-nav.prev{left:12px}
.tpx-nav.next{right:12px}
.tpx-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;align-items:center;gap:6px;z-index:3}
.tp .tpx-dots button{width:9px;height:9px;min-height:0;margin:0;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(18,49,94,.25);cursor:pointer;transition:width .25s,background .25s}
.tp .tpx-dots button.on{width:22px;background:var(--tp-navy)}

.tpx-video{padding:34px 0;margin-bottom:26px}
.tpx-hint{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tp-ink-faint);margin-bottom:14px}
.tp .tpx-hint svg{width:16px;height:16px;stroke:var(--tp-gold)}
.tpx-rwrap{position:relative}
.tpx-reels{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 16px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#C9D7E8 transparent}
.tpx-reels::-webkit-scrollbar{height:8px}
.tpx-reels::-webkit-scrollbar-thumb{background:#C9D7E8;border-radius:99px}
.tpx-reel{flex:0 0 auto;width:72vw;max-width:320px;aspect-ratio:9/16;scroll-snap-align:center;position:relative;border-radius:18px;overflow:hidden;cursor:pointer;border:1px solid var(--tp-line);background:linear-gradient(160deg,var(--tp-navy-deep),var(--tp-navy) 55%,var(--tp-navy2));transition:transform .18s}
.tpx-reel:hover{transform:translateY(-4px)}
.tpx-reel:focus-visible{outline:3px solid var(--tp-gold-bright);outline-offset:2px}
.tpx-reel img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}
.tpx-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.93);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 6px 18px rgba(8,24,47,.35)}
.tp .tpx-play svg{width:24px;height:24px;fill:var(--tp-navy);stroke:none;margin-left:4px}
.tpx-reel:hover .tpx-play{background:#fff}
.tpx-rlabel{position:absolute;left:14px;right:14px;bottom:14px;color:#fff;font-weight:700;font-size:14px;line-height:1.25;z-index:2;text-shadow:0 1px 8px rgba(0,0,0,.65)}
.tpx-reel iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;z-index:4}
.tpx-reel.on{cursor:default;transform:none}
.tpx-reel.on .tpx-play,.tpx-reel.on .tpx-rlabel{display:none}
.tp .tpx-rnav{display:none}

@media (min-width:760px){
  .tpx-consult{padding:40px 0}
  .tpx-cbar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:15px 20px}
  .tpx-cleft{flex:0 0 auto;flex-wrap:nowrap}
  .tpx-ctx{flex:0 0 auto;min-width:0;font-size:14.5px;white-space:nowrap}
  .tpx-cbtns{flex:0 0 auto}
  .tp .tpx-cbtn{flex:0 0 auto;padding:10px 14px}
  .tpx-cdiv{display:block;width:1px;height:40px;background:#C9D7E8;flex:none}
  .tpx-cform{flex:1 1 280px;flex-direction:row;gap:10px}
  .tpx-cform input[type=tel]{flex:1;height:48px}
  .tpx-cform button{height:48px}
  .tpx-rule{margin-bottom:20px}
  .tpx-kicker{font-size:11px;margin-bottom:12px}
  .tp h2.tpx-h{font-size:30px;margin-bottom:12px}
  .tp .tpx-sub{font-size:15px;margin-bottom:30px}
  .tpx-story{padding:60px 0}
  .tpx-sgrid{grid-template-columns:1fr 1.05fr;gap:52px}
  .tp .tpx-list{gap:18px}
  .tp .tpx-list li{font-size:15px}
  .tpx-video{padding:56px 0}
  .tpx-reel{width:280px}
  .tp .tpx-rnav{position:absolute;top:calc(50% - 30px);width:44px;height:44px;min-height:0;margin:0;padding:0;border-radius:50%;border:1px solid var(--tp-line);background:#fff;color:var(--tp-navy);font-size:24px;line-height:1;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:var(--tp-sh);z-index:5;display:flex;align-items:center;justify-content:center}
  .tp .tpx-rnav:hover{background:var(--tp-mist);border-color:var(--tp-navy2)}
  .tpx-rnav.prev{left:-14px}
  .tpx-rnav.next{right:-14px}
}