:root{
  --bg:#05090f;--bg2:#08111a;--panel:#0b151f;--panel2:#101c28;--line:#1b3343;
  --text:#f5fbff;--muted:#8facbb;--cyan:#22e6f2;--cyan2:#08b9d4;--tech:#7af6ff;--green:#38daa1;
  --amber:#ffc857;--red:#ff7180;--header:#050a10;--max:1280px;--radius:18px;--btn-radius:12px;--img-zoom:1.06;--img-fit:cover;--img-pos:center;--hero-pos:center center;--hero-pos-mobile:center top;--shadow:0 24px 70px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#04080d 0,#06101a 50%,#04090e 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 10%,rgba(34,222,245,.07),transparent 28%),radial-gradient(circle at 12% 46%,rgba(0,169,202,.05),transparent 24%);z-index:-1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted)}.boot img{width:150px}.accent{color:var(--cyan)}.muted{color:var(--muted)}.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:12px;letter-spacing:.12em;font-weight:900;text-transform:uppercase}.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.section{padding:82px 0;position:relative}.section.tight{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.section-head h2{margin:7px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.035em}.section-head p{max-width:620px;margin:0;color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;border:1px solid rgba(34,222,245,.28);background:rgba(34,222,245,.07);color:#87effb;border-radius:999px;padding:8px 13px;font-weight:900;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.btn{appearance:none;border:1px solid #294457;background:#0c1721;color:#f4fbfd;border-radius:var(--btn-radius);padding:12px 17px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s ease;min-height:46px}.btn:hover{transform:translateY(-2px);border-color:#3d6178;background:#11222f}.btn.primary{background:linear-gradient(135deg,#44e9fa,#17b9dc);color:#031116;border-color:transparent;box-shadow:0 12px 32px rgba(34,222,245,.18)}.btn.primary:hover{box-shadow:0 16px 40px rgba(34,222,245,.27)}.btn.ghost{background:transparent}.btn.danger{color:#ff9ca7;border-color:rgba(255,113,128,.35);background:rgba(255,113,128,.07)}.btn.full{width:100%}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:#c7d6de;background:#09131c;font-size:11px;font-weight:800}.pill.ok{color:#67e4b4;border-color:rgba(56,218,161,.25);background:rgba(56,218,161,.08)}.pill.warn{color:#ffd477;border-color:rgba(255,200,87,.25);background:rgba(255,200,87,.08)}

/* Header */
.top-strip{background:#06111a;border-bottom:1px solid #143040;color:#b7c8d0;font-size:12px}.top-strip .container{height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-strip strong{color:var(--cyan);font-weight:900}.top-links{display:flex;align-items:center;gap:16px}.top-links a:hover{color:var(--cyan)}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--header) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid rgba(48,82,101,.55)}.header-row{height:82px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}.brand img{width:58px;height:58px;object-fit:contain}.brand-copy b{display:block;font-size:24px;line-height:1;letter-spacing:.01em}.brand-copy span{display:block;color:#93a7b3;font-size:10px;letter-spacing:.09em;margin-top:5px;text-transform:uppercase}.nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav a{padding:10px 11px;border-radius:9px;color:#c4d1d8;font-size:13px;font-weight:800;white-space:nowrap}.nav a:hover,.nav a.active{color:var(--cyan);background:rgba(34,222,245,.07)}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid #274153;border-radius:11px;background:#0a151f;color:#eaf7fa;position:relative}.icon-btn:hover{border-color:var(--cyan);color:var(--cyan)}.cart-badge{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--cyan);color:#021014;font-size:11px;font-weight:1000}.menu-btn{display:none}.mobile-menu{display:none;border-top:1px solid var(--line);padding:10px 20px 18px;background:#07111a}.mobile-menu a{display:block;padding:12px 4px;border-bottom:1px solid #142433;color:#d6e2e8;font-weight:800}.mobile-menu.open{display:block}

/* Home hero */
.hero-showcase{padding:0;background:#02070c;border-bottom:1px solid var(--line);overflow:hidden}.hero-art{position:relative;width:100%;background:#02070c}.hero-art picture,.hero-art img{width:100%;height:auto}.hero-art img{max-height:560px;object-fit:cover;object-position:center}.hero-hotspots{position:absolute;inset:0;pointer-events:none}.hero-hotspot{position:absolute;pointer-events:auto;border-radius:12px}.hero-hotspot.quote{left:3.4%;bottom:10.6%;width:18.6%;height:10%}.hero-hotspot.call{left:23.2%;bottom:10.6%;width:16.2%;height:10%}.hero-underbar{border-top:1px solid rgba(34,222,245,.15);border-bottom:1px solid rgba(34,222,245,.15);background:linear-gradient(90deg,#071019,#0a1823,#071019)}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr)}.trust-item{padding:18px 14px;border-right:1px solid #183346;display:flex;align-items:center;justify-content:center;gap:12px}.trust-item:last-child{border-right:0}.trust-icon{width:38px;height:38px;border:1px solid rgba(34,222,245,.35);border-radius:12px;display:grid;place-items:center;color:var(--cyan);font-size:20px;box-shadow:inset 0 0 20px rgba(34,222,245,.05)}.trust-item b{display:block;font-size:14px}.trust-item span{font-size:11px;color:var(--muted)}

/* Cards and grids */
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-card{position:relative;min-height:190px;border:1px solid #1b394a;border-radius:16px;overflow:hidden;background:#07111a;box-shadow:0 14px 36px rgba(0,0,0,.18)}.category-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.9) brightness(.75);transition:.35s}.category-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(2,8,13,.94) 100%)}.category-card:hover img{transform:scale(1.045);filter:saturate(1) brightness(.88)}.category-copy{position:absolute;z-index:2;left:15px;right:15px;bottom:13px}.category-copy b{display:block;font-size:14px}.category-copy span{font-size:11px;color:#9fc0cf}.category-arrow{position:absolute;z-index:3;right:13px;top:13px;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(34,222,245,.45);background:rgba(3,13,19,.72);border-radius:50%;color:var(--cyan)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{border:1px solid #1c3443;background:linear-gradient(160deg,#0c1823,#07111a);border-radius:18px;overflow:hidden;position:relative;transition:.22s;box-shadow:0 18px 40px rgba(0,0,0,.16)}.product-card:hover{transform:translateY(-4px);border-color:#2d5d74;box-shadow:0 24px 54px rgba(0,0,0,.27)}.product-img{aspect-ratio:16/10;background:#061019;overflow:hidden;position:relative}.product-img img{width:100%;height:100%;object-fit:cover;transition:.35s}.product-card:hover .product-img img{transform:scale(1.035)}.product-flag{position:absolute;left:11px;top:11px;z-index:2;background:#00cce8;color:#021014;font-size:10px;font-weight:1000;border-radius:999px;padding:5px 8px}.product-body{padding:16px}.product-cat{color:var(--cyan);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.product-body h3{margin:5px 0 9px;font-size:18px;line-height:1.25}.product-desc{color:#99acb8;font-size:12px;min-height:38px}.spec-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.price-row{display:flex;align-items:end;justify-content:space-between;gap:10px;border-top:1px solid #1a2c39;padding-top:13px}.price b{font-size:18px;color:#eafcff}.price small{display:block;color:var(--muted);font-size:10px}.card-actions{display:flex;gap:8px}.card-actions .btn{min-height:38px;padding:8px 11px;font-size:12px}.card-actions .icon-btn{width:38px;height:38px}

/* Marketing sections */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}.visual-card{border:1px solid #1d394a;border-radius:20px;overflow:hidden;min-height:420px;background:#07111a;position:relative}.visual-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.visual-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,8,13,.72))}.content-card{border:1px solid #1d394a;border-radius:20px;background:linear-gradient(145deg,#0d1823,#07111a);padding:32px}.content-card h2{font-size:clamp(30px,4vw,47px);line-height:1.05;margin:8px 0 16px}.content-card p{color:#a4b4bd}.feature-list{display:grid;gap:10px;margin:22px 0}.feature{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid #173140;border-radius:12px;background:#07121b}.feature i{font-style:normal;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(34,222,245,.08);color:var(--cyan);border:1px solid rgba(34,222,245,.22);flex:0 0 auto}.feature b{display:block}.feature span{display:block;font-size:11px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #1b3b4c;border-radius:18px;overflow:hidden;background:#1b3b4c}.metric{background:#07121b;padding:24px 18px;text-align:center}.metric strong{display:block;color:var(--cyan);font-size:28px}.metric span{color:#a9bac3;font-size:12px}.warehouse-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.warehouse-stack{display:grid;gap:18px}.image-info{position:relative;overflow:hidden;border:1px solid #1d394a;border-radius:18px;background:#07111a;min-height:210px}.image-info img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-info::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,15,.9),rgba(3,10,15,.15))}.image-info .inside{position:relative;z-index:2;padding:26px;max-width:65%}.image-info h3{font-size:24px;margin:4px 0}.image-info p{font-size:12px;color:#b7c7cf}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}.step{border:1px solid #1a3444;border-radius:14px;padding:16px;background:#08131d;position:relative}.step b{color:var(--cyan);font-size:12px}.step strong{display:block;margin:6px 0}.step span{font-size:11px;color:var(--muted)}

/* Forms and panels */
.panel{border:1px solid #1d3747;background:linear-gradient(145deg,#0b1721,#071119);border-radius:18px;padding:22px}.panel h3{margin:0 0 14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#a2b5bf;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.field input,.field select,.field textarea,.search{width:100%;border:1px solid #244050;background:#06101a;color:#eef8fa;border-radius:11px;padding:12px 13px;outline:none;min-height:46px}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,222,245,.06)}.lookup-shell{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tab-row{display:flex;gap:8px;margin-bottom:14px}.tab-row .btn{flex:1}.result-card{border:1px solid #21475a;background:#06131d;border-radius:14px;padding:18px;margin-top:14px}.result-card h3{margin:4px 0 12px}.result-ok{color:#54e4ad;font-weight:1000}.result-warn{color:#ffd06a;font-weight:1000}.detail-row{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #142b39;font-size:12px}.detail-row:last-child{border-bottom:0}.detail-row span{color:var(--muted)}

/* Page heroes */
.page-hero{position:relative;min-height:350px;display:flex;align-items:end;background:#061019 center/cover no-repeat;border-bottom:1px solid #163648;overflow:hidden}.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,12,.94) 0%,rgba(2,7,12,.74) 42%,rgba(2,7,12,.32) 75%,rgba(2,7,12,.14) 100%)}.page-title{position:relative;z-index:2;padding:58px 0}.page-title h1{margin:8px 0 11px;font-size:clamp(38px,6vw,68px);line-height:.98;letter-spacing:-.045em;max-width:860px}.page-title p{max-width:680px;color:#b2c2ca;font-size:15px}.breadcrumbs{font-size:11px;color:#8fa7b5}.breadcrumbs a{color:#b8d3df}.toolbar{display:flex;gap:9px;flex-wrap:wrap}.toolbar .search{width:auto;min-width:220px}

/* Catalog */
.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:start}.filter{position:sticky;top:110px;border:1px solid #1d3747;border-radius:16px;padding:18px;background:#08131c}.filter h3{margin:0 0 12px}.filter label{display:flex;align-items:center;gap:8px;padding:7px 0;color:#b9c7cf;font-size:12px}.filter input{accent-color:var(--cyan)}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.empty{border:1px dashed #274456;border-radius:16px;padding:34px;text-align:center;color:var(--muted);background:#07111a}

/* Product detail */
.product-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start}.product-gallery{border:1px solid #1d394a;border-radius:20px;overflow:hidden;background:#07111a;position:sticky;top:112px}.product-gallery img{width:100%;aspect-ratio:16/11;object-fit:cover}.product-info h1{font-size:clamp(36px,5vw,58px);line-height:1;margin:5px 0 12px;letter-spacing:-.04em}.product-info .lead{color:#a8bbc5;font-size:15px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.spec{border:1px solid #173443;background:#07131c;border-radius:12px;padding:13px}.spec span{display:block;color:#7e98a6;font-size:10px;text-transform:uppercase}.spec b{display:block;margin-top:4px}.buy-box{border:1px solid #24485a;background:linear-gradient(145deg,#0c1b26,#07121a);border-radius:16px;padding:18px;margin-top:20px}.qty{display:inline-flex;border:1px solid #294657;border-radius:10px;overflow:hidden}.qty button,.qty input{width:42px;height:42px;border:0;background:#08131d;color:#fff;text-align:center}.qty input{border-left:1px solid #294657;border-right:1px solid #294657}.product-copy{margin-top:22px;color:#b4c3cb}.product-copy ul{padding-left:18px}.product-copy li{margin:8px 0}

/* Wholesale */
.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tier-card{border:1px solid #1e3c4d;border-radius:16px;padding:20px;background:#08131d;position:relative;overflow:hidden}.tier-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--cyan),transparent)}.tier-card.gold::before{background:linear-gradient(90deg,#ffc857,transparent)}.tier-card b{font-size:18px}.tier-card strong{display:block;font-size:28px;color:var(--cyan);margin-top:10px}.tier-card span{color:var(--muted);font-size:12px}.price-table{overflow:auto;border:1px solid #1e3948;border-radius:16px}.price-table table{width:100%;border-collapse:collapse;min-width:900px}.price-table th,.price-table td{padding:14px;border-bottom:1px solid #17303e;text-align:left}.price-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8aa3b0;background:#061019}.price-table td{font-size:12px}.price-table tr:hover td{background:#0a1721}

/* Cart & checkout */
.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start}.cart-list{border:1px solid #1d3747;border-radius:18px;overflow:hidden;background:#08131c}.cart-item{display:grid;grid-template-columns:100px 1fr 130px 130px 42px;gap:14px;align-items:center;padding:15px;border-bottom:1px solid #18303e}.cart-item:last-child{border-bottom:0}.cart-item img{width:100px;height:72px;object-fit:cover;border-radius:10px}.cart-name b{display:block}.cart-name span{font-size:11px;color:var(--muted)}.cart-price{font-weight:900}.summary{position:sticky;top:112px}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:#c3d0d7}.summary-total{font-size:30px;color:var(--cyan);font-weight:1000;margin:6px 0 16px}.checkout-layout{display:grid;grid-template-columns:1fr 420px;gap:18px;align-items:start}

/* Footer, chat, mobile bar */
.footer{border-top:1px solid #183442;background:#04080d;padding:50px 0 90px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer-brand{display:flex;gap:13px;align-items:center}.footer-brand img{width:64px}.footer-brand b{font-size:24px}.footer h4{margin:0 0 12px}.footer a,.footer p{display:block;color:#8fa4b0;font-size:12px;margin:7px 0}.footer a:hover{color:var(--cyan)}.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid #142b37;color:#6f8794;font-size:11px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.chat-toggle{position:fixed;right:20px;bottom:22px;z-index:35;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#28e1f6,#0da7cf);color:#031116;font-weight:1000;border:0;box-shadow:0 14px 38px rgba(34,222,245,.3)}.chatbox{position:fixed;right:20px;bottom:90px;z-index:45;width:min(370px,calc(100vw - 30px));height:500px;max-height:calc(100vh - 120px);background:#07111a;border:1px solid #265068;border-radius:17px;box-shadow:var(--shadow);display:none;overflow:hidden}.chatbox.open{display:flex;flex-direction:column}.chat-head{padding:15px 16px;border-bottom:1px solid #1b3748;display:flex;align-items:center;justify-content:space-between;background:#0b1721}.chat-msgs{flex:1;overflow:auto;padding:14px}.bubble{max-width:84%;padding:9px 11px;border-radius:12px;background:#102330;color:#dce8ed;margin:8px 0;font-size:12px}.bubble.me{margin-left:auto;background:rgba(34,222,245,.12);border:1px solid rgba(34,222,245,.22)}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid #173443}.chat-form input{flex:1;border:1px solid #294657;background:#061019;color:#fff;border-radius:10px;padding:10px}.mobilebar{display:none}.mobile-contact-bar{display:none}.toast{position:fixed;top:18px;right:18px;z-index:100;background:#0d1c27;color:#eaf7fa;border:1px solid #2b5368;border-radius:12px;padding:12px 15px;box-shadow:var(--shadow);transform:translateY(-20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}

/* Custom Page Builder */
.pb-custom{position:relative}.pb-custom-inner{width:min(var(--max),calc(100% - 40px));margin:auto}.pb-custom.rich .pb-custom-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px}.pb-custom img,.pb-custom video{max-width:100%;border-radius:16px;border:1px solid var(--line)}.pb-custom.cards .pb-card-grid{display:grid;gap:14px}.pb-card{border:1px solid var(--line);border-radius:14px;background:#07131c;padding:15px}.pb-card img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:10px}.pb-custom.center{text-align:center}.pb-custom.right{text-align:right}

/* Responsive */
@media(max-width:1120px){.nav{display:none}.menu-btn{display:grid}.header-actions .header-cta{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.catalog{grid-template-columns:repeat(2,1fr)}.tier-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(3,1fr)}.trust-item:nth-child(3){border-right:0}.trust-item:nth-child(n+4){border-top:1px solid #183346}.warehouse-grid{grid-template-columns:1fr}.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary{position:static}.footer-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.container{width:min(100% - 28px,var(--max))}.top-strip{display:none}.header-row{height:70px;gap:12px}.brand img{width:46px;height:46px}.brand-copy b{font-size:20px}.brand-copy span{display:none}.header-actions{margin-left:auto}.header-actions .btn{display:none}.site-header{top:0}.hero-showcase{padding:0}.hero-art img{max-height:none;object-fit:cover}.hero-hotspots{display:none}.trust-grid{grid-template-columns:1fr 1fr}.trust-item{justify-content:flex-start;border-right:1px solid #183346}.trust-item:nth-child(2n){border-right:0}.trust-item:nth-child(n+3){border-top:1px solid #183346}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:12px}.category-grid{grid-template-columns:1fr 1fr}.category-card{min-height:170px}.product-grid,.catalog{grid-template-columns:1fr 1fr}.split,.lookup-shell,.product-detail{grid-template-columns:1fr}.product-gallery{position:static}.metric-grid{grid-template-columns:1fr 1fr}.warehouse-stack{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.page-hero{min-height:320px}.page-title{padding:46px 0}.catalog-layout{grid-template-columns:1fr}.filter{position:static}.filter label{display:inline-flex;margin-right:13px}.cart-item{grid-template-columns:78px 1fr auto;gap:10px}.cart-item img{width:78px;height:62px}.cart-price{grid-column:2}.cart-item .qty{grid-column:3;grid-row:1/3}.cart-item .remove{grid-column:3}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.chat-toggle{bottom:74px}.chatbox{bottom:138px}.mobilebar.mobile-contact-bar{position:fixed;z-index:35;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(6,12,18,.92),rgba(4,9,15,.98));backdrop-filter:blur(18px);border-top:1px solid rgba(70,102,128,.45);display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -18px 40px rgba(0,0,0,.35)}.mobile-contact{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 9px;border-radius:18px;background:linear-gradient(180deg,rgba(14,24,34,.95),rgba(7,14,22,.98));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-decoration:none}.mobile-contact .mobile-contact-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.04)}.mobile-contact .social-icon-badge,.mobile-contact .mobile-call-badge{width:34px;height:34px;display:grid;place-items:center}.mobile-contact .mobile-call-badge{border-radius:12px;background:linear-gradient(135deg,#10c69b,#0f8a74);color:#fff;font-size:18px;box-shadow:0 10px 22px rgba(16,198,155,.18)}.mobile-contact-copy{display:grid;min-width:0;line-height:1.12}.mobile-contact-copy b{display:block;color:#f5fbff;font-size:12px;font-weight:900;white-space:nowrap}.mobile-contact-copy small{display:block;color:#9db5c6;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-contact.messenger{border-color:rgba(123,77,255,.35)}.mobile-contact.zalo{border-color:rgba(0,104,255,.32)}.mobile-contact.call{border-color:rgba(16,198,155,.30)}.footer{padding-bottom:120px}.pb-custom.rich .pb-custom-grid{grid-template-columns:1fr}.toolbar .search{width:100%;min-width:0}}
@media(max-width:560px){.container{width:calc(100% - 22px)}.header-row{height:64px}.brand img{width:42px;height:42px}.brand-copy b{font-size:18px}.icon-btn{width:40px;height:40px}.category-grid,.product-grid,.catalog{grid-template-columns:1fr}.category-card{min-height:180px}.product-img{aspect-ratio:16/9}.section{padding:48px 0}.section-head h2{font-size:34px}.content-card{padding:22px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:18px 10px}.metric strong{font-size:23px}.timeline{grid-template-columns:1fr}.tier-grid{grid-template-columns:1fr}.page-hero{min-height:270px}.page-title h1{font-size:42px}.product-info h1{font-size:39px}.specs{grid-template-columns:1fr}.cart-item{grid-template-columns:70px 1fr}.cart-item img{width:70px;height:58px}.cart-item .qty,.cart-item .remove{grid-column:2;grid-row:auto}.summary-total{font-size:25px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}.hero-art picture{display:block}.hero-underbar{display:none}.chatbox{right:10px;width:calc(100vw - 20px)} }

/* Structured professional hero — editable from Admin */
.hero-main{position:relative;overflow:hidden;padding:34px 0 26px;background:linear-gradient(120deg,#03080d 0%,#06111a 48%,#071724 100%);border-bottom:1px solid #173847}.hero-main::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 44%,rgba(34,222,245,.13),transparent 30%),linear-gradient(90deg,transparent 0 49%,rgba(34,222,245,.025) 49% 50%,transparent 50% 100%);pointer-events:none}.hero-main-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:28px;min-height:500px}.hero-copy h1{font-size:clamp(48px,5.4vw,78px);line-height:.96;letter-spacing:-.055em;margin:15px 0 18px;max-width:760px}.hero-copy p{max-width:650px;color:#b5c7d0;font-size:16px;margin:0 0 24px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;max-width:680px}.hero-mini-metrics>div{padding:13px;border:1px solid #1b3a4a;border-radius:12px;background:rgba(7,18,27,.75)}.hero-mini-metrics b{display:block;color:#eafcff}.hero-mini-metrics span{font-size:10px;color:#82a0af}.hero-visual-panel{position:relative;min-width:0;border:1px solid #1c4d62;border-radius:22px;overflow:hidden;background:#05111a;box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 70px rgba(34,222,245,.06)}.hero-visual-panel::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 50px rgba(0,0,0,.22);pointer-events:none}.hero-visual-panel img{width:100%;aspect-ratio:1052/489;object-fit:cover}.visual-badge{position:absolute;left:16px;bottom:14px;z-index:2;padding:9px 12px;border:1px solid rgba(34,222,245,.32);background:rgba(2,10,15,.76);backdrop-filter:blur(9px);border-radius:10px}.visual-badge b{display:block;font-size:11px;color:var(--cyan);letter-spacing:.05em}.visual-badge span{display:block;font-size:9px;color:#a9bdc6;text-transform:uppercase;letter-spacing:.08em}.hero-showcase{display:none}
@media(max-width:980px){.hero-main-grid{grid-template-columns:1fr;min-height:auto}.hero-visual-panel{order:-1}.hero-copy h1{font-size:clamp(44px,8vw,68px)}.hero-copy{padding-bottom:12px}}
@media(max-width:760px){.hero-main{padding-top:18px}.hero-main-grid{gap:18px}.hero-visual-panel img{aspect-ratio:886/495}.hero-copy h1{font-size:44px}.hero-copy p{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-mini-metrics{grid-template-columns:1fr 1fr}.hero-mini-metrics>div:last-child{grid-column:1/-1}.visual-badge{display:none}}
@media(max-width:480px){.hero-copy h1{font-size:38px}.hero-main .eyebrow{font-size:9px;padding:7px 10px}.hero-mini-metrics{grid-template-columns:1fr}.hero-mini-metrics>div:last-child{grid-column:auto}}

/* V9 professional social, QR scanner and nationwide delivery */
.top-social{display:flex;align-items:center;gap:14px}.social-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.social-links.compact{gap:8px}.social-link{display:inline-flex!important;align-items:center;gap:7px;color:#edf7fb!important;text-decoration:none;font-weight:800;font-size:12px;line-height:1;opacity:1;transition:transform .18s ease,filter .18s ease,color .18s ease}.social-link:hover{transform:translateY(-1px);filter:brightness(1.12);color:#fff!important}.social-icon-badge{display:inline-grid;place-items:center;width:28px;height:28px;flex:0 0 28px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}.social-icon-badge svg{display:block;width:100%;height:100%;overflow:visible}.social-links.compact .social-icon-badge{width:22px;height:22px;flex-basis:22px}.social-links.compact .social-link span:last-child{font-size:11px}.social-link.facebook:hover{color:#73a9ff!important}.social-link.tiktok:hover{color:#fff!important}.social-link.youtube:hover{color:#ff7777!important}.social-link.zalo:hover{color:#69a5ff!important}.top-social .hotline-top{white-space:nowrap;color:#eafcff;text-decoration:none}.footer .social-links{margin-top:16px;gap:9px}.footer .social-link{background:linear-gradient(180deg,#0c1a25,#08131c);border:1px solid rgba(255,255,255,.09);padding:8px 10px;border-radius:12px;box-shadow:inset 0 1px rgba(255,255,255,.025)}.footer .social-link.facebook{border-color:rgba(24,119,242,.28)}.footer .social-link.tiktok{border-color:rgba(255,255,255,.16)}.footer .social-link.youtube{border-color:rgba(255,0,0,.28)}.footer .social-link.zalo{border-color:rgba(0,104,255,.30)}.mobile-social{padding:12px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.mobile-social .social-link{padding:7px 8px;border-radius:10px;background:#08141d;border:1px solid rgba(255,255,255,.08)}
.delivery-map-card{display:grid;grid-template-columns:minmax(320px,.8fr) 1.2fr;gap:42px;align-items:center;background:linear-gradient(135deg,#07131d,#06101a 60%,#0a1721);border:1px solid rgba(34,222,245,.24);border-radius:24px;padding:34px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.35)}.delivery-map-visual{min-height:520px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(34,222,245,.12),transparent 60%);border-radius:20px}.vn-map{width:min(100%,340px);height:500px;overflow:visible}.map-label text{fill:#a9f7ff;font-size:16px;font-weight:800;letter-spacing:.08em}.delivery-map-copy h2{font-size:clamp(34px,5vw,64px);line-height:1.02;margin:8px 0 16px}.delivery-map-copy p{font-size:18px;color:#aec1ca}.delivery-map-copy .feature-list{margin-top:24px}
.warranty-qr-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;background:linear-gradient(135deg,#07131d,#091a26);border:1px solid rgba(34,222,245,.24);border-radius:20px;padding:28px}.warranty-qr-intro h2{font-size:clamp(30px,4vw,52px);margin:7px 0}.qr-sample{display:flex;gap:18px;align-items:center;background:#06101a;border:1px solid rgba(34,222,245,.25);padding:18px;border-radius:16px}.qr-sample img{width:150px;height:150px;background:#fff;padding:8px;border-radius:12px;image-rendering:crisp-edges}.qr-sample span{display:block;color:#91a9b5;margin-top:6px}.qr-scanner{margin-top:14px}.qr-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.qr-head h3{margin:4px 0 12px}.qr-video-wrap{position:relative;min-height:300px;background:#020508;border:1px solid #20445a;border-radius:14px;overflow:hidden}.qr-video-wrap video{width:100%;height:360px;object-fit:cover;display:block}.qr-frame{position:absolute;left:50%;top:50%;width:220px;height:220px;transform:translate(-50%,-50%);border:3px solid #22def5;border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.35),0 0 35px rgba(34,222,245,.45)}.qr-result{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.qr-result img{width:110px;height:110px;background:white;padding:7px;border-radius:10px;image-rendering:crisp-edges}
@media(max-width:1100px){.top-social .social-links.compact{gap:6px}.top-social .social-link{font-size:10px}.top-social .social-icon-badge{width:20px;height:20px;flex-basis:20px}.delivery-map-card{grid-template-columns:1fr 1fr}.warranty-qr-intro{grid-template-columns:1fr}}
@media(max-width:760px){.top-strip .top-social .social-links{display:none}.delivery-map-card{grid-template-columns:1fr;padding:20px;gap:20px}.delivery-map-visual{min-height:370px}.vn-map{height:360px}.delivery-map-copy h2{font-size:38px}.warranty-qr-intro{padding:20px}.qr-sample{align-items:flex-start}.qr-sample img{width:115px;height:115px}.qr-video-wrap video{height:300px}.social-links{gap:8px}.social-link{font-size:11px}}

/* V12 premium commerce polish */
::selection{background:rgba(239,35,60,.3);color:#fff}
.site-header{box-shadow:0 12px 40px rgba(0,0,0,.22)}
.hero{isolation:isolate}.hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,35,60,.75),transparent)}
.product-card,.panel,.feature-card,.result-card{box-shadow:0 18px 55px rgba(0,0,0,.24);border-color:rgba(255,255,255,.09)}
.product-card:hover,.feature-card:hover{transform:translateY(-4px);border-color:rgba(239,35,60,.45);box-shadow:0 24px 70px rgba(0,0,0,.38)}
.product-card img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.product-card:hover img{transform:scale(1.025)}
.btn.primary{background:linear-gradient(135deg,#ff334c,#d80f28);color:#fff;box-shadow:0 12px 32px rgba(239,35,60,.24)}
.btn.primary:hover{box-shadow:0 18px 46px rgba(239,35,60,.34)}
.social-link.facebook{--social:#1877f2}.social-link.youtube{--social:#ff0000}.social-link.zalo{--social:#0068ff}.social-link.messenger{--social:#7b4dff}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V13.1 Premium UX — image-led hero, cleaner hierarchy, fully clickable catalog */
.hero-v13{position:relative;isolation:isolate;min-height:700px;display:flex;align-items:center;background-image:var(--hero-bg);background-size:cover;background-position:var(--hero-pos);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}
.hero-v13::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,35,60,.9),transparent);z-index:2}
.hero-v13-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,6,10,.96) 0%,rgba(3,8,13,.84) 31%,rgba(3,8,13,.34) 58%,rgba(3,8,13,.08) 100%),linear-gradient(0deg,rgba(2,6,10,.62),transparent 42%)}
.hero-v13-content{min-height:700px;display:flex;align-items:center;padding-top:42px;padding-bottom:42px}
.hero-v13-copy{width:min(640px,56%);padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(3,8,13,.80),rgba(5,12,18,.56));backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(0,0,0,.34)}
.hero-v13 .eyebrow{border-color:rgba(239,35,60,.42);background:rgba(239,35,60,.10);color:#ffd6db}
.hero-v13 h1{margin:15px 0 18px;font-size:clamp(46px,5vw,72px);line-height:.97;letter-spacing:-.055em;text-wrap:balance}
.hero-v13 h1 .accent{display:block;margin-top:7px;font-size:.58em;line-height:1.08;letter-spacing:-.025em;color:#ff3f55}
.hero-v13 p{max-width:590px;margin:0;color:#d2dde3;font-size:16px;line-height:1.7}
.hero-v13 .hero-actions{margin-top:24px}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.08)}
.hero-proof>div{background:rgba(5,11,16,.86);padding:14px 13px}.hero-proof b{display:block;font-size:14px;color:#fff}.hero-proof span{display:block;margin-top:3px;color:#91a6b2;font-size:10px;line-height:1.35}
.hero-underbar .trust-item{transition:background .18s ease,color .18s ease}.hero-underbar .trust-item:hover{background:rgba(239,35,60,.07);color:#fff}.hero-underbar .trust-icon{border-color:rgba(239,35,60,.35);color:#ff4156;background:rgba(239,35,60,.06)}

.clickable-card{cursor:pointer}.clickable-card:focus-visible,.category-card:focus-visible,.process-card:focus-visible,.metric:focus-visible{outline:2px solid #ff4056;outline-offset:4px}
.category-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.category-card:hover{transform:translateY(-4px);border-color:rgba(239,35,60,.45);box-shadow:0 22px 55px rgba(0,0,0,.32)}.category-arrow{border-color:rgba(239,35,60,.5);color:#fff;background:rgba(213,18,43,.85)}
.product-category-nav{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.section-head.compact{margin-bottom:20px}.section-head.compact h2{font-size:clamp(28px,3vw,40px)}
.product-card{height:100%;display:flex;flex-direction:column}.product-body{display:flex;flex:1;flex-direction:column}.price-row{margin-top:auto}.quote-btn{border-color:rgba(239,35,60,.35);color:#ffd4d9}.quote-btn:hover{background:rgba(239,35,60,.10);border-color:rgba(239,35,60,.60)}
.feature-link{transition:transform .18s ease,border-color .18s ease,background .18s ease}.feature-link:hover{transform:translateX(4px);border-color:rgba(239,35,60,.35);background:#0b1822}.feature-link:hover i{border-color:rgba(239,35,60,.35);background:rgba(239,35,60,.08);color:#ff5264}
.visual-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.visual-card.clickable-card:hover{transform:translateY(-4px);border-color:rgba(239,35,60,.40);box-shadow:0 26px 70px rgba(0,0,0,.36)}.visual-card-caption{position:absolute;left:18px;right:18px;bottom:16px;z-index:3;padding:14px 16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(4,10,15,.75);backdrop-filter:blur(10px)}.visual-card-caption b{display:block;font-size:16px}.visual-card-caption span{display:block;margin-top:2px;color:#b5c5ce;font-size:11px}
.image-info.clickable-card{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.image-info.clickable-card:hover{transform:translateY(-3px);border-color:rgba(239,35,60,.38);box-shadow:0 24px 65px rgba(0,0,0,.34)}
.metric{transition:background .18s ease,color .18s ease}.metric:hover{background:#0b1822}.metric:hover strong{color:#ff4358}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{position:relative;min-height:190px;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(155deg,#0c1822,#071119);box-shadow:0 18px 46px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.process-card:hover{transform:translateY(-5px);border-color:rgba(239,35,60,.42);box-shadow:0 26px 64px rgba(0,0,0,.32)}.process-card>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(239,35,60,.10);border:1px solid rgba(239,35,60,.30);color:#ff5264;font-weight:1000}.process-card b{display:block;margin:18px 0 8px;font-size:18px}.process-card p{margin:0;color:#91a5b0;font-size:12px}.process-card::after{content:"→";position:absolute;right:18px;top:22px;color:#516775;font-size:20px}

.page-hero{position:relative;background-size:cover;background-position:center;isolation:isolate}.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,6,10,.93),rgba(2,6,10,.58) 48%,rgba(2,6,10,.24)),linear-gradient(0deg,rgba(2,6,10,.48),transparent 60%)}.page-title{max-width:760px}.page-title p{max-width:650px;color:#c5d2d9;font-size:16px}.page-title h1{text-wrap:balance}
.catalog-layout{align-items:start}.filter{border-color:rgba(255,255,255,.09);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.product-gallery{overflow:hidden}.product-gallery img{transition:transform .45s ease}.product-gallery:hover img{transform:scale(1.02)}

@media(max-width:1120px){.hero-v13{min-height:650px}.hero-v13-content{min-height:650px}.hero-v13-copy{width:min(650px,67%)}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.hero-v13{min-height:820px;align-items:flex-end;background-image:var(--hero-bg-mobile);background-position:var(--hero-pos-mobile)}.hero-v13-shade{background:linear-gradient(0deg,rgba(2,6,10,.98) 0%,rgba(2,6,10,.90) 34%,rgba(2,6,10,.38) 68%,rgba(2,6,10,.06) 100%)}.hero-v13-content{min-height:820px;align-items:flex-end;padding-top:300px;padding-bottom:28px}.hero-v13-copy{width:100%;padding:22px;border-radius:20px;background:rgba(4,10,15,.82)}.hero-v13 h1{font-size:44px}.hero-v13 h1 .accent{font-size:.62em}.hero-v13 p{font-size:14px}.hero-proof{grid-template-columns:repeat(3,1fr)}.hero-proof>div{padding:11px 9px}.hero-proof b{font-size:12px}.hero-proof span{font-size:9px}.process-grid{grid-template-columns:1fr 1fr}.visual-card-caption{left:12px;right:12px;bottom:12px}.page-hero{background-position:center}}
@media(max-width:560px){.hero-v13{min-height:790px}.hero-v13-content{min-height:790px;padding-top:330px}.hero-v13-copy{padding:18px}.hero-v13 .eyebrow{font-size:9px;padding:7px 9px}.hero-v13 h1{font-size:36px;letter-spacing:-.045em}.hero-v13 p{font-size:13px;line-height:1.55}.hero-v13 .hero-actions{display:grid;grid-template-columns:1fr;margin-top:18px}.hero-v13 .hero-actions .btn{width:100%}.hero-proof{grid-template-columns:1fr}.hero-proof>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.hero-proof span{text-align:right}.process-grid{grid-template-columns:1fr}.process-card{min-height:160px}.page-title p{font-size:14px}}
\n\n/* V14 Ultimate Commerce — editable theme, image auto-fit & premium hover */
:where(.product-img,.category-card,.visual-card,.image-info,.product-gallery,.pb-card,.gallery-card,.media-frame){overflow:hidden}
:where(.product-img,.category-card,.visual-card,.image-info,.product-gallery,.pb-card,.gallery-card,.media-frame) img{object-fit:var(--img-fit);object-position:var(--img-pos);transition:transform .5s cubic-bezier(.2,.72,.2,1),filter .35s ease}
:where(.product-card,.category-card,.visual-card,.image-info,.pb-card,.gallery-card):hover img{transform:scale(var(--img-zoom));filter:saturate(1.04) contrast(1.02)}
.product-card,.category-card,.panel,.feature-card,.result-card,.visual-card,.process-card{border-radius:var(--radius)}
.site-header{background:color-mix(in srgb,var(--header) 92%,transparent)}
.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--cyan2));box-shadow:0 12px 34px color-mix(in srgb,var(--cyan) 28%,transparent)}
.btn.primary:hover{box-shadow:0 18px 48px color-mix(in srgb,var(--cyan) 36%,transparent)}
.kicker,.accent,.top-strip strong,.nav a:hover,.nav a.active,.icon-btn:hover{color:var(--cyan)}
.category-arrow{background:color-mix(in srgb,var(--cyan) 82%,#111);border-color:color-mix(in srgb,var(--cyan) 55%,transparent)}
.hero-v13::after{background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
.shipping-partners{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.shipping-partner{padding:16px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));border-radius:var(--radius);transition:.22s ease}.shipping-partner:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cyan) 48%,var(--line));box-shadow:0 20px 50px rgba(0,0,0,.26)}.shipping-partner b{display:block}.shipping-partner small{display:block;margin-top:4px;color:var(--muted)}.shipping-partner a{display:inline-flex;margin-top:10px;color:var(--cyan);font-size:12px;font-weight:900}
@media(max-width:1000px){.shipping-partners{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.shipping-partners{grid-template-columns:1fr 1fr}}

/* V14 palette propagation — Theme Studio controls the main storefront surfaces */
body{background:linear-gradient(180deg,var(--bg) 0,var(--bg2) 50%,var(--bg) 100%);color:var(--text)}
body::before{background:radial-gradient(circle at 70% 10%,color-mix(in srgb,var(--tech) 8%,transparent),transparent 28%),radial-gradient(circle at 12% 46%,color-mix(in srgb,var(--cyan) 6%,transparent),transparent 24%)}
.top-strip{background:var(--bg2);border-bottom-color:var(--line)}
.mobile-menu,.filter,.content-card,.summary,.lookup-shell .panel{background:var(--panel)}
.product-card,.feature-card,.result-card,.process-card,.shipping-partner{background:linear-gradient(160deg,var(--panel2),var(--panel));border-color:var(--line)}
.panel{background:var(--panel);border-color:var(--line)}
.product-flag{background:var(--cyan);color:#fff}
.pill{background:color-mix(in srgb,var(--panel) 86%,#000);border-color:var(--line);color:var(--text)}
.price-row,.table td,.feature,.summary-row{border-color:var(--line)}
.nav a,.brand-copy span,.product-desc,.muted{color:var(--muted)}
.hero-underbar{background:linear-gradient(90deg,var(--bg),var(--bg2),var(--bg));border-color:color-mix(in srgb,var(--cyan) 22%,transparent)}
.trust-item{border-color:var(--line)}


/* =========================================================
   P-D.VN V15 SIGNATURE COMMERCE — Executive UX layer
   ========================================================= */
:root{--font-scale:1;--section-space:88px;--hero-min:680px;--hero-overlay:.72;--header-blur:22px;--page-hero-h:390px;--card-lift:6px}
html{font-size:calc(16px * var(--font-scale))}
body{background:linear-gradient(180deg,var(--bg) 0,var(--bg2) 46%,var(--bg) 100%);letter-spacing:-.005em}
.section{padding:var(--section-space) 0}.section.tight{padding:calc(var(--section-space) * .64) 0}
.site-header{backdrop-filter:blur(var(--header-blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--header-blur)) saturate(145%);box-shadow:0 12px 35px rgba(0,0,0,.14)}
.header-row{height:78px}.brand-copy b{letter-spacing:-.035em}.nav a{position:relative}.nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:999px;background:var(--cyan);transform:scaleX(0);transform-origin:center;transition:.22s}.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}
.hero-v13{min-height:var(--hero-min);display:grid;align-items:center;background-position:var(--hero-pos)!important;background-size:cover!important;position:relative;isolation:isolate}.hero-v13::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,10,var(--hero-overlay)) 0%,rgba(3,6,10,.70) 36%,rgba(3,6,10,.22) 65%,rgba(3,6,10,.10) 100%);z-index:-1}.hero-v13-shade{background:radial-gradient(circle at 18% 44%,rgba(0,0,0,.10),rgba(0,0,0,.20) 46%,transparent 72%)}.hero-v13-content{min-height:var(--hero-min);display:flex;align-items:center;padding-top:70px;padding-bottom:70px}.hero-v13-copy{max-width:730px}.hero-v13-copy h1{font-size:clamp(46px,5.4vw,78px);line-height:.98;letter-spacing:-.055em;margin:18px 0 22px;text-wrap:balance}.hero-v13-copy>p{font-size:clamp(17px,1.6vw,21px);max-width:670px;line-height:1.65;color:#d7e0e6;text-wrap:pretty}.hero-actions{gap:10px;flex-wrap:wrap;margin-top:30px}.hero-actions .btn{min-height:52px;padding:14px 20px}.hero-proof{margin-top:34px;max-width:650px}.hero-proof>div{background:rgba(7,12,17,.56);border-color:rgba(255,255,255,.10);backdrop-filter:blur(10px)}
.hero-underbar{position:relative;z-index:3}.trust-item{transition:.22s}.trust-item:hover{background:rgba(255,255,255,.025);transform:translateY(-2px)}
.section-head{margin-bottom:36px}.section-head h2{font-size:clamp(34px,4.2vw,54px);letter-spacing:-.045em;text-wrap:balance}.section-head p{font-size:15px;line-height:1.75}
.btn{box-shadow:0 8px 22px rgba(0,0,0,.12)}.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--cyan2));color:#fff}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--cyan) 55%,transparent);outline-offset:3px}
.category-card,.product-card,.visual-card,.content-card,.panel,.metric,.process-card,.image-info{border-color:color-mix(in srgb,var(--line) 86%,white 4%);box-shadow:0 22px 60px rgba(0,0,0,.20)}
.category-card:hover,.product-card:hover,.process-card:hover,.feature-link:hover,.image-info:hover{transform:translateY(calc(var(--card-lift) * -1));border-color:color-mix(in srgb,var(--cyan) 54%,var(--line))}
.category-card{min-height:220px}.category-card img,.product-img img,.visual-card img,.image-info img,.audience-card img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}.category-card:hover img,.product-card:hover .product-img img,.visual-card:hover img,.image-info:hover img,.audience-card:hover img{transform:scale(var(--img-zoom))}
.product-card{background:linear-gradient(160deg,color-mix(in srgb,var(--panel) 96%,white 2%),var(--bg2));border-radius:calc(var(--radius) + 2px)}.product-body{padding:19px}.product-body h3{font-size:19px}.product-img{aspect-ratio:4/3}.price b{font-size:20px}.product-flag{background:var(--cyan);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--cyan) 22%,transparent)}
.content-card{padding:38px}.feature{padding:14px}.metric{padding:24px 20px}.metric strong{font-size:34px}.process-card{min-height:200px}
.audience-section{overflow:hidden}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience-card{position:relative;min-height:430px;border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);overflow:hidden;background:var(--panel);box-shadow:var(--shadow);isolation:isolate}.audience-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,10,.04) 24%,rgba(3,6,10,.22) 50%,rgba(3,6,10,.96) 100%);z-index:1}.audience-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--img-fit);object-position:var(--img-pos);filter:saturate(.95) contrast(1.03)}.audience-card-copy{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}.audience-card-copy>span{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--cyan)}.audience-card-copy h3{font-size:28px;line-height:1.05;margin:8px 0 10px}.audience-card-copy p{color:#c3ced5;margin:0 0 14px;max-width:36ch}.audience-card-copy b{font-size:13px;color:#fff}.audience-card:hover{transform:translateY(calc(var(--card-lift) * -1));border-color:color-mix(in srgb,var(--cyan) 58%,var(--line))}
.page-hero{min-height:var(--page-hero-h);display:flex;align-items:flex-end;background-position:var(--page-hero-pos,center)!important}.page-title{padding-top:100px;padding-bottom:54px}.page-title h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;max-width:900px}.page-title p{font-size:17px;max-width:760px;line-height:1.7}
.catalog-layout{grid-template-columns:260px 1fr}.filter{position:sticky;top:108px;align-self:start}.catalog{gap:18px}
.product-detail{gap:34px}.product-gallery{border-radius:calc(var(--radius) + 6px);overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.product-gallery img{width:100%;height:100%;min-height:520px;object-fit:cover}.buy-box{border-radius:var(--radius)}
.signature-cta{padding:0 0 var(--section-space)}.signature-cta-inner{border:1px solid color-mix(in srgb,var(--cyan) 28%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 94%,var(--cyan) 4%),var(--panel2));border-radius:calc(var(--radius) + 8px);padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:32px;box-shadow:var(--shadow);position:relative;overflow:hidden}.signature-cta-inner::before{content:"";position:absolute;right:-60px;top:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 22%,transparent),transparent 68%);pointer-events:none}.signature-cta h2{font-size:clamp(30px,4vw,48px);line-height:1.04;margin:8px 0 10px;letter-spacing:-.04em}.signature-cta p{margin:0;color:var(--muted);max-width:680px}.signature-cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1}
.footer{border-top-color:color-mix(in srgb,var(--line) 80%,white 4%)}
@media(max-width:1100px){.audience-grid{grid-template-columns:repeat(3,1fr)}.audience-card{min-height:370px}.hero-v13-copy h1{font-size:clamp(42px,6vw,64px)}}
@media(max-width:900px){.audience-grid{grid-template-columns:1fr}.audience-card{min-height:340px}.signature-cta-inner{align-items:flex-start;flex-direction:column}.signature-cta-actions{justify-content:flex-start}.catalog-layout{grid-template-columns:1fr}.filter{position:static}.hero-v13{background-position:var(--hero-pos-mobile)!important}.product-gallery img{min-height:380px}}
@media(max-width:640px){:root{--section-space:64px}.container{width:min(var(--max),calc(100% - 28px))}.hero-v13,.hero-v13-content{min-height:620px}.hero-v13-copy h1{font-size:40px}.hero-v13-copy>p{font-size:16px}.hero-actions .btn{width:100%}.hero-proof{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start;flex-direction:column;gap:14px}.section-head h2{font-size:34px}.category-grid{grid-template-columns:1fr 1fr}.category-card{min-height:180px}.product-grid{grid-template-columns:1fr}.audience-card{min-height:330px}.signature-cta-inner{padding:28px 24px}.page-title h1{font-size:40px}.page-title{padding-bottom:40px}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(5){grid-column:1/-1}.product-gallery img{min-height:300px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* =========================================================
   P-D.VN V16 RESPONSIVE SIGNATURE — multi-device polish
   Desktop / MacBook / iPad / Android / iPhone
   ========================================================= */
html{min-width:320px;text-size-adjust:100%;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{min-width:320px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.container{width:min(var(--max),calc(100% - clamp(28px,4vw,64px)))}
main{overflow:clip}

/* Header clarity */
.header-row{min-width:0}
.brand{min-width:0}.brand-copy{min-width:0}.brand-copy b,.brand-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav{min-width:0}.nav a{font-size:clamp(12px,.9vw,13px)}
.header-actions{flex:0 0 auto}

/* Crisp, consistent media framing */
.product-img,.category-card,.audience-card,.visual-card,.image-info,.product-gallery{background:linear-gradient(145deg,var(--panel2),var(--panel))}
.product-img img,.category-card img,.audience-card img,.visual-card img,.image-info img,.product-gallery img{object-fit:var(--img-fit);object-position:var(--img-pos);filter:saturate(1.02) contrast(1.025) brightness(1.015)}
.product-card:hover .product-img img,.category-card:hover img,.audience-card:hover img,.visual-card:hover img,.image-info:hover img{filter:saturate(1.08) contrast(1.04) brightness(1.035)}
.product-body h3,.category-copy b,.audience-card-copy h3,.section-head h2,.page-title h1{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
.product-desc{font-size:13px;line-height:1.65;min-height:43px}
.product-body h3{font-size:clamp(17px,1.35vw,20px)}
.price b{font-size:clamp(18px,1.4vw,22px)}

/* Social network presentation */
.social-hub-section{padding-top:calc(var(--section-space) * .72);padding-bottom:calc(var(--section-space) * .72)}
.social-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.social-hub-card{--social:var(--cyan);min-width:0;display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid color-mix(in srgb,var(--social) 28%,var(--line));border-radius:calc(var(--radius) + 2px);background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 94%,var(--social) 5%),var(--panel));box-shadow:0 14px 34px rgba(0,0,0,.18);position:relative;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.social-hub-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--social);opacity:.9}
.social-hub-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--social) 65%,var(--line));box-shadow:0 22px 54px rgba(0,0,0,.3)}
.social-hub-icon{display:grid;place-items:center;flex:0 0 auto}.social-hub-icon .social-icon-badge{width:42px;height:42px;flex-basis:42px}
.social-hub-copy{min-width:0;display:grid;gap:3px}.social-hub-copy b{font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-hub-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-hub-arrow{margin-left:auto;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--social) 12%,transparent);color:var(--social);font-weight:1000;flex:0 0 auto}
.footer .social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:360px}.footer .social-link{min-width:0;margin:0}.footer .social-link span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Premium floating phone + chat dock */
.floating-support{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:44;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.support-fab{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:164px;height:56px;padding:6px 14px 6px 7px;border-radius:18px;border:1px solid rgba(255,255,255,.13);color:#fff;background:rgba(8,14,20,.94);box-shadow:0 18px 45px rgba(0,0,0,.34);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-align:left}
.support-fab:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(0,0,0,.42)}
.support-fab-phone{background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 90%,#ff4b60),var(--cyan2));border-color:color-mix(in srgb,var(--cyan) 70%,white 12%)}
.support-fab-chat{background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 94%,var(--tech) 5%),var(--panel));border-color:color-mix(in srgb,var(--tech) 36%,var(--line))}
.support-fab-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.12);flex:0 0 42px;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.support-fab-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.support-fab-phone .support-fab-icon svg{fill:currentColor;stroke:none}
.support-fab-label{display:grid;font-size:12px;font-weight:950;line-height:1.2;letter-spacing:.01em}.support-fab-label small{font-size:9px;font-weight:700;opacity:.76;margin-top:3px;letter-spacing:.02em}
.chat-toggle{position:static;right:auto;bottom:auto;width:auto;height:56px;border-radius:18px;color:#fff;font-weight:inherit;box-shadow:0 18px 45px rgba(0,0,0,.34)}
.chatbox{right:max(18px,env(safe-area-inset-right));bottom:160px;width:min(390px,calc(100vw - 32px));height:min(530px,calc(100vh - 190px));border-radius:22px;border-color:color-mix(in srgb,var(--tech) 34%,var(--line));background:color-mix(in srgb,var(--panel) 97%,black);box-shadow:0 28px 80px rgba(0,0,0,.52)}
.chat-head{padding:16px 17px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.chat-msgs{padding:16px}.bubble{font-size:13px;line-height:1.55}.chat-form{padding:12px 14px}.chat-form input{min-width:0}

/* Content hierarchy across screens */
.category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
.section-head>*{min-width:0}.split>*{min-width:0}.warehouse-grid>*{min-width:0}
.shipping-partners{grid-template-columns:repeat(5,minmax(0,1fr))}

/* Wide desktop / MacBook Pro */
@media(min-width:1440px){
  :root{--max:1360px}
  .header-row{height:82px}.nav a{padding-inline:12px}.hero-v13-copy{max-width:760px}.product-grid{gap:18px}.category-grid{gap:14px}.social-hub-grid{gap:16px}
}
@media(min-width:1800px){
  :root{--max:1440px}
  .hero-v13-copy h1{font-size:80px}.hero-v13-copy>p{font-size:21px}.section-head p{font-size:16px}.product-body{padding:21px}
}

/* Laptop / MacBook Air 1280-1439 */
@media(max-width:1439px){
  .header-row{gap:16px}.brand img{width:54px;height:54px}.brand-copy b{font-size:22px}.brand-copy span{max-width:185px}.nav a{padding-inline:8px}.header-actions .header-cta{padding-inline:13px;font-size:12px}
  .hero-v13-copy{max-width:680px}.social-hub-card{padding:15px}.social-hub-icon .social-icon-badge{width:38px;height:38px;flex-basis:38px}
}

/* iPad landscape / compact laptop */
@media(max-width:1180px){
  .nav{display:none}.menu-btn{display:grid}.header-actions .header-cta{display:inline-flex}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.shipping-partners{grid-template-columns:repeat(4,minmax(0,1fr))}.social-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-v13-copy{width:min(680px,72%)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}
}

/* iPad portrait / tablets */
@media(max-width:900px){
  :root{--section-space:72px}
  .container{width:min(var(--max),calc(100% - 32px))}.top-strip{display:none}.header-row{height:70px}.header-actions .header-cta{display:none}.brand-copy span{display:none}
  .hero-v13,.hero-v13-content{min-height:720px}.hero-v13{background-image:var(--hero-bg-mobile);background-position:var(--hero-pos-mobile)!important;align-items:flex-end}.hero-v13::before{background:linear-gradient(0deg,rgba(3,6,10,.96) 0%,rgba(3,6,10,.82) 34%,rgba(3,6,10,.23) 70%,rgba(3,6,10,.04) 100%)}.hero-v13-content{align-items:flex-end;padding-top:300px;padding-bottom:34px}.hero-v13-copy{width:100%;max-width:720px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(4,9,14,.75);backdrop-filter:blur(12px)}.hero-v13-copy h1{font-size:clamp(42px,7vw,58px)}
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid,.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.product-detail,.lookup-shell,.checkout-layout,.cart-layout,.warehouse-grid{grid-template-columns:1fr}.product-gallery{position:static}.product-gallery img{min-height:0;aspect-ratio:4/3}.content-card{padding:30px}.shipping-partners{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.social-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .floating-support{bottom:22px}.support-fab{min-width:56px;width:56px;padding:7px}.support-fab-label{display:none}.support-fab-icon{width:40px;height:40px}.chat-toggle{width:56px}.chatbox{bottom:148px}
}

/* Large phones / small tablets */
@media(max-width:700px){
  :root{--section-space:58px}.container{width:calc(100% - 26px)}.header-row{height:66px}.brand img{width:44px;height:44px}.brand-copy b{font-size:18px}.header-actions{gap:6px}.icon-btn{width:40px;height:40px}
  .hero-v13,.hero-v13-content{min-height:650px}.hero-v13-content{padding-top:270px;padding-bottom:24px}.hero-v13-copy{padding:19px;border-radius:20px}.hero-v13-copy h1{font-size:clamp(34px,9vw,44px);line-height:1}.hero-v13-copy>p{font-size:14px;line-height:1.58}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-actions .btn{width:100%;min-height:47px;padding:11px 12px;font-size:12px}.hero-actions .btn:first-child{grid-column:1/-1}.hero-proof{grid-template-columns:1fr 1fr;gap:8px}.hero-proof>div:last-child{grid-column:1/-1}.hero-proof span{font-size:10px}
  .trust-grid{grid-template-columns:1fr 1fr}.trust-item{min-height:78px}.trust-item:nth-child(5){grid-column:1/-1}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-card{min-height:185px}.product-grid,.catalog{grid-template-columns:1fr}.product-img{aspect-ratio:16/10}.product-desc{min-height:0}.price-row{align-items:center}.card-actions{flex-wrap:wrap;justify-content:flex-end}
  .section-head{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}.section-head h2{font-size:clamp(30px,8vw,38px)}.section-head p{font-size:14px}.content-card{padding:24px}.audience-card{min-height:330px}.metric-grid{grid-template-columns:1fr 1fr}.shipping-partners{grid-template-columns:1fr 1fr}.social-hub-grid{grid-template-columns:1fr}.social-hub-card{padding:15px 16px}.footer-grid{grid-template-columns:1fr}.footer .social-links{grid-template-columns:1fr 1fr;max-width:none}
  .page-title{padding-top:82px;padding-bottom:36px}.page-title h1{font-size:clamp(34px,10vw,44px)}.page-title p{font-size:14px}.page-hero{min-height:300px}
  .floating-support{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));gap:8px}.support-fab,.chat-toggle{width:50px;height:50px;min-width:50px;border-radius:16px;padding:5px}.support-fab-icon{width:38px;height:38px;border-radius:12px}.support-fab-icon svg{width:20px;height:20px}.chatbox{right:10px;bottom:calc(140px + env(safe-area-inset-bottom));width:calc(100vw - 20px);height:min(500px,calc(100dvh - 170px));max-height:none;border-radius:20px}
  .mobilebar.mobile-contact-bar{display:grid;grid-template-columns:repeat(3,1fr);padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--header) 95%,transparent);border-top-color:var(--line);box-shadow:0 -16px 45px rgba(0,0,0,.3)}.mobile-contact{min-width:0}.mobile-contact-copy b{font-size:11px}.mobile-contact-copy small{font-size:8.5px}.footer{padding-bottom:118px}
}

/* Phones 360-480 */
@media(max-width:480px){
  .container{width:calc(100% - 22px)}.brand-copy{display:block}.brand-copy span{display:none}.brand-copy b{font-size:17px}.header-actions>a[aria-label="Tìm sản phẩm"]{display:none}
  .hero-v13,.hero-v13-content{min-height:620px}.hero-v13-content{padding-top:260px}.hero-v13-copy{padding:16px}.hero-v13 .eyebrow{font-size:8px;letter-spacing:.06em}.hero-v13-copy h1{font-size:34px}.hero-v13-copy>p{font-size:13px}.hero-actions{grid-template-columns:1fr}.hero-actions .btn:first-child{grid-column:auto}.hero-proof{grid-template-columns:1fr}.hero-proof>div:last-child{grid-column:auto}.hero-proof>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.hero-proof span{text-align:right}
  .category-grid{grid-template-columns:1fr}.category-card{min-height:205px}.metric-grid{grid-template-columns:1fr 1fr}.shipping-partners{grid-template-columns:1fr}.social-hub-copy small{white-space:normal}.product-body{padding:16px}.price-row{align-items:flex-start;flex-direction:column}.card-actions{width:100%}.card-actions .btn{flex:1}.signature-cta-inner{padding:24px 20px}.signature-cta-actions{display:grid;width:100%}.signature-cta-actions .btn{width:100%}.footer .social-links{grid-template-columns:1fr}.chat-form .btn{padding-inline:13px}
}

/* Very small phones */
@media(max-width:360px){
  .container{width:calc(100% - 18px)}.brand img{width:40px;height:40px}.brand-copy b{font-size:16px}.header-actions .icon-btn{width:38px;height:38px}.hero-v13-copy h1{font-size:31px}.hero-v13-copy{padding:14px}.mobile-contact-copy b{font-size:10.5px}.mobile-contact-copy small{font-size:8px}.support-fab,.chat-toggle{width:47px;height:47px;min-width:47px}.support-fab-icon{width:35px;height:35px}
}

/* Pointer-aware interaction: no exaggerated hover on touch screens */
@media(hover:none){.category-card:hover,.product-card:hover,.process-card:hover,.feature-link:hover,.image-info:hover,.social-hub-card:hover,.support-fab:hover{transform:none}.category-card:hover img,.product-card:hover .product-img img,.visual-card:hover img,.image-info:hover img,.audience-card:hover img{transform:none}}
@media(max-width:800px){
  .floating-support{right:12px;bottom:calc(76px + env(safe-area-inset-bottom))}
  .chatbox{right:10px;bottom:calc(140px + env(safe-area-inset-bottom));width:calc(100vw - 20px);height:min(500px,calc(100dvh - 170px));max-height:none}
}

@media(max-width:1280px) and (min-width:901px){.top-social .social-links.compact .social-link span:last-child{display:none}.top-social .social-links.compact{gap:5px}.top-social{gap:9px}}


/* ==========================================================
   P-D.VN V17 — NEON DISTRIBUTION SIGNATURE
   Inspired by the supplied visual direction, implemented as
   real responsive HTML/CSS so every button, image and menu works.
   ========================================================== */
:root{--neon:#22e6f2;--neon2:#08b9d4;--neon-soft:rgba(34,230,242,.13);--deep:#02070c;--deep2:#06121a}
body{background:linear-gradient(180deg,#01060a 0%,#041018 46%,#02070b 100%);background-attachment:fixed}
body::before{background:radial-gradient(circle at 70% 8%,rgba(34,230,242,.10),transparent 30%),linear-gradient(rgba(34,230,242,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(34,230,242,.018) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}
.top-strip{height:38px;background:linear-gradient(90deg,#031019,#061725,#031019);border-bottom:1px solid rgba(34,230,242,.42);box-shadow:0 0 22px rgba(34,230,242,.08)}
.top-strip .container{height:38px}.top-strip-inner{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}.top-promise{display:flex;align-items:center;gap:8px;min-width:0}.mini-diamond{color:var(--cyan);font-size:18px}.top-promise strong{font-size:11px;letter-spacing:.02em;white-space:nowrap}.top-quality{font-size:10px;color:#c7d6df;white-space:nowrap}.top-quality span{color:var(--cyan);margin-right:7px}.top-social{justify-self:end;display:flex;align-items:center;gap:9px}.top-social .social-links{gap:5px}.top-social .social-link{border:0;background:transparent;padding:0;min-width:0}.top-social .social-link span:last-child{display:none}.top-social .social-icon-badge{width:22px;height:22px;flex-basis:22px}.hotline-top{display:flex;align-items:center;gap:6px;padding-left:9px;border-left:1px solid rgba(34,230,242,.35);white-space:nowrap}.hotline-top>span{color:var(--cyan)}.hotline-top small{color:var(--cyan);font-weight:900}.hotline-top b{color:#fff;font-size:13px}
.site-header{background:rgba(2,10,16,.92);border-bottom:1px solid rgba(34,230,242,.3);box-shadow:0 9px 28px rgba(0,0,0,.30);backdrop-filter:blur(22px) saturate(140%)}
.header-row{height:78px;gap:20px}.brand{min-width:270px}.brand img{width:62px;height:62px;filter:drop-shadow(0 0 9px rgba(34,230,242,.18))}.brand-copy b{font-size:27px;letter-spacing:.02em}.brand-copy strong{display:block;font-size:12px;letter-spacing:.08em;margin-top:2px}.brand-copy span{margin-top:1px;font-size:8px;color:#b9c8d1;letter-spacing:.16em}.nav{gap:2px}.nav a{font-size:12px;padding:12px 9px;color:#e1ebf0;background:transparent!important}.nav a::after{bottom:1px;left:9px;right:9px;height:2px;box-shadow:0 0 11px rgba(34,230,242,.45)}.header-actions{gap:7px}.icon-btn{border:0;background:transparent;width:40px;height:40px}.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-cta{min-height:45px;border-radius:11px;padding-inline:18px!important;box-shadow:0 0 26px rgba(34,230,242,.22)!important}.cart-badge{background:var(--cyan);box-shadow:0 0 13px rgba(34,230,242,.45)}
.btn.primary{background:linear-gradient(135deg,#53f3fc,#13cbe0);color:#021017;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 12px 32px rgba(34,230,242,.19)}.btn.primary:hover{background:linear-gradient(135deg,#75f7ff,#1ed8eb);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 18px 42px rgba(34,230,242,.30)}
.kicker,.accent,.nav a:hover,.nav a.active,.top-strip strong{color:var(--cyan)}

.hero-v17{position:relative;min-height:590px;display:grid;align-items:center;overflow:hidden;background-image:var(--hero-bg);background-size:cover;background-position:center right;border-bottom:1px solid rgba(34,230,242,.38);isolation:isolate}
.hero-v17::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,6,10,.99) 0%,rgba(1,7,12,.94) 27%,rgba(1,8,13,.60) 47%,rgba(1,7,12,.05) 73%),linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.20));z-index:-1}.hero-v17::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px rgba(34,230,242,.55)}
.hero-v17-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(34,230,242,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,230,242,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.hero-v17-glow{position:absolute;left:0;top:23%;width:540px;height:350px;background:radial-gradient(circle,rgba(34,230,242,.10),transparent 66%);filter:blur(8px);pointer-events:none}
.hero-v17-content{position:relative;min-height:590px;display:flex;align-items:center;padding:44px 0}.hero-v17-copy{width:min(690px,58%)}.hero-protocol{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid rgba(34,230,242,.5);border-radius:999px;background:rgba(4,21,29,.68);box-shadow:inset 0 0 18px rgba(34,230,242,.05);color:var(--cyan);font-size:10px;font-weight:950;letter-spacing:.04em}.hero-v17-copy h1{margin:15px 0 13px;font-size:clamp(43px,4.5vw,67px);line-height:.93;letter-spacing:-.048em;max-width:680px;text-shadow:0 4px 20px rgba(0,0,0,.45)}.hero-v17-copy h1 span{display:block;color:var(--cyan);text-shadow:0 0 23px rgba(34,230,242,.18)}.hero-v17-copy>p{max-width:620px;margin:0;color:#d4e1e8;font-size:15px;line-height:1.58}.hero-v17 .hero-actions{margin-top:19px;display:flex;gap:10px}.hero-v17 .hero-actions .btn{min-height:48px;border-radius:9px;font-size:12px}.hero-v17 .hero-call{border-color:rgba(34,230,242,.55);background:rgba(3,17,24,.70)}.hero-v17 .hero-call b{color:var(--cyan)}.zalo-mini{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;color:#0787ff;font-size:9px;font-weight:1000}.hero-v17-proofs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:22px;max-width:690px}.hero-v17-proofs a{display:flex;align-items:center;gap:9px;padding:9px 8px;border:1px solid rgba(34,230,242,.17);background:rgba(2,12,18,.56);backdrop-filter:blur(6px);border-radius:10px}.hero-v17-proofs i{font-style:normal;display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border:1px solid rgba(34,230,242,.48);border-radius:10px;color:var(--cyan);font-size:17px;box-shadow:inset 0 0 16px rgba(34,230,242,.06)}.hero-v17-proofs b{display:block;font-size:10px;line-height:1.2}.hero-v17-proofs span{display:block;font-size:8px;color:#80a1af;margin-top:3px;line-height:1.25}
.hero-coverage{position:absolute;right:0;top:54px;width:205px;padding:15px 13px 14px;border:1px solid rgba(34,230,242,.34);border-right:0;border-radius:15px 0 0 15px;background:linear-gradient(145deg,rgba(2,13,20,.84),rgba(2,8,13,.62));backdrop-filter:blur(12px);box-shadow:0 0 32px rgba(34,230,242,.09)}.coverage-map{height:128px;color:var(--cyan);display:grid;place-items:center}.coverage-map svg{height:128px;filter:drop-shadow(0 0 8px rgba(34,230,242,.38))}.hero-coverage h3{margin:2px 0 10px;text-align:center;font-size:15px;line-height:1.08;color:#dffbff}.hero-coverage h3 span{color:var(--cyan)}.hero-coverage ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.hero-coverage li{font-size:9px;color:#d6e4ea;padding-left:20px;position:relative}.hero-coverage li::before{content:"✓";position:absolute;left:0;top:-1px;width:14px;height:14px;display:grid;place-items:center;border:1px solid rgba(34,230,242,.55);border-radius:50%;color:var(--cyan);font-size:8px}
.v17-category-ribbon{padding:12px 0 14px;background:#031018;border-bottom:1px solid rgba(34,230,242,.25)}.v17-category-ribbon .category-grid{gap:8px}.v17-category-ribbon .category-card{min-height:126px;border-radius:8px;border-color:rgba(34,230,242,.34);background:#04111a}.v17-category-ribbon .category-card img{filter:saturate(1.04) contrast(1.04) brightness(.78)}.v17-category-ribbon .category-copy{left:10px;right:38px;bottom:8px}.v17-category-ribbon .category-copy b{font-size:11px}.v17-category-ribbon .category-copy span{font-size:8px}.v17-category-ribbon .category-arrow{right:8px;top:auto;bottom:8px;width:28px;height:28px;border-radius:50%;font-size:13px}
.v17-stats{background:linear-gradient(90deg,#031019,#071826,#031019);border-top:1px solid rgba(34,230,242,.16);border-bottom:1px solid rgba(34,230,242,.32)}.v17-stats-grid{display:grid;grid-template-columns:repeat(5,1fr)}.v17-stats-grid a{position:relative;padding:17px 14px;text-align:center;border-right:1px solid rgba(34,230,242,.2)}.v17-stats-grid a:last-child{border-right:0}.v17-stats-grid strong{display:block;color:var(--cyan);font-size:22px;line-height:1}.v17-stats-grid span{display:block;color:#d2e0e7;font-size:9px;margin-top:5px}.v17-product-section{padding-top:58px}
.section{padding:var(--section-space,76px) 0}.section-head h2{font-size:clamp(29px,3.6vw,45px)}.product-card,.category-card,.visual-card,.content-card,.panel,.metric,.process-card,.image-info{border-color:rgba(34,230,242,.20);box-shadow:0 16px 42px rgba(0,0,0,.23)}.product-card{background:linear-gradient(160deg,#081923,#031019)}.product-card:hover,.category-card:hover,.image-info:hover,.visual-card:hover{border-color:rgba(34,230,242,.64);box-shadow:0 0 0 1px rgba(34,230,242,.06),0 24px 60px rgba(0,0,0,.34),0 0 34px rgba(34,230,242,.08)}.product-img{background:#030c12}.product-img img{filter:none!important;image-rendering:auto}.product-body h3{color:#f7fcff}.product-cat{color:var(--cyan)}.product-flag{background:var(--cyan);color:#001014}.price b{color:#f4fdff}.category-card img,.audience-card img,.visual-card img,.image-info img,.product-gallery img{filter:none!important}.audience-card-copy,.visual-card-caption,.image-info .inside{background:linear-gradient(180deg,transparent,rgba(1,7,11,.95))}.content-card,.panel{background:linear-gradient(145deg,#071824,#031019)}.feature{background:#04131c;border-color:rgba(34,230,242,.16)}.feature i{color:var(--cyan);background:rgba(34,230,242,.08);border-color:rgba(34,230,242,.27)}
.social-hub-card{background:linear-gradient(145deg,#071923,#031019);border-color:rgba(34,230,242,.18)}.footer{background:linear-gradient(180deg,#03111a,#010609);border-top:1px solid rgba(34,230,242,.35)}.footer-bottom{border-top-color:rgba(34,230,242,.17)}
.support-fab-phone{background:linear-gradient(135deg,#2df0f8,#0ebfd8);color:#001016;border-color:rgba(255,255,255,.2);box-shadow:0 16px 38px rgba(34,230,242,.24)}.support-fab-chat{border-color:rgba(34,230,242,.38);box-shadow:0 16px 38px rgba(34,230,242,.08)}

@media(max-width:1280px){.brand{min-width:230px}.brand-copy b{font-size:23px}.nav a{font-size:11px;padding-inline:7px}.hero-coverage{width:180px}.hero-v17-copy{width:min(650px,60%)}}
@media(max-width:1100px){.top-strip-inner{grid-template-columns:1fr auto}.top-quality{display:none}.nav{display:none}.menu-btn{display:grid}.brand{min-width:0}.hero-coverage{display:none}.hero-v17-copy{width:min(680px,69%)}.hero-v17-proofs{grid-template-columns:1fr 1fr}.v17-category-ribbon .category-grid{grid-template-columns:repeat(3,1fr)}.v17-stats-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.top-strip{display:none}.hero-v17{min-height:760px;background-image:var(--hero-bg-mobile);background-position:center top}.hero-v17::before{background:linear-gradient(0deg,rgba(1,7,11,.99) 0%,rgba(1,7,11,.94) 46%,rgba(1,7,11,.20) 78%,rgba(1,7,11,.06) 100%)}.hero-v17-content{min-height:760px;align-items:flex-end;padding:300px 0 28px}.hero-v17-copy{width:100%;max-width:none;padding:20px;border:1px solid rgba(34,230,242,.18);border-radius:18px;background:rgba(2,10,15,.79);backdrop-filter:blur(10px)}.hero-v17-copy h1{font-size:clamp(36px,7.4vw,54px)}.hero-v17-proofs{grid-template-columns:1fr 1fr}.v17-stats-grid{grid-template-columns:repeat(3,1fr)}.v17-stats-grid a:nth-child(3){border-right:0}.v17-stats-grid a:nth-child(n+4){border-top:1px solid rgba(34,230,242,.15)}.v17-stats-grid a:nth-child(5){grid-column:2/3}}
@media(max-width:700px){.header-row{height:68px}.brand img{width:45px;height:45px}.brand-copy b{font-size:18px}.brand-copy strong{font-size:9px}.brand-copy span{display:none}.header-search{display:none}.hero-v17{min-height:700px}.hero-v17-content{min-height:700px;padding-top:270px}.hero-v17-copy{padding:16px}.hero-protocol{font-size:8px}.hero-v17-copy h1{font-size:clamp(31px,9.3vw,42px);margin-top:12px}.hero-v17-copy>p{font-size:13px}.hero-v17 .hero-actions{display:grid;grid-template-columns:1fr}.hero-v17 .hero-actions .btn{width:100%}.hero-v17-proofs{gap:6px}.hero-v17-proofs a{padding:8px 6px}.hero-v17-proofs b{font-size:9px}.v17-category-ribbon .category-grid{grid-template-columns:1fr 1fr}.v17-category-ribbon .category-card{min-height:118px}.v17-stats-grid{grid-template-columns:1fr 1fr}.v17-stats-grid a{border-top:1px solid rgba(34,230,242,.13)}.v17-stats-grid a:nth-child(2n){border-right:0}.v17-stats-grid a:nth-child(5){grid-column:1/-1}.v17-stats-grid strong{font-size:19px}}
@media(max-width:420px){.hero-v17{min-height:720px}.hero-v17-content{min-height:720px;padding-top:275px}.hero-v17-copy h1{font-size:31px}.hero-v17-proofs{grid-template-columns:1fr 1fr}.v17-category-ribbon .category-grid{grid-template-columns:1fr 1fr}.header-cta{display:none!important}}

/* V17 compact footer — visual balance similar to distributor reference */
.v17-footer{padding:0;background:#02090e}.v17-footer .container{width:min(var(--max),calc(100% - 32px))}.v17-footer-main{min-height:94px;display:grid;grid-template-columns:1.25fr 1.6fr .9fr 1.25fr auto auto;align-items:center;gap:0;border-bottom:1px solid rgba(34,230,242,.25)}.v17-footer-main>*{min-width:0;padding:14px 18px;border-right:1px solid rgba(34,230,242,.17)}.v17-footer-main>*:last-child{border-right:0}.v17-footer .footer-brand{display:flex;align-items:center;gap:11px}.v17-footer .footer-brand img{width:45px;height:45px}.v17-footer .footer-brand b{display:block;font-size:19px;line-height:1}.v17-footer .footer-brand strong{display:block;font-size:9px;letter-spacing:.08em;margin-top:4px}.v17-footer .footer-brand span{display:block;font-size:6.5px;color:#89a3af;letter-spacing:.12em;margin-top:2px}.footer-contact{display:flex;align-items:center;gap:10px}.footer-contact i{font-style:normal;color:var(--cyan);font-size:20px}.footer-contact div{min-width:0}.footer-contact small{display:block;font-size:8px;color:#87a3af}.footer-contact b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eaf4f7}.footer-social-compact{padding-inline:12px}.footer-social-compact .social-links{display:flex;gap:7px}.footer-social-compact .social-link{border:0;background:transparent;padding:0}.footer-social-compact .social-link span:last-child{display:none}.footer-social-compact .social-icon-badge{width:28px;height:28px;flex-basis:28px}.footer-dealer-cta{white-space:nowrap;font-size:10px;min-height:42px;padding:10px 14px!important}.v17-footer-links{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#76919e;font-size:9px}.v17-footer-links>div{display:flex;align-items:center;gap:16px}.v17-footer-links a:hover{color:var(--cyan)}
@media(max-width:1200px){.v17-footer-main{grid-template-columns:1.2fr 1.7fr .9fr 1.25fr}.footer-social-compact,.footer-dealer-cta{grid-column:auto}.v17-footer-main>.footer-social-compact{border-top:1px solid rgba(34,230,242,.14)}.v17-footer-main>.footer-dealer-cta{margin:12px;border-right:0}.v17-footer-main{padding-bottom:6px}}
@media(max-width:900px){.v17-footer-main{grid-template-columns:1fr 1fr}.v17-footer-main>*{border-bottom:1px solid rgba(34,230,242,.12)}.v17-footer-main>*:nth-child(2n){border-right:0}.v17-footer-main>.footer-social-compact,.v17-footer-main>.footer-dealer-cta{grid-column:auto}.v17-footer-links{align-items:flex-start;flex-direction:column;padding:16px 0}.v17-footer-links>div{flex-wrap:wrap;gap:10px 14px}}
@media(max-width:560px){.v17-footer-main{grid-template-columns:1fr}.v17-footer-main>*{border-right:0!important}.v17-footer-main>.footer-dealer-cta{width:calc(100% - 24px);margin:12px}.v17-footer-links>div{display:grid;grid-template-columns:1fr 1fr;width:100%}}

/* =========================================================
   P-D.VN V18 — Ultra Editable, high-legibility & S-map layer
   ========================================================= */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-weight:450;color:var(--text)}
p,.product-desc,.muted,.feature span,.page-title p{line-height:1.72}
.product-desc{font-size:14px;color:#bfd1da}.product-body h3{font-size:20px;line-height:1.28;letter-spacing:-.018em}.product-body h3 a{color:#fbfeff}.price small{font-size:11px;color:#9fb7c2}.price b{font-size:21px;letter-spacing:-.025em}
.nav a{font-size:12px;font-weight:800;letter-spacing:.005em}.brand-copy strong{color:#f4fbfd}.brand-copy span{color:#a8bec8}.top-strip{font-size:11px}.top-strip strong{font-weight:900}
.hero-v17{background-image:var(--hero-bg)!important;background-size:cover!important;background-position:var(--hero-pos)!important}.hero-v17::before{background:linear-gradient(90deg,rgba(1,8,13,.84) 0%,rgba(1,8,13,.66) 34%,rgba(1,8,13,.18) 66%,rgba(1,8,13,.08) 100%)}.hero-v17-copy h1{text-shadow:0 4px 28px rgba(0,0,0,.55)}.hero-v17-copy>p{color:#e3edf2;text-shadow:0 2px 14px rgba(0,0,0,.62)}
.page-hero{min-height:var(--page-hero-h);background-size:cover!important;background-repeat:no-repeat!important}.page-hero::before{background:linear-gradient(90deg,rgba(1,7,11,.88),rgba(1,7,11,.56) 52%,rgba(1,7,11,.18)),linear-gradient(0deg,rgba(1,7,11,.46),transparent 68%)}.page-title h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.045em;text-shadow:0 4px 26px rgba(0,0,0,.6)}.page-title p{font-size:17px;color:#e0eaf0;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.product-img img,.category-card img,.visual-card img,.image-info img,.audience-card img,.product-gallery img{image-rendering:auto;backface-visibility:hidden;transform:translateZ(0)}
.product-img img{filter:contrast(1.035) saturate(1.035)}.category-card img,.visual-card img,.image-info img,.audience-card img{filter:contrast(1.03) saturate(1.025)}
.delivery-map-card{grid-template-columns:minmax(300px,.82fr) 1.18fr;background:linear-gradient(145deg,#04111a,#061a27 58%,#031019);border-color:rgba(45,233,255,.32)}.delivery-map-visual{min-height:560px;background:radial-gradient(circle at 50% 48%,rgba(45,233,255,.16),transparent 58%)}.vn-map-image{display:block;width:min(100%,380px);height:540px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(45,233,255,.18))}.delivery-map-copy p{color:#c9dae2}.delivery-map-copy h2{text-wrap:balance}
.coverage-map img{width:auto;height:128px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(45,233,255,.35))}
.custom-page-hero{background-image:var(--cp-hero)!important}.custom-page-content .rich-content{max-width:920px;margin:auto}.rich-content p{font-size:16px;color:#d9e7ed;margin:0 0 18px}.rich-content .toolbar{margin-top:26px}
.footer a{color:#dbe9ef}.v17-footer-links a{font-size:10px;font-weight:700}.footer-contact b{font-size:11px}.footer-contact small{font-size:9px}
@media(max-width:900px){.hero-v17{background-image:var(--hero-bg-mobile)!important;background-position:var(--hero-pos-mobile)!important}.custom-page-hero{background-image:var(--cp-mobile)!important}.page-title p{font-size:15px}.delivery-map-visual{min-height:460px}.vn-map-image{height:440px}.product-desc{font-size:13.5px}}
@media(max-width:560px){.delivery-map-visual{min-height:380px}.vn-map-image{height:360px}.page-title h1{font-size:34px}.page-title p{font-size:14px}.product-body h3{font-size:18px}.nav a{font-size:13px}}


/* =========================================================
   P-D.VN V19 — Adaptive Device Engine
   Capability-first layout for phone, tablet/iPad, MacBook/laptop,
   desktop, touch devices and in-app browsers.
   ========================================================= */
:root{--app-vh:1vh;--viewport-h:100vh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
html,body{min-width:320px;max-width:100%;overflow-x:hidden}
body{min-height:calc(var(--app-vh) * 100)}
img,svg,video{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
html.touch-device button,html.touch-device a{touch-action:manipulation}
html.no-hover .support-fab:hover,html.no-hover .product-card:hover,html.no-hover .category-card:hover{transform:none}

/* iPhone / Android phones */
html.device-mobile .top-strip{display:none}
html.device-mobile .site-header{padding-top:var(--safe-top)}
html.device-mobile .hero-v17{background-image:var(--hero-bg-mobile)!important;background-position:var(--hero-pos-mobile)!important}
html.device-mobile .hero-v17,html.device-mobile .hero-v17-content{min-height:max(620px,calc(var(--app-vh) * 82))}
html.device-mobile .hero-v17-copy{width:100%}
html.device-mobile .header-row{height:64px}
html.device-mobile .nav,html.device-mobile .header-cta{display:none!important}
html.device-mobile .menu-btn{display:grid}
html.device-mobile .floating-support{right:max(12px,var(--safe-right));bottom:calc(76px + var(--safe-bottom))}
html.device-mobile .chatbox{right:max(10px,var(--safe-right));bottom:calc(140px + var(--safe-bottom));height:min(500px,calc(var(--app-vh) * 100 - 170px))}
html.device-mobile .mobilebar.mobile-contact-bar{display:grid;padding-bottom:calc(10px + var(--safe-bottom))}html.device-mobile .floating-support{display:none}
html.device-mobile .footer{padding-bottom:calc(118px + var(--safe-bottom))}

/* Tablet + iPad: separate portrait and landscape behavior */
html.device-tablet .nav{display:none!important}
html.device-tablet .menu-btn{display:grid}
html.device-tablet .header-row{height:72px}
html.device-tablet.orientation-portrait .hero-v17{background-image:var(--hero-bg-mobile)!important;background-position:var(--hero-pos-mobile)!important;min-height:max(720px,calc(var(--app-vh) * 78))}
html.device-tablet.orientation-landscape .hero-v17{background-image:var(--hero-bg)!important;background-position:var(--hero-pos)!important}
html.device-tablet .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html.device-tablet .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html.device-tablet .shipping-partners{grid-template-columns:repeat(3,minmax(0,1fr))}
html.device-tablet.touch-device .product-card:hover img,html.device-tablet.touch-device .category-card:hover img{transform:none}

/* MacBook / compact Windows laptops */
html.device-compact-desktop .container{width:min(var(--max),calc(100% - 36px))}
html.device-compact-desktop .header-row{gap:13px}
html.device-compact-desktop .brand-copy b{font-size:21px}
html.device-compact-desktop .nav a{padding-inline:7px;font-size:11px}
html.device-compact-desktop .header-cta{padding-inline:12px;font-size:11px}
html.device-compact-desktop .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html.device-compact-desktop .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Desktop / high-DPI Retina and 2K/4K */
html.device-desktop.dpr-high .product-img img,html.device-desktop.dpr-high .category-card img,html.device-desktop.dpr-high .visual-card img{filter:contrast(1.025) saturate(1.025)}
html.device-desktop .container{max-width:var(--max)}

/* iPadOS reports Macintosh; class is capability-detected in app.js */
html.platform-ipad .site-header{backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
html.platform-ipad .icon-btn,html.platform-ios .icon-btn{min-width:44px;min-height:44px}

/* Browser opened inside Zalo/Facebook/TikTok/Instagram */
html.in-app-browser .site-header{top:0}
html.in-app-browser .chatbox{max-height:calc(var(--app-vh) * 100 - 150px)}
html.in-app-browser.device-mobile .hero-v17-content{padding-bottom:calc(24px + var(--safe-bottom))}

/* Installed/PWA mode */
html.standalone-app body{padding-top:0}
html.standalone-app .mobilebar{padding-bottom:calc(9px + var(--safe-bottom))}

/* Keyboard/viewport-safe forms on mobile apps */
html.device-mobile input,html.device-mobile select,html.device-mobile textarea{font-size:16px}
html.device-mobile .modal-card,html.device-mobile .chatbox{max-height:calc(var(--app-vh) * 100 - 110px)}

/* Adaptive density: preserve legibility, never squeeze content */
@media (max-width:390px){html.device-mobile .brand-copy strong{display:none}.header-actions{gap:4px}.hero-v17-copy h1{font-size:30px}.category-card{min-height:190px}}
@media (min-width:1025px) and (max-width:1366px){html.device-compact-desktop .top-quality{display:none}.top-strip-inner{grid-template-columns:1fr auto}}
@media (min-width:1800px){html.device-desktop{--max:1600px}.product-body h3{font-size:21px}.product-desc{font-size:14.5px}.page-title p{max-width:820px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* P-D.VN V19.1 — Premium Vietnam map + exact business location */
.delivery-map-stack{display:grid;gap:24px}
.premium-location-map{align-items:stretch}
.map-link-card{position:relative;overflow:hidden;min-height:620px;padding:0;border:1px solid rgba(45,233,255,.24);background:linear-gradient(180deg,#021018,#030a10);cursor:pointer;isolation:isolate}
.map-link-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.72));pointer-events:none;z-index:1}
.map-link-card .vn-map-image{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.03) drop-shadow(0 0 18px rgba(45,233,255,.22));transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .4s ease}
.can-hover .map-link-card:hover .vn-map-image{transform:scale(1.025);filter:saturate(1.08) contrast(1.05) drop-shadow(0 0 28px rgba(45,233,255,.3))}
.map-click-badge{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;padding:12px 14px;border:1px solid rgba(91,236,255,.48);border-radius:14px;background:rgba(2,13,20,.86);backdrop-filter:blur(14px);color:#eaffff;font-size:13px;font-weight:900;letter-spacing:.02em;text-align:center;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.location-address-card{display:flex;align-items:center;gap:14px;margin:22px 0 14px;padding:16px 17px;border:1px solid rgba(45,233,255,.28);border-radius:16px;background:linear-gradient(135deg,rgba(45,233,255,.09),rgba(7,18,27,.74));text-decoration:none;color:var(--text);transition:.25s ease}
.location-address-card:hover{transform:translateY(-2px);border-color:rgba(45,233,255,.62);box-shadow:0 14px 34px rgba(0,0,0,.24)}
.location-address-card .location-pin{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#21d7e8,#4ff5ff);color:#001119;font-size:24px;font-weight:900;box-shadow:0 0 24px rgba(45,233,255,.3)}
.location-address-card span:last-child{display:grid;gap:2px}.location-address-card small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.location-address-card b{font-size:15px;line-height:1.35}.location-address-card em{font-size:11px;color:var(--tech);font-style:normal}
.map-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.map-location-embed,.contact-map-card{overflow:hidden;border:1px solid rgba(45,233,255,.28);border-radius:24px;background:linear-gradient(145deg,#04111a,#071722);box-shadow:0 20px 70px rgba(0,0,0,.34)}
.map-location-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px}.map-location-head h3{margin:7px 0 4px;font-size:clamp(22px,3vw,34px)}.map-location-head p{margin:0;color:var(--muted);max-width:760px}
.map-location-embed iframe,.contact-map-card iframe{display:block;width:100%;height:430px;border:0;background:#07131d}
.contact-map-card>div{padding:24px 26px}.contact-map-card h2{margin:6px 0 8px;font-size:clamp(28px,4vw,44px)}.contact-map-card p{margin:0;color:var(--muted);font-size:16px}
.coverage-map a{display:grid;place-items:center;width:100%;height:100%}
@media(max-width:900px){.premium-location-map{grid-template-columns:1fr}.map-link-card{min-height:720px}.map-link-card .vn-map-image{object-fit:cover}.map-location-head{align-items:flex-start;flex-direction:column}.map-location-embed iframe,.contact-map-card iframe{height:390px}}
@media(max-width:560px){.map-link-card{min-height:590px}.map-click-badge{left:12px;right:12px;bottom:12px;font-size:11px;padding:10px}.location-address-card{padding:13px}.location-address-card b{font-size:13px}.map-actions .btn{width:100%;justify-content:center}.map-location-head{padding:18px}.map-location-embed iframe,.contact-map-card iframe{height:340px}.contact-map-card>div{padding:18px}}

/* V20 Production Design — readability, Ultra HD imagery, editable maps */
.skip-link{position:fixed;left:14px;top:-80px;z-index:9999;background:#fff;color:#041018;padding:10px 14px;border-radius:10px;font-weight:900;transition:.2s}.skip-link:focus{top:14px}
:focus-visible{outline:3px solid color-mix(in srgb,var(--cyan) 72%,white);outline-offset:3px}
body{font-size:calc(15px * var(--font-scale,1));letter-spacing:.001em;text-rendering:optimizeLegibility}
.section-head p,.content-card p,.product-desc,.page-title p,.feature span,.footer-contact small{line-height:1.65}
.product-body h3 a,.section-head h2,.page-title h1,.hero-v17-copy h1{font-weight:900;text-wrap:balance}
.product-desc{color:#bdd0d9}.muted{color:color-mix(in srgb,var(--muted) 88%,white)}
.product-card,.category-card,.visual-card,.audience-card{backface-visibility:hidden;transform:translateZ(0)}
.product-img img,.category-card img,.visual-card img,.audience-card img,.image-info img{image-rendering:auto;filter:contrast(1.015) saturate(1.02)}
.hero-v17{background-color:#02070b;background-repeat:no-repeat!important;background-size:cover!important}
.hero-v17::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,8,13,.04),rgba(2,8,13,.14));z-index:0}.hero-v17-content{position:relative;z-index:2}
.page-hero{background-color:#030b11}.page-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.15));z-index:-1}
.premium-location-map{align-items:stretch}.map-link-card{position:relative;overflow:hidden;border:1px solid rgba(45,233,255,.24);background:radial-gradient(circle at 50% 45%,rgba(45,233,255,.13),rgba(3,13,20,.92) 72%)}
.map-link-card .vn-map-image{width:100%;height:100%;max-height:760px;min-height:560px;object-fit:contain!important;object-position:center!important;padding:12px;filter:contrast(1.035) saturate(1.04) drop-shadow(0 0 24px rgba(45,233,255,.17))}
.map-click-badge{backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(0,0,0,.36)}
.map-location-embed iframe,.contact-map-card iframe{min-height:360px}
.image-setting-card .image-preview{background:#030a0f;object-fit:cover}
@media(max-width:900px){.map-link-card{min-height:0!important}.map-link-card .vn-map-image{height:auto!important;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain!important;padding:0}.premium-location-map{gap:18px}.delivery-map-copy p{font-size:16px}}
@media(max-width:560px){body{font-size:calc(14px * var(--font-scale,1))}.section-head h2{font-size:clamp(30px,9vw,38px)}.product-desc{font-size:13.5px}.page-title p{line-height:1.6}.map-link-card .vn-map-image{width:100%;height:auto!important}.map-click-badge{position:static;display:block;margin:10px 12px 12px;text-align:center}.delivery-map-visual{display:block;min-height:0!important}.delivery-map-card{padding:14px}.map-location-embed iframe,.contact-map-card iframe{height:330px}}
@media(min-width:1600px){.container{width:min(var(--max),calc(100% - 64px))}.hero-v17-copy>p{font-size:17px}.product-body h3{font-size:20px}.product-desc{font-size:14px}}


/* V22.1 — contact dock visible on ALL device families */
.contact-dock{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:46;display:grid;gap:10px;width:184px;pointer-events:none}
.contact-dock-item{pointer-events:auto;display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 12px 8px 9px;border-radius:18px;background:linear-gradient(180deg,rgba(10,20,30,.97),rgba(5,12,19,.98));border:1px solid rgba(255,255,255,.11);box-shadow:0 14px 36px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.contact-dock-item:hover{transform:translateX(-4px);box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.03)}
.contact-dock-item.messenger{border-color:rgba(92,105,255,.38)}
.contact-dock-item.messenger:hover{border-color:rgba(92,105,255,.72);box-shadow:0 16px 40px rgba(76,89,255,.2)}
.contact-dock-item.zalo{border-color:rgba(0,104,255,.38)}
.contact-dock-item.zalo:hover{border-color:rgba(0,136,255,.75);box-shadow:0 16px 40px rgba(0,104,255,.2)}
.contact-dock-item.call{border-color:rgba(21,201,144,.38)}
.contact-dock-item.call:hover{border-color:rgba(21,201,144,.75);box-shadow:0 16px 40px rgba(21,201,144,.19)}
.contact-dock-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:rgba(255,255,255,.04)}
.contact-dock-icon .social-icon-badge{width:36px;height:36px;flex-basis:36px}
.contact-phone-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#19d69f,#0a9b78);box-shadow:0 8px 22px rgba(20,204,151,.27)}
.contact-phone-icon svg{width:21px;height:21px;fill:#fff}
.contact-dock-copy{display:grid;gap:2px;min-width:0;line-height:1.1}
.contact-dock-copy b{font-size:12px;color:#f7fbff;font-weight:950;letter-spacing:.01em}
.contact-dock-copy small{font-size:9px;color:#93a9b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Tablet/iPad: compact vertical dock */
@media (min-width:701px) and (max-width:1100px){
  .contact-dock{right:12px;bottom:20px;width:62px;gap:9px}
  .contact-dock-item{width:58px;height:58px;min-height:58px;padding:8px;border-radius:18px;justify-content:center}
  .contact-dock-copy{display:none}
  .contact-dock-icon{width:42px;height:42px;flex-basis:42px}
}

/* Phones: use the dedicated 3-button bottom dock and remove the side dock */
@media (max-width:700px){
  .contact-dock{display:none!important}
  .mobilebar.mobile-contact-bar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Laptop/MacBook/desktop remain visible, but stay clear of very short screens */
@media (min-width:1101px) and (max-height:700px){
  .contact-dock{bottom:14px;gap:7px;width:170px}
  .contact-dock-item{min-height:52px}
}

/* Avoid legacy floating widgets overlapping this dock */
.floating-support{display:none!important}


/* V23 — premium gallery */
.gallery-preview-section{padding-top:54px}
.gallery-cta-bar{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.gallery-intro-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:22px;align-items:center;padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(11,21,31,.96),rgba(8,14,22,.98));border:1px solid rgba(42,214,231,.16);box-shadow:0 18px 52px rgba(0,0,0,.28)}
.gallery-cta-stack{display:grid;gap:12px;justify-items:end}
.brand-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.brand-gallery-grid.preview{grid-template-columns:repeat(4,minmax(0,1fr))}
.gallery-card{display:flex;flex-direction:column;min-height:100%;border-radius:22px;overflow:hidden;text-decoration:none;background:linear-gradient(180deg,rgba(8,14,22,.96),rgba(10,18,28,.99));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 44px rgba(0,0,0,.24);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.gallery-card:hover{transform:translateY(-6px);border-color:rgba(42,214,231,.38);box-shadow:0 28px 58px rgba(0,0,0,.36)}
.gallery-media{aspect-ratio:4/3;overflow:hidden;background:#040b12}
.gallery-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease, filter .35s ease}
.gallery-card:hover .gallery-media img{transform:scale(1.07);filter:saturate(1.06)}
.gallery-copy{display:grid;gap:10px;padding:16px 16px 18px}
.gallery-tag{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:6px 11px;border-radius:999px;background:rgba(42,214,231,.12);border:1px solid rgba(42,214,231,.22);font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--tech)}
.gallery-copy h3{margin:0;font-size:19px;line-height:1.25;color:#fff}
.gallery-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.gallery-meta{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}
.gallery-meta span{font-size:12px;color:#dbe7ee;opacity:.86;line-height:1.45;max-width:72%}
.gallery-meta b{font-size:12px;color:var(--tech);font-weight:900;white-space:nowrap}
.gallery-card.compact .gallery-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gallery-page-section{padding-top:22px}
.gallery-lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(2,6,10,.84);backdrop-filter:blur(18px)}
.gallery-lightbox[hidden]{display:none}
.gallery-lightbox-dialog{width:min(1120px,100%);max-height:min(90vh,920px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);background:linear-gradient(180deg,#08111a,#0b1621);border:1px solid rgba(255,255,255,.09);border-radius:26px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.48)}
.gallery-lightbox-dialog img{width:100%;height:100%;min-height:420px;max-height:90vh;object-fit:cover;background:#02060a}
.gallery-lightbox-info{display:grid;align-content:center;gap:12px;padding:28px}
.gallery-lightbox-info h3{margin:0;font-size:28px;color:#fff}
.gallery-lightbox-info p{margin:0;color:var(--muted);line-height:1.7}
.gallery-lightbox-info small{color:#d9e5ec;opacity:.9;font-size:13px}
.gallery-lightbox-close{position:fixed;top:18px;right:18px;z-index:82;width:48px;height:48px;border:none;border-radius:16px;background:rgba(255,255,255,.1);color:#fff;font-size:34px;line-height:1;cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.22)}
body.lightbox-open{overflow:hidden}
@media (max-width:1180px){.brand-gallery-grid,.brand-gallery-grid.preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:960px){.gallery-intro-card,.gallery-lightbox-dialog{grid-template-columns:1fr}.gallery-cta-stack{justify-items:start}.brand-gallery-grid,.brand-gallery-grid.preview{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-lightbox-dialog img{max-height:56vh}}
@media (max-width:640px){.brand-gallery-grid,.brand-gallery-grid.preview{grid-template-columns:1fr}.gallery-copy{padding:14px 14px 16px}.gallery-copy h3{font-size:18px}.gallery-meta{flex-direction:column;align-items:flex-start}.gallery-meta span{max-width:100%}.gallery-lightbox{padding:12px}.gallery-lightbox-close{top:10px;right:10px;width:42px;height:42px;border-radius:14px}.gallery-lightbox-info{padding:18px}.gallery-lightbox-info h3{font-size:22px}}


/* =========================================================
   V24 EXECUTIVE COMMERCE — senior visual refinement layer
   ========================================================= */
:root{
  --v24-radius:22px;--v24-soft:rgba(255,255,255,.065);--v24-glass:rgba(6,14,21,.74);
  --v24-shadow:0 22px 70px rgba(0,0,0,.34);--v24-shadow-hover:0 30px 90px rgba(0,0,0,.46)
}
html{background:var(--bg);text-rendering:optimizeLegibility}
body{font-weight:440;letter-spacing:-.006em;background:radial-gradient(circle at 78% 3%,color-mix(in srgb,var(--tech) 6%,transparent),transparent 26%),linear-gradient(180deg,var(--bg),var(--bg2) 48%,var(--bg));}
.container{width:min(var(--max),calc(100% - clamp(28px,5vw,76px)))}
.section{padding:var(--section-space) 0}.section.tight{padding:62px 0}
.section-head{align-items:center;margin-bottom:36px}.section-head h2{font-size:clamp(32px,3.65vw,54px);line-height:1.01;letter-spacing:-.048em;max-width:850px}.section-head p{font-size:15px;line-height:1.75;color:color-mix(in srgb,var(--muted) 92%,white 8%)}
.kicker{font-size:11px;letter-spacing:.155em}.kicker::before{width:6px;height:6px;box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 80%,transparent)}
.btn{min-height:48px;padding:12px 18px;border-radius:13px;letter-spacing:.005em;border-color:color-mix(in srgb,var(--line) 82%,white 10%);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.btn.primary{background:linear-gradient(135deg,var(--cyan),color-mix(in srgb,var(--cyan2) 90%,#fff 10%));box-shadow:0 13px 34px color-mix(in srgb,var(--cyan) 20%,transparent)}
.btn:focus-visible,.icon-btn:focus-visible,.nav a:focus-visible,.contact-dock-item:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

/* Executive header */
.top-strip{background:linear-gradient(90deg,color-mix(in srgb,var(--header) 95%,#000),var(--bg2),color-mix(in srgb,var(--header) 95%,#000));border-bottom-color:color-mix(in srgb,var(--line) 72%,transparent)}
.top-strip-inner{min-height:38px}.top-promise strong{font-size:11px;letter-spacing:.045em}.top-quality{font-size:11px;color:#c7d6dd}
.site-header{background:color-mix(in srgb,var(--header) 88%,transparent);backdrop-filter:blur(var(--header-blur)) saturate(1.15);box-shadow:0 10px 38px rgba(0,0,0,.15)}
.header-row{height:86px}.brand{min-width:278px}.brand img{width:58px;height:58px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.3))}.brand-copy b{font-size:25px;letter-spacing:-.025em}.brand-copy strong{font-size:10px;letter-spacing:.08em}.brand-copy span{letter-spacing:.13em}
.nav{gap:2px}.nav a{position:relative;padding:11px 10px;font-size:12px;color:#d1dde3}.nav a::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;border-radius:2px;background:var(--cyan);transform:scaleX(0);transition:transform .2s ease;transform-origin:center}.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}.nav a:hover,.nav a.active{background:transparent;color:#fff}
.header-actions .icon-btn{border-color:color-mix(in srgb,var(--line) 78%,transparent);background:rgba(255,255,255,.025)}
.header-cta{padding-inline:18px;white-space:nowrap}

/* Hero: image visible + readable sales message */
.hero-v17{min-height:var(--hero-min);background-size:cover!important;background-position:var(--hero-pos)!important;border-bottom-color:color-mix(in srgb,var(--cyan) 20%,transparent)}
.hero-v17::before{background:linear-gradient(90deg,rgba(1,5,9,.985) 0%,rgba(1,6,10,.94) 27%,rgba(1,7,11,.62) 46%,rgba(1,7,11,.12) 69%,rgba(1,7,11,.03) 100%),linear-gradient(0deg,rgba(0,0,0,.18),transparent 55%)}
.hero-v17::after{height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cyan) 76%,#fff 24%),transparent);box-shadow:0 0 28px color-mix(in srgb,var(--cyan) 38%,transparent)}
.hero-v17-content{min-height:var(--hero-min);padding:56px 0}.hero-v17-copy{width:min(720px,55%)}
.hero-protocol{padding:7px 13px;background:rgba(5,17,24,.78);border-color:color-mix(in srgb,var(--cyan) 48%,transparent);font-size:10px;letter-spacing:.065em}
.hero-v17-copy h1{margin:17px 0 15px;font-size:clamp(48px,4.85vw,74px);line-height:.92;letter-spacing:-.055em;max-width:730px;text-wrap:balance}.hero-v17-copy h1 span{margin-top:8px}
.hero-v17-copy>p{max-width:650px;font-size:16px;line-height:1.7;color:#e6eef2;text-shadow:0 2px 16px rgba(0,0,0,.74)}
.hero-v17 .hero-actions{gap:12px;margin-top:24px}.hero-v17 .hero-actions .btn{min-height:52px;padding-inline:18px}
.hero-v17-proofs{gap:10px;margin-top:24px;max-width:720px}.hero-v17-proofs a{min-height:72px;padding:11px 12px;border-color:rgba(255,255,255,.09);background:rgba(4,12,18,.72);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.hero-v17-proofs i{width:38px;height:38px;flex-basis:38px;border-radius:12px}.hero-v17-proofs b{font-size:11px}.hero-v17-proofs span{font-size:9px;line-height:1.4}
.hero-coverage{background:rgba(3,11,17,.62);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:18px;box-shadow:0 20px 54px rgba(0,0,0,.24)}

/* category + stats + assurance */
.v17-category-ribbon{background:linear-gradient(180deg,rgba(5,13,20,.98),rgba(4,10,16,.99));border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}
.v17-category-ribbon .category-grid{gap:14px;padding:20px 0}.v17-category-ribbon .category-card{min-height:150px;border-radius:18px;border-color:rgba(255,255,255,.08)}
.category-card::after{background:linear-gradient(180deg,rgba(0,0,0,.01) 28%,rgba(2,8,13,.94) 100%)}.category-copy b{font-size:15px}.category-copy span{font-size:11px}.category-arrow{width:34px;height:34px}
.v17-stats{background:linear-gradient(90deg,#050b11,#07131c 50%,#050b11)}.v17-stats-grid a{padding:22px 18px}.v17-stats-grid strong{font-size:clamp(22px,2vw,30px);letter-spacing:-.03em}.v17-stats-grid span{font-size:11px}
.executive-assurance{padding:24px 0 0}.executive-assurance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.executive-assurance-grid>a{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--panel2) 96%,#fff 4%),var(--panel));border:1px solid rgba(255,255,255,.07);box-shadow:0 16px 42px rgba(0,0,0,.18);transition:.22s}.executive-assurance-grid>a:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cyan) 34%,var(--line));box-shadow:0 22px 60px rgba(0,0,0,.3)}.executive-assurance-grid>a>span{display:grid;place-items:center;min-width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 30%,transparent);color:var(--cyan);font-weight:950}.executive-assurance-grid b{display:block;font-size:15px;color:#fff}.executive-assurance-grid small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.55}

/* product merchandising */
.product-grid,.catalog{gap:20px}.product-card{border-radius:22px;border-color:rgba(255,255,255,.075);background:linear-gradient(160deg,color-mix(in srgb,var(--panel2) 98%,white 2%),var(--panel));box-shadow:0 18px 50px rgba(0,0,0,.2)}.product-card:hover{transform:translateY(calc(var(--card-lift) * -1));border-color:color-mix(in srgb,var(--cyan) 32%,var(--line));box-shadow:var(--v24-shadow-hover)}.product-img{aspect-ratio:1.34/1;background:#050b10}.product-img img{width:100%;height:100%;object-fit:cover}.product-body{padding:18px}.product-cat{font-size:10px;letter-spacing:.13em;color:var(--cyan)}.product-body h3{font-size:19px;line-height:1.25;letter-spacing:-.02em;margin:7px 0}.product-desc{font-size:13px;line-height:1.62;color:#b5c6cf}.spec-row{gap:7px}.spec-row .pill{font-size:10px}.price-row{padding-top:15px;margin-top:16px}.price b{font-size:19px;letter-spacing:-.02em}.card-actions{gap:8px}

/* large visual cards */
.visual-card,.image-info,.content-card,.panel,.contact-map-card{border-radius:24px;border-color:rgba(255,255,255,.075);box-shadow:0 20px 58px rgba(0,0,0,.22)}.visual-card-caption,.image-info .inside{background:linear-gradient(180deg,rgba(5,12,18,.66),rgba(5,12,18,.9));backdrop-filter:blur(12px)}
.audience-grid{gap:18px}.audience-card{border-radius:24px;overflow:hidden;border-color:rgba(255,255,255,.075);box-shadow:0 20px 56px rgba(0,0,0,.22)}.audience-card-copy{padding:24px}.audience-card-copy h3{font-size:24px;letter-spacing:-.03em}.audience-card-copy p{line-height:1.65}
.feature{border-radius:16px;padding:14px 15px}.feature i{border-radius:12px}

/* Gallery stronger visual hierarchy */
.brand-gallery-grid{gap:20px}.gallery-card{border-radius:24px;border-color:rgba(255,255,255,.075);box-shadow:0 20px 58px rgba(0,0,0,.24)}.gallery-media{aspect-ratio:16/10}.gallery-copy{padding:18px 18px 20px}.gallery-copy h3{font-size:20px;letter-spacing:-.025em}.gallery-copy p{line-height:1.65}.gallery-meta span{font-size:11px}.gallery-intro-card{padding:34px;border-radius:26px}

/* Page heroes and content pages */
.page-hero{min-height:var(--page-hero-h);display:flex;align-items:end;border-bottom:1px solid rgba(255,255,255,.07)}.page-hero::before{background:linear-gradient(90deg,rgba(2,6,10,.95),rgba(2,6,10,.69) 49%,rgba(2,6,10,.28)),linear-gradient(0deg,rgba(2,6,10,.72),transparent 62%)}.page-title{padding:72px 0 56px;max-width:850px}.page-title h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;line-height:.96}.page-title p{font-size:16px;line-height:1.7}.breadcrumbs{font-size:11px}
.catalog-layout{gap:24px}.filter{border-radius:20px;padding:18px}.table-wrap{border-radius:20px;overflow:hidden}.table th{letter-spacing:.06em}

/* Footer and social */
.v17-footer{background:linear-gradient(180deg,#04090e,#020609);border-top-color:rgba(255,255,255,.07)}.v17-footer-main{gap:18px}.footer-contact,.footer-brand{border-radius:16px}.social-hub-grid{gap:16px}.social-hub-card{min-height:118px;border-radius:20px;background:linear-gradient(155deg,var(--panel2),var(--panel));border-color:rgba(255,255,255,.075)}.social-hub-card:hover{transform:translateY(-4px);box-shadow:0 20px 52px rgba(0,0,0,.28)}

/* All-device contact dock — slightly less intrusive */
.contact-dock{right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:178px}.contact-dock-item{min-height:56px;border-radius:17px;background:linear-gradient(180deg,rgba(8,17,25,.96),rgba(4,10,16,.98));box-shadow:0 14px 34px rgba(0,0,0,.36)}

/* Mobile / tablet refinements */
@media(max-width:1180px){.executive-assurance-grid{grid-template-columns:repeat(2,1fr)}.header-row{height:78px}.hero-v17-copy{width:min(680px,64%)}}
@media(max-width:900px){
  .container{width:min(var(--max),calc(100% - 30px))}.section{padding:72px 0}.section-head{display:block}.section-head p{margin-top:14px}.hero-v17{min-height:900px;background-position:var(--hero-pos-mobile)!important;background-size:cover!important}.hero-v17::before{background:linear-gradient(0deg,rgba(2,7,11,.995) 0%,rgba(2,7,11,.97) 41%,rgba(2,7,11,.55) 62%,rgba(2,7,11,.08) 82%,rgba(2,7,11,.01) 100%)}.hero-v17-content{min-height:900px;align-items:flex-end;padding:390px 0 30px}.hero-v17-copy{width:100%;padding:20px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:rgba(3,10,15,.78);backdrop-filter:blur(14px)}.hero-v17-copy h1{font-size:clamp(38px,7.4vw,58px)}.hero-v17-copy>p{font-size:14px}.hero-coverage{display:none}.product-grid,.catalog{grid-template-columns:repeat(2,1fr)}.brand-gallery-grid,.brand-gallery-grid.preview{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .container{width:calc(100% - 22px)}.section{padding:58px 0}.section.tight{padding:44px 0}.header-row{height:68px}.brand{min-width:0}.brand-copy b{font-size:18px}.hero-v17{min-height:860px}.hero-v17-content{min-height:860px;padding-top:390px;padding-bottom:28px}.hero-v17-copy{padding:17px;border-radius:20px}.hero-protocol{font-size:8px}.hero-v17-copy h1{font-size:clamp(31px,9.6vw,42px);line-height:.96}.hero-v17-copy>p{font-size:13px;line-height:1.58}.hero-v17 .hero-actions{display:grid;grid-template-columns:1fr}.hero-v17 .hero-actions .btn{width:100%}.hero-v17-proofs{grid-template-columns:1fr 1fr}.executive-assurance{padding-top:16px}.executive-assurance-grid{grid-template-columns:1fr;gap:10px}.executive-assurance-grid>a{padding:16px}.v17-category-ribbon .category-grid{grid-template-columns:1fr 1fr}.v17-category-ribbon .category-card{min-height:132px}.product-grid,.catalog{grid-template-columns:1fr 1fr;gap:12px}.product-body{padding:14px}.product-body h3{font-size:16px}.product-desc{font-size:12px}.price-row{align-items:flex-end}.price b{font-size:16px}.brand-gallery-grid,.brand-gallery-grid.preview{grid-template-columns:1fr;gap:14px}.gallery-media{aspect-ratio:16/10}.page-title{padding:54px 0 42px}.page-title h1{font-size:clamp(36px,11vw,50px)}.page-title p{font-size:14px}.social-hub-grid{grid-template-columns:1fr}.footer{padding-bottom:126px}
}
@media(max-width:460px){.product-grid,.catalog{grid-template-columns:1fr}.hero-v17{min-height:890px}.hero-v17-content{min-height:890px;padding-top:405px}.hero-v17-proofs{grid-template-columns:1fr 1fr}.hero-v17-proofs a{min-height:64px}.hero-v17-proofs i{width:34px;height:34px;flex-basis:34px}.v17-category-ribbon .category-grid{grid-template-columns:1fr 1fr}.section-head h2{font-size:34px}.mobile-contact-copy small{display:none}.mobile-contact{justify-content:center}.mobile-contact-copy b{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* V25 — executive visual refinement */
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 15% 4%,color-mix(in srgb,var(--tech) 7%,transparent),transparent 28%),radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--cyan) 6%,transparent),transparent 30%),var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:color-mix(in srgb,var(--cyan) 72%,#fff);color:#071018}
.site-header{box-shadow:0 14px 40px rgba(0,0,0,.16);border-bottom-color:color-mix(in srgb,var(--line) 88%,transparent)}
.nav a{position:relative;letter-spacing:.005em}
.nav a::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--tech));transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}
.btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn.primary{box-shadow:0 12px 30px color-mix(in srgb,var(--cyan) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.2)}
.section{position:relative}
.section>.container{position:relative;z-index:1}
.section-head h2{letter-spacing:-.035em;line-height:1.08}
.product-card,.category-card,.content-card,.panel,.audience-card,.image-info,.gallery-card{box-shadow:0 18px 48px rgba(0,0,0,.2);border-color:color-mix(in srgb,var(--line) 88%,transparent)}
.product-card:hover,.category-card:hover,.audience-card:hover,.gallery-card:hover{box-shadow:0 28px 68px rgba(0,0,0,.32),0 0 0 1px color-mix(in srgb,var(--tech) 13%,transparent)}
.product-img{background:linear-gradient(135deg,#071019,#0d1722)}
.product-img img{filter:contrast(1.035) saturate(1.025)}
.product-body h3{line-height:1.22}.product-desc{line-height:1.62}
.page-hero::before{background:linear-gradient(90deg,rgba(2,7,11,.88),rgba(2,7,11,.48) 50%,rgba(2,7,11,.16)),linear-gradient(0deg,rgba(2,7,11,.44),transparent 45%)}
.footer{background:radial-gradient(circle at 15% 0%,rgba(32,214,231,.06),transparent 26%),#04080d}
.contact-dock-item{box-shadow:0 16px 38px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--tech) 72%,white);outline-offset:3px;border-radius:8px}
@media (min-width:901px){main>section:nth-child(n+4){content-visibility:auto;contain-intrinsic-size:700px}}
@media (max-width:700px){.section{padding-top:54px;padding-bottom:54px}.section-head h2{font-size:clamp(28px,8vw,38px)}.product-card,.category-card,.panel,.content-card{border-radius:18px}.page-title h1{letter-spacing:-.035em}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* V26 — Premium Operations UI */
.header-search{cursor:pointer;background:transparent}
.global-search[hidden]{display:none}.global-search{position:fixed;inset:0;z-index:110;display:grid;place-items:start center;padding:8vh 20px 20px}.global-search-backdrop{position:absolute;inset:0;background:rgba(1,5,9,.78);backdrop-filter:blur(18px)}.global-search-panel{position:relative;width:min(820px,100%);max-height:82vh;overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(180deg,rgba(10,20,30,.99),rgba(4,10,16,.995));box-shadow:0 42px 110px rgba(0,0,0,.55);padding:24px}.global-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.global-search-head h2{margin:5px 0 18px;font-size:28px}.global-search-input-wrap{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;background:#07111a;border:1px solid rgba(32,214,231,.23)}.global-search-input-wrap svg{width:22px;height:22px;fill:none;stroke:var(--tech);stroke-width:1.7}.global-search-input-wrap input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.global-search-hints{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 14px}.global-search-hints span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font-size:11px}.global-search-results{display:grid;gap:8px}.search-result{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;padding:10px;border-radius:16px;border:1px solid transparent;background:rgba(255,255,255,.025)}.search-result:hover{border-color:rgba(32,214,231,.22);background:rgba(32,214,231,.055)}.search-result img,.search-result-icon{width:58px;height:48px;object-fit:cover;border-radius:12px;background:#0c1a24;display:grid;place-items:center;color:var(--tech)}.search-result span{display:grid;gap:2px}.search-result small{font-size:10px;color:var(--tech);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.search-result b{font-size:14px;color:#fff}.search-result em{font-size:11px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:580px}.search-result strong{color:var(--tech);font-size:18px}.search-empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.1);border-radius:16px}.search-open{overflow:hidden}
.faq-section{background:linear-gradient(180deg,rgba(7,14,21,.4),rgba(7,14,21,.82));border-block:1px solid rgba(255,255,255,.05)}.faq-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:50px;align-items:start}.faq-intro{position:sticky;top:130px}.faq-intro h2{font-size:clamp(30px,3vw,46px);line-height:1.08;margin:10px 0 14px}.faq-intro p{color:var(--muted);line-height:1.7}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(13,23,33,.9),rgba(8,15,23,.95));overflow:hidden}.faq-item summary{list-style:none;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:18px 20px;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:11px;color:var(--tech);font-weight:900}.faq-item summary b{font-size:15px;color:#f6fafc}.faq-item summary i{font-style:normal;color:var(--tech);font-size:20px;transition:transform .2s}.faq-item[open] summary i{transform:rotate(45deg)}.faq-item p{margin:0;padding:0 20px 20px 74px;color:var(--muted);line-height:1.75;font-size:13.5px}
.product-trust-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.product-trust-bar>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.product-trust-bar span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(32,214,231,.09);color:var(--tech)}.product-trust-bar b{font-size:11px}.product-trust-bar small{font-size:9px;color:var(--muted)}
.product-detail .product-info{position:relative}.product-detail .buy-box{position:sticky;top:118px;z-index:3;box-shadow:0 16px 45px rgba(0,0,0,.22)}
.footer-policy-grid{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:34px;padding:30px 0;border-top:1px solid rgba(255,255,255,.06)}.footer-policy-grid>div{display:grid;align-content:start;gap:9px}.footer-policy-grid b{font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.08em}.footer-policy-grid a,.footer-policy-grid span{font-size:11px;color:var(--muted);line-height:1.6}.footer-policy-grid a:hover{color:var(--tech)}
.rich-content{font-size:15px;line-height:1.82}.rich-content p{margin:0 0 18px}.custom-page-content .content-card{max-width:980px;margin:auto}
@media(max-width:900px){.faq-layout{grid-template-columns:1fr;gap:24px}.faq-intro{position:static}.product-trust-bar{grid-template-columns:1fr 1fr}.product-detail .buy-box{position:static}.footer-policy-grid{grid-template-columns:1fr 1fr}.global-search{padding:18px 12px}.global-search-panel{border-radius:20px;padding:18px}.search-result em{max-width:420px}}
@media(max-width:620px){.footer-policy-grid{grid-template-columns:1fr}.product-trust-bar{grid-template-columns:1fr 1fr}.faq-item summary{grid-template-columns:32px 1fr auto;padding:15px}.faq-item p{padding:0 15px 16px 59px}.global-search-head h2{font-size:22px}.global-search-hints{display:none}.search-result{grid-template-columns:48px 1fr auto}.search-result img,.search-result-icon{width:48px;height:44px}.search-result em{max-width:55vw}}


/* V27 — Executive visual polish */
body{background:radial-gradient(circle at 50% -10%,rgba(32,214,231,.07),transparent 28%),linear-gradient(180deg,var(--bg),#04080c 42%,var(--bg));background-attachment:fixed}
.site-header{background:linear-gradient(180deg,color-mix(in srgb,var(--header) 95%,transparent),color-mix(in srgb,var(--header) 87%,transparent));border-bottom:1px solid color-mix(in srgb,var(--tech) 16%,var(--line));box-shadow:0 14px 42px rgba(0,0,0,.24)}
.site-header:after{content:"";position:absolute;left:50%;bottom:-1px;width:min(880px,70vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tech) 65%,transparent),transparent);opacity:.62}
.section{position:relative}.section:not(.tight):before{content:"";position:absolute;left:50%;top:0;width:min(1180px,78vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);pointer-events:none}
.section-head h2{letter-spacing:-.035em;line-height:1.06}.section-head p{font-size:15px;line-height:1.7}
.kicker{letter-spacing:.12em;font-weight:900}
.btn{position:relative;overflow:hidden;isolation:isolate}.btn:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.12) 48%,transparent 66%);transform:translateX(-130%);transition:transform .55s ease}.btn:hover:after{transform:translateX(130%)}
.btn.primary{box-shadow:0 10px 28px color-mix(in srgb,var(--cyan) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.14)}
.product-card,.category-card,.audience-card,.gallery-card,.content-card,.panel{border-color:color-mix(in srgb,var(--line) 78%,rgba(255,255,255,.08));box-shadow:0 22px 58px rgba(0,0,0,.22)}
.product-card{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,#fff 1%),color-mix(in srgb,var(--panel2) 95%,#000 3%))}.product-card:hover{box-shadow:0 30px 70px rgba(0,0,0,.34),0 0 0 1px color-mix(in srgb,var(--tech) 22%,transparent)}
.product-img:after,.category-card:after,.audience-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 56%,rgba(2,7,11,.58));opacity:.7}
.product-body h3{font-size:clamp(17px,1.35vw,21px);line-height:1.25}.product-desc{line-height:1.65}.price b{letter-spacing:-.025em}
.hero-v17{box-shadow:inset 0 -70px 90px rgba(0,0,0,.24)}.hero-v17-copy{filter:drop-shadow(0 18px 45px rgba(0,0,0,.22))}.hero-v17-copy h1{letter-spacing:-.052em}.hero-v17-copy>p{max-width:650px;font-size:clamp(14px,1.05vw,17px)}
.hero-v17-proofs a{transition:.22s ease;border-color:color-mix(in srgb,var(--tech) 18%,transparent)}.hero-v17-proofs a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tech) 48%,transparent);background:rgba(5,18,26,.78)}
.v17-stats{background:linear-gradient(90deg,rgba(7,15,22,.96),rgba(9,20,29,.98),rgba(7,15,22,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(255,255,255,.035)}
.v17-stats-grid a{position:relative}.v17-stats-grid a:after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:2px;background:var(--tech);transform:scaleX(0);transition:.24s}.v17-stats-grid a:hover:after{transform:scaleX(1)}
.visual-card,.image-info{box-shadow:0 28px 70px rgba(0,0,0,.30)}.visual-card img,.image-info img{filter:saturate(1.03) contrast(1.02)}
.social-hub-card{background:linear-gradient(180deg,rgba(12,23,33,.96),rgba(7,14,21,.98));box-shadow:0 18px 46px rgba(0,0,0,.22)}
.contact-dock-item{box-shadow:0 16px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)}
.footer{background:radial-gradient(circle at 50% 0%,rgba(32,214,231,.06),transparent 28%),linear-gradient(180deg,#04090e,#020508)}
.page-hero:before{background:linear-gradient(90deg,rgba(2,7,11,.94),rgba(2,7,11,.63) 46%,rgba(2,7,11,.26)),linear-gradient(0deg,rgba(2,7,11,.78),transparent 58%)}
.page-title h1{letter-spacing:-.045em;text-shadow:0 6px 28px rgba(0,0,0,.55)}
@media(max-width:900px){.section{padding-top:64px;padding-bottom:64px}.hero-v17-copy{box-shadow:0 18px 50px rgba(0,0,0,.34)}.product-grid,.catalog{gap:14px}.site-header:after{width:84vw}}
@media(max-width:640px){.section{padding-top:52px;padding-bottom:52px}.section-head h2{font-size:clamp(28px,8.2vw,38px)}.product-card,.category-card,.audience-card{border-radius:18px}.hero-v17-copy h1{line-height:.98}.hero-v17-copy>p{line-height:1.62}.btn{min-height:46px}}


/* V27 motion & chrome */
.site-header{transition:background .25s ease,box-shadow .25s ease,border-color .25s ease}.site-header.scrolled{background:color-mix(in srgb,var(--header) 96%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.34);border-bottom-color:color-mix(in srgb,var(--tech) 24%,var(--line))}
.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .58s ease var(--reveal-delay,0ms),transform .58s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}.btn:after{display:none}.product-card,.category-card,.audience-card,.gallery-card{transition:none!important}}


/* V28 visual polish */
.section-head h2{letter-spacing:-.035em}.product-card,.category-card,.audience-card,.image-info,.visual-card{transform:translateZ(0)}.product-card:hover,.category-card:hover{box-shadow:0 28px 68px rgba(0,0,0,.34),0 0 0 1px color-mix(in srgb,var(--cyan) 22%,transparent)}.btn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.hero-v17-copy>p,.page-title p{max-width:720px}.page-title h1{letter-spacing:-.045em}.footer{background:radial-gradient(900px 380px at 50% 0,rgba(32,214,231,.055),transparent 62%),#03070b}img[data-fallback-used="1"]{object-fit:cover;background:#08111a}@media(max-width:700px){.section-head h2{font-size:clamp(28px,8vw,38px)}.product-body h3{font-size:18px}.page-title h1{font-size:clamp(34px,10vw,48px)}}


/* =========================================================
   V30 TYPOGRAPHY & LAYOUT SYSTEM
   Mục tiêu: chữ rõ, không quá nhỏ, khoảng trắng cân bằng,
   responsive sạch trên Desktop / Laptop / Tablet / Mobile.
   ========================================================= */
:root{
  --v30-text:#f7fbfd;
  --v30-muted:color-mix(in srgb,var(--muted) 92%,#fff 8%);
  --v30-copy:clamp(15px,1.02vw,17px);
  --v30-small:13px;
  --v30-card-copy:14.5px;
  --v30-radius:22px;
  --v30-section-title:clamp(34px,3.6vw,52px);
}
html{font-size:calc(16px * var(--font-scale,1));}
body{font-size:calc(16px * var(--font-scale,1));line-height:1.68;color:var(--v30-text);letter-spacing:0;}
p{line-height:1.72;}
.muted{color:var(--v30-muted);}
.container{width:min(var(--max),calc(100% - clamp(28px,5vw,72px)));}
.section{padding:var(--section-space) 0;}
.section.tight{padding:60px 0;}
.section-head{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:end;gap:42px;margin-bottom:38px;}
.section-head>div{min-width:0;}
.section-head h2{font-size:var(--v30-section-title);line-height:1.08;letter-spacing:-.038em;margin:8px 0 0;max-width:920px;text-wrap:balance;}
.section-head p{font-size:16px;line-height:1.72;max-width:680px;color:var(--v30-muted);justify-self:end;}
.kicker{font-size:13px;line-height:1.35;letter-spacing:.115em;font-weight:900;}
.eyebrow{font-size:13px;line-height:1.25;padding:8px 13px;}
.btn{font-size:14.5px;line-height:1.2;min-height:50px;padding:13px 19px;font-weight:900;}
.pill{font-size:12.5px;line-height:1.2;padding:6px 10px;}

/* Header — không ép chữ menu xuống quá nhỏ */
.top-strip{font-size:13px;}
.top-strip .container,.top-strip-inner{min-height:40px;height:auto;}
.top-promise strong,.top-quality{font-size:13px;line-height:1.35;}
.site-header{backdrop-filter:blur(var(--header-blur)) saturate(1.12);}
.header-row{height:88px;gap:22px;}
.brand{min-width:248px;}
.brand img{width:58px;height:58px;}
.brand-copy b{font-size:25px;line-height:1.02;}
.brand-copy strong{font-size:12.5px;line-height:1.25;}
.brand-copy span{font-size:11.5px;line-height:1.25;margin-top:3px;letter-spacing:.11em;}
.nav{gap:2px;}
.nav a{font-size:14px;line-height:1.2;padding:12px 10px;font-weight:850;}
.header-cta{font-size:14px;}
.icon-btn{width:46px;height:46px;}
.cart-badge{font-size:12px;min-width:22px;height:22px;}
.mobile-menu{padding:12px 20px 20px;}
.mobile-menu a{font-size:15.5px;line-height:1.35;padding:14px 4px;}

/* Hero — ưu tiên độ đọc và phân cấp nội dung */
.hero-v17-content{padding:62px 0;}
.hero-v17-copy{width:min(760px,58%);}
.hero-protocol{font-size:12.5px;line-height:1.35;padding:8px 14px;letter-spacing:.075em;}
.hero-v17-copy h1{font-size:clamp(50px,4.8vw,74px);line-height:.98;letter-spacing:-.048em;margin:20px 0 18px;max-width:780px;}
.hero-v17-copy h1 span{margin-top:9px;}
.hero-v17-copy>p{font-size:17px;line-height:1.72;max-width:680px;color:#edf5f8;}
.hero-v17 .hero-actions{gap:12px;margin-top:26px;}
.hero-v17 .hero-actions .btn{min-height:54px;font-size:14px;padding-inline:20px;}
.hero-v17-proofs{gap:11px;margin-top:26px;max-width:760px;}
.hero-v17-proofs a{min-height:82px;padding:13px 14px;}
.hero-v17-proofs b{font-size:13.5px;line-height:1.3;}
.hero-v17-proofs span{font-size:12px;line-height:1.45;margin-top:3px;color:#b4c8d2;}
.hero-coverage{width:220px;}
.hero-coverage h3{font-size:22px;line-height:1.1;}
.hero-coverage li{font-size:12.5px;line-height:1.45;}

/* Trust / category / stats */
.trust-item{padding:20px 16px;gap:13px;}
.trust-item b{font-size:15px;line-height:1.3;}
.trust-item span{font-size:13px;line-height:1.4;color:var(--v30-muted);}
.v17-category-ribbon .category-card{min-height:164px;}
.category-copy{left:16px;right:46px;bottom:15px;}
.category-copy b,.v17-category-ribbon .category-copy b{font-size:16px;line-height:1.25;}
.category-copy span,.v17-category-ribbon .category-copy span{font-size:13px;line-height:1.35;margin-top:3px;display:block;color:#bed0d8;}
.category-arrow{width:36px;height:36px;font-size:17px;}
.v17-stats-grid a{padding:24px 18px;}
.v17-stats-grid strong{font-size:clamp(25px,2vw,32px);}
.v17-stats-grid span{font-size:13px;line-height:1.35;margin-top:7px;color:#d5e2e8;}
.executive-assurance-grid>a{padding:22px;gap:15px;}
.executive-assurance-grid b{font-size:16px;line-height:1.3;}
.executive-assurance-grid small{font-size:13px;line-height:1.58;color:var(--v30-muted);}

/* Product cards — không dùng text 9–12px cho nội dung chính */
.product-grid,.catalog{gap:22px;}
.product-card{border-radius:22px;}
.product-body{padding:20px;}
.product-flag{font-size:12px;padding:6px 10px;}
.product-cat{font-size:12.5px;line-height:1.35;letter-spacing:.11em;}
.product-body h3{font-size:20px;line-height:1.28;margin:8px 0 10px;letter-spacing:-.018em;}
.product-desc{font-size:14.5px;line-height:1.68;min-height:48px;color:#c2d1d8;}
.spec-row{gap:8px;margin:14px 0;}
.spec-row .pill{font-size:12.5px;}
.price-row{padding-top:16px;margin-top:17px;gap:12px;}
.price b{font-size:22px;line-height:1.2;}
.price small{font-size:12.5px;line-height:1.35;margin-bottom:3px;}
.card-actions{gap:9px;}
.card-actions .btn{min-height:42px;padding:10px 13px;font-size:13.5px;}
.card-actions .icon-btn{width:42px;height:42px;}

/* Nội dung / feature / quy trình */
.content-card{padding:36px;}
.content-card h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;margin:9px 0 17px;}
.content-card p{font-size:16px;line-height:1.72;color:#bdccd4;}
.feature{padding:14px;gap:12px;}
.feature b{font-size:15px;line-height:1.3;}
.feature span{font-size:13.5px;line-height:1.55;color:var(--v30-muted);}
.metric strong{font-size:30px;}
.metric span{font-size:13.5px;line-height:1.4;}
.image-info h3{font-size:26px;line-height:1.15;}
.image-info p{font-size:14.5px;line-height:1.65;color:#c0d0d7;}
.step b{font-size:13px;}
.step strong{font-size:16px;line-height:1.35;}
.step span,.process-card p{font-size:13.5px;line-height:1.58;}
.audience-card-copy>span{font-size:12.5px;}
.audience-card-copy h3{font-size:25px;line-height:1.15;}
.audience-card-copy p{font-size:14.5px;line-height:1.65;color:#c1d0d7;}
.visual-card-caption b{font-size:16px;line-height:1.3;}
.visual-card-caption span{font-size:13px;line-height:1.4;}

/* Forms / tables / pricing */
.field{gap:8px;}
.field label{font-size:13px;line-height:1.35;letter-spacing:.07em;}
.field input,.field select,.field textarea{font-size:15px;min-height:48px;}
.detail-row{font-size:14px;line-height:1.45;padding:10px 0;}
.filter label{font-size:14px;line-height:1.45;padding:9px 0;}
.spec span{font-size:12.5px;line-height:1.35;}
.spec b{font-size:15px;line-height:1.35;}
.tier-card span{font-size:14px;line-height:1.55;}
.price-table th{font-size:13px;line-height:1.35;padding:14px 16px;}
.price-table td{font-size:14.5px;line-height:1.45;padding:15px 16px;}
.cart-name b{font-size:15px;}
.cart-name span{font-size:13px;line-height:1.4;}
.bubble{font-size:14px;line-height:1.5;}

/* Product detail / FAQ / Search */
.product-trust-bar>div{padding:13px;}
.product-trust-bar b{font-size:13.5px;line-height:1.3;}
.product-trust-bar small{font-size:12px;line-height:1.4;color:var(--v30-muted);}
.faq-intro h2{font-size:clamp(34px,3vw,48px);}
.faq-intro p{font-size:16px;line-height:1.72;}
.faq-item summary{padding:20px 22px;}
.faq-item summary span{font-size:12.5px;}
.faq-item summary b{font-size:16px;line-height:1.45;}
.faq-item p{font-size:15px;line-height:1.75;padding:0 22px 22px 76px;}
.global-search-hints span{font-size:12.5px;}
.search-result small{font-size:12px;}
.search-result b{font-size:15.5px;line-height:1.35;}
.search-result em{font-size:13px;line-height:1.4;}
.rich-content{font-size:16.5px;line-height:1.82;}

/* Gallery / map */
.gallery-copy{padding:20px 20px 22px;}
.gallery-tag{font-size:12.5px;}
.gallery-copy h3{font-size:21px;line-height:1.28;}
.gallery-copy p{font-size:14.5px;line-height:1.68;color:#beced6;}
.gallery-meta span,.gallery-meta b{font-size:12.5px;line-height:1.45;}
.location-address-card small{font-size:12.5px;}
.location-address-card b{font-size:16px;}
.location-address-card em{font-size:12.5px;}
.map-click-badge{font-size:13px;line-height:1.35;}
.shipping-partner b{font-size:15px;line-height:1.35;}
.shipping-partner small{font-size:13px;line-height:1.45;}
.shipping-partner a{font-size:13.5px;}

/* Page hero */
.page-title{padding:76px 0 60px;max-width:900px;}
.page-title h1{font-size:clamp(44px,4.7vw,68px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance;}
.page-title p{font-size:17px;line-height:1.72;max-width:740px;color:#d2e0e6;}
.breadcrumbs{font-size:13px;line-height:1.45;}

/* Social / footer — sửa triệt để các chữ 6–11px cũ */
.social-link,.social-links.compact .social-link span:last-child{font-size:13px;}
.social-hub-copy b{font-size:15px;line-height:1.3;}
.social-hub-copy small{font-size:12.5px;line-height:1.4;}
.footer h4{font-size:15px;line-height:1.3;}
.footer a,.footer p{font-size:13.5px;line-height:1.55;}
.footer-bottom,.v17-footer-links{font-size:12.5px;line-height:1.5;}
.v17-footer-links a{font-size:12.5px;}
.v17-footer .footer-brand strong{font-size:12.5px;line-height:1.3;}
.v17-footer .footer-brand span{font-size:11.5px;line-height:1.35;}
.footer-contact small{font-size:12.5px;line-height:1.35;}
.footer-contact b{font-size:14px;line-height:1.35;}
.footer-dealer-cta{font-size:13.5px;}
.footer-policy-grid b{font-size:13.5px;}
.footer-policy-grid a,.footer-policy-grid span{font-size:13px;line-height:1.6;}

/* Floating contact */
.contact-dock{width:190px;}
.contact-dock-item{min-height:60px;padding:9px 13px 9px 10px;}
.contact-dock-copy b{font-size:13px;line-height:1.25;}
.contact-dock-copy small{font-size:11.5px;line-height:1.3;}
.mobile-contact-copy b{font-size:13px;line-height:1.2;}
.mobile-contact-copy small{font-size:11px;line-height:1.25;}

/* Laptop: ẩn nav sớm thay vì ép chữ menu còn 11px */
@media(max-width:1320px){
  .nav{display:none!important;}
  .menu-btn{display:grid!important;}
  .header-actions .header-cta{display:inline-flex;}
  .brand{min-width:0;}
}

/* Tablet */
@media(max-width:900px){
  body{font-size:calc(15.8px * var(--font-scale,1));}
  .container{width:calc(100% - 30px);}
  .section{padding:68px 0;}
  .section.tight{padding:52px 0;}
  .section-head{grid-template-columns:1fr;gap:14px;margin-bottom:30px;}
  .section-head p{justify-self:start;font-size:15.5px;max-width:720px;}
  .header-row{height:76px;}
  .hero-v17{min-height:920px;}
  .hero-v17-content{min-height:920px;padding:390px 0 32px;align-items:flex-end;}
  .hero-v17-copy{width:100%;padding:24px;border-radius:22px;}
  .hero-protocol{font-size:12px;}
  .hero-v17-copy h1{font-size:clamp(40px,7.3vw,56px);line-height:1.01;}
  .hero-v17-copy>p{font-size:16px;line-height:1.68;}
  .hero-v17-proofs b{font-size:13px;}
  .hero-v17-proofs span{font-size:11.8px;}
  .product-grid,.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
  .product-body h3{font-size:19px;}
  .product-desc{font-size:14px;}
  .page-title{padding:62px 0 48px;}
  .page-title p{font-size:16px;}
  .footer-policy-grid{gap:24px;}
}

/* Phone — ưu tiên đọc dễ, không nhồi hai card sản phẩm */
@media(max-width:700px){
  body{font-size:calc(15.5px * var(--font-scale,1));line-height:1.66;}
  .container{width:calc(100% - 24px);}
  .section{padding:56px 0;}
  .section.tight{padding:44px 0;}
  .section-head{margin-bottom:26px;}
  .section-head h2{font-size:clamp(31px,8.4vw,39px);line-height:1.1;}
  .section-head p{font-size:15px;line-height:1.68;}
  .kicker{font-size:12px;}
  .btn{min-height:50px;font-size:14px;padding:13px 16px;}
  .header-row{height:72px;gap:10px;}
  .brand img{width:48px;height:48px;}
  .brand-copy b{font-size:20px;}
  .brand-copy strong{font-size:11.5px;}
  .brand-copy span{display:none;}
  .hero-v17{min-height:930px;}
  .hero-v17-content{min-height:930px;padding:400px 0 28px;}
  .hero-v17-copy{padding:20px;border-radius:20px;}
  .hero-protocol{font-size:11.5px;line-height:1.4;padding:7px 10px;}
  .hero-v17-copy h1{font-size:clamp(34px,9.4vw,43px);line-height:1.02;margin:15px 0 13px;}
  .hero-v17-copy>p{font-size:15px;line-height:1.65;}
  .hero-v17 .hero-actions{margin-top:20px;}
  .hero-v17 .hero-actions .btn{font-size:13.5px;min-height:51px;}
  .hero-v17-proofs{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;}
  .hero-v17-proofs a{min-height:76px;padding:10px;}
  .hero-v17-proofs b{font-size:12.5px;}
  .hero-v17-proofs span{font-size:11.5px;}
  .v17-category-ribbon .category-card{min-height:142px;}
  .category-copy b,.v17-category-ribbon .category-copy b{font-size:14.5px;}
  .category-copy span,.v17-category-ribbon .category-copy span{font-size:12px;}
  .v17-stats-grid strong{font-size:23px;}
  .v17-stats-grid span{font-size:12.5px;}
  .executive-assurance-grid>a{padding:18px;}
  .executive-assurance-grid b{font-size:15px;}
  .executive-assurance-grid small{font-size:12.5px;}
  .product-grid,.catalog{grid-template-columns:1fr!important;gap:18px;}
  .product-img{aspect-ratio:16/10;}
  .product-body{padding:18px;}
  .product-cat{font-size:12px;}
  .product-body h3{font-size:20px;}
  .product-desc{font-size:14.5px;min-height:0;}
  .price b{font-size:21px;}
  .price small{font-size:12.5px;}
  .card-actions .btn{font-size:13.5px;}
  .content-card{padding:24px;}
  .content-card h2{font-size:clamp(30px,8vw,38px);}
  .content-card p{font-size:15px;}
  .feature span{font-size:13px;}
  .audience-card-copy h3{font-size:23px;}
  .audience-card-copy p{font-size:14px;}
  .faq-item summary{grid-template-columns:32px 1fr auto;padding:16px;}
  .faq-item summary b{font-size:15px;}
  .faq-item p{font-size:14.5px;padding:0 16px 18px 60px;}
  .product-trust-bar{grid-template-columns:1fr 1fr;}
  .product-trust-bar b{font-size:12.5px;}
  .product-trust-bar small{font-size:11.5px;}
  .page-title{padding:58px 0 44px;}
  .page-title h1{font-size:clamp(36px,10vw,48px);line-height:1.04;}
  .page-title p{font-size:15px;line-height:1.65;}
  .breadcrumbs{font-size:12.5px;}
  .gallery-copy h3{font-size:19px;}
  .gallery-copy p{font-size:14px;}
  .gallery-meta span,.gallery-meta b{font-size:12px;}
  .footer a,.footer p{font-size:13.5px;}
  .footer-contact b{font-size:13.5px;}
  .footer-contact small{font-size:12px;}
  .v17-footer-links,.v17-footer-links a{font-size:12px;}
  .mobile-contact-copy b{font-size:13px!important;}
  .mobile-contact-copy small{font-size:10.8px!important;display:block;}
}

@media(max-width:430px){
  .container{width:calc(100% - 20px);}
  .hero-v17{min-height:950px;}
  .hero-v17-content{min-height:950px;padding-top:410px;}
  .hero-v17-copy{padding:18px;}
  .hero-v17-copy h1{font-size:clamp(33px,9.5vw,40px);}
  .hero-v17-proofs a{min-height:78px;}
  .v17-category-ribbon .category-grid{gap:10px;}
  .v17-category-ribbon .category-card{min-height:136px;}
  .mobile-contact-copy small{display:none!important;}
  .mobile-contact-copy b{font-size:13px!important;}
}

@media(min-width:1600px){
  body{font-size:calc(16.2px * var(--font-scale,1));}
  .section-head p{font-size:16.5px;}
  .product-desc{font-size:14.8px;}
  .hero-v17-copy>p{font-size:17.5px;}
}

/* V30 legacy component readability safety net */
.hero-mini-metrics span,.visual-badge span,.hero-proof span,.support-fab-label small{font-size:12px;line-height:1.4}
.hero-proof b,.visual-badge b,.support-fab-label{font-size:13px;line-height:1.35}
.hero-main .eyebrow,.hero-v13 .eyebrow{font-size:12px}
.top-social .social-link{font-size:13px}
.top-social .social-icon-badge{width:22px;height:22px;flex-basis:22px}
.warranty-qr-intro p,.qr-sample p{font-size:15px;line-height:1.65}
.delivery-map-copy p{font-size:17px;line-height:1.7}
.split{gap:30px}
.warehouse-grid{gap:24px}.warehouse-stack{gap:20px}
.lookup-shell{gap:24px}
.catalog-layout{grid-template-columns:280px minmax(0,1fr);gap:28px}
.cart-layout{grid-template-columns:minmax(0,1fr) 380px;gap:24px}
.checkout-layout{grid-template-columns:minmax(0,1fr) 440px;gap:24px}
.tier-grid{gap:16px}
.audience-grid{gap:22px}
.footer-grid{gap:40px}
.delivery-map-card{gap:48px}
.panel{padding:24px}
.panel h3{font-size:20px;line-height:1.3}
.empty{font-size:15px;line-height:1.6}
@media(max-width:1120px){.catalog-layout,.cart-layout,.checkout-layout{grid-template-columns:1fr}.filter,.summary{position:static}.delivery-map-card{gap:28px}.footer-grid{gap:28px}}
@media(max-width:900px){.split,.lookup-shell,.warehouse-grid{grid-template-columns:1fr;gap:20px}.audience-grid{gap:16px}.panel{padding:22px}}
@media(max-width:700px){.top-social .social-link{font-size:12.5px}.delivery-map-copy p{font-size:15px}.panel{padding:20px}.panel h3{font-size:19px}}


/* V30.1 — Professional footer readability & balance */
.footer-v30-pro{background:radial-gradient(circle at 50% 0,rgba(24,214,231,.055),transparent 34%),linear-gradient(180deg,#050a0f 0%,#03070b 100%);border-top:1px solid rgba(46,214,231,.14)}
.footer-policy-grid-pro{grid-template-columns:1.06fr 1fr 1.18fr;gap:0;padding:42px 0 38px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.06)}
.footer-policy-grid-pro>.footer-policy-column{padding:0 42px;min-width:0;display:block}
.footer-policy-grid-pro>.footer-policy-column:first-child{padding-left:0}
.footer-policy-grid-pro>.footer-policy-column:last-child{padding-right:0}
.footer-policy-grid-pro>.footer-policy-column+.footer-policy-column{border-left:1px solid rgba(255,255,255,.075)}
.footer-col-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;min-height:58px}
.footer-col-heading>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(32,214,231,.28);background:rgba(32,214,231,.07);color:var(--tech);font-size:12px;font-weight:900;letter-spacing:.04em}
.footer-col-heading>div{display:grid;gap:5px}
.footer-policy-grid-pro .footer-col-heading b{font-size:18px!important;line-height:1.2;color:#f7fbff;text-transform:uppercase;letter-spacing:.055em;font-weight:900}
.footer-col-heading small{font-size:13.5px;line-height:1.5;color:#8fa7b5;max-width:310px}
.footer-link-list{display:grid;gap:6px}
.footer-link-list a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:47px;padding:10px 12px;border-radius:12px;color:#d7e3e9!important;font-size:15.5px!important;line-height:1.35!important;font-weight:650;text-decoration:none;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.footer-link-list a i{font-style:normal;color:#6f8b9b;font-size:16px;transition:transform .2s ease,color .2s ease}
.footer-link-list a:hover{background:rgba(255,255,255,.035);border-color:rgba(32,214,231,.14);color:#fff!important;transform:translateX(2px)}
.footer-link-list a:hover i{color:var(--tech);transform:translateX(3px)}
.footer-link-list-explore{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:6px}
.footer-link-list-explore a{min-height:46px}
.footer-commitment-list{display:grid;gap:9px}
.footer-commitment-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:66px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.footer-commitment-list>a>i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(32,214,231,.08);border:1px solid rgba(32,214,231,.18);font-size:18px;color:var(--tech);font-style:normal}
.footer-commitment-list>a>span{display:grid;gap:3px;min-width:0}
.footer-commitment-list>a>span>b{font-size:15.5px!important;line-height:1.3!important;color:#f5f9fb;text-transform:none;letter-spacing:0;font-weight:800}
.footer-commitment-list>a>span>small{font-size:12.7px;line-height:1.45;color:#8fa7b5}
.footer-commitment-list>a>em{font-style:normal;font-size:16px;color:#6f8b9b}
.footer-commitment-list>a:hover{background:rgba(32,214,231,.045);border-color:rgba(32,214,231,.2);transform:translateY(-1px)}
.footer-commitment-list>a:hover>em{color:var(--tech)}
.footer-bottom-pro{min-height:62px;align-items:center;padding:18px 0}
.footer-bottom-pro,.footer-bottom-pro a,.footer-bottom-pro span{font-size:13.5px!important;line-height:1.5}
@media(max-width:1180px){
  .footer-policy-grid-pro{grid-template-columns:1fr 1fr;gap:30px}
  .footer-policy-grid-pro>.footer-policy-column{padding:0!important;border-left:0!important}
  .footer-policy-grid-pro>.footer-policy-column:last-child{grid-column:1/-1;padding-top:28px!important;border-top:1px solid rgba(255,255,255,.07)!important}
  .footer-commitment-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .footer-policy-grid-pro{grid-template-columns:1fr;gap:30px;padding:34px 0}
  .footer-policy-grid-pro>.footer-policy-column{grid-column:auto!important;padding:0!important;border:0!important}
  .footer-policy-grid-pro>.footer-policy-column+.footer-policy-column{padding-top:26px!important;border-top:1px solid rgba(255,255,255,.075)!important}
  .footer-col-heading{min-height:0;margin-bottom:16px}
  .footer-policy-grid-pro .footer-col-heading b{font-size:17px!important}
  .footer-col-heading small{font-size:13px}
  .footer-link-list-explore{grid-template-columns:1fr}
  .footer-link-list a{min-height:48px;font-size:15px!important;padding:11px 10px}
  .footer-commitment-list{grid-template-columns:1fr}
  .footer-commitment-list>a{min-height:64px}
  .footer-commitment-list>a>span>b{font-size:15px!important}
  .footer-commitment-list>a>span>small{font-size:12.5px}
  .footer-bottom-pro,.footer-bottom-pro span{font-size:12.8px!important}
}


/* V31 — Premium polish + Live Admin Editor */
.hero-title-main{display:block;color:inherit!important;font-style:normal;text-shadow:inherit!important;margin:0!important}
.site-header{border-bottom:1px solid rgba(255,255,255,.055)}
.site-header.scrolled{box-shadow:0 18px 42px rgba(0,0,0,.32)}
.section-head{gap:28px}.section-head h2{max-width:820px}.section-head>p{max-width:680px}
.product-card,.category-card,.audience-card,.content-card,.panel,.image-info,.visual-card{box-shadow:0 18px 48px rgba(0,0,0,.18)}
.product-card:hover,.category-card:hover,.audience-card:hover{box-shadow:0 26px 70px rgba(0,0,0,.3)}
.btn{font-weight:850;letter-spacing:.01em}
.footer-policy-column{min-width:0}.footer-link-list a,.footer-commitment-list a{min-height:54px}

.live-admin-toolbar{position:fixed;right:18px;top:18px;z-index:120;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(63,220,239,.28);border-radius:16px;background:rgba(4,12,20,.93);box-shadow:0 20px 60px rgba(0,0,0,.38);backdrop-filter:blur(20px)}
.live-admin-toolbar[hidden]{display:none}.live-admin-user{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 6px;border-right:1px solid rgba(255,255,255,.08)}.live-admin-user small{display:block;color:#74e8f5;font-size:9px;font-weight:900;letter-spacing:.12em}.live-admin-user b{font-size:12px;color:#fff}.live-status-dot{width:9px;height:9px;border-radius:50%;background:#32e4b1;box-shadow:0 0 14px rgba(50,228,177,.8)}.live-tool-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0c1722;color:#dcebf2;font-size:12px;font-weight:850;text-decoration:none;cursor:pointer}.live-tool-btn.active{border-color:rgba(46,220,240,.55);background:linear-gradient(135deg,rgba(20,192,220,.2),rgba(7,24,35,.9));color:#fff}
.live-hover-box{position:fixed;z-index:116;pointer-events:none;border:2px solid #2fe1f0;border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 0 24px rgba(47,225,240,.22);transition:left .04s,top .04s,width .04s,height .04s}.live-hover-box[hidden]{display:none}.live-hover-box span{position:absolute;left:-2px;top:-28px;min-height:26px;display:flex;align-items:center;padding:0 9px;border-radius:7px 7px 0 0;background:#1fd1e3;color:#031015;font-size:10px;font-weight:950;white-space:nowrap}.live-hover-box button{pointer-events:auto;position:absolute;right:-2px;top:-32px;width:30px;height:30px;border:0;border-radius:9px;background:#fff;color:#06121a;font-size:15px;font-weight:1000;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.live-edit-panel{position:fixed;right:18px;top:82px;bottom:18px;width:min(390px,calc(100vw - 36px));z-index:121;display:grid;grid-template-rows:auto 1fr auto;border:1px solid rgba(65,220,238,.22);border-radius:20px;background:linear-gradient(180deg,rgba(8,18,28,.98),rgba(4,10,16,.99));box-shadow:0 28px 90px rgba(0,0,0,.55);backdrop-filter:blur(24px);overflow:hidden}.live-edit-panel[hidden]{display:none}.live-panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.live-panel-head small{display:block;color:#45ddea;font-size:9px;font-weight:950;letter-spacing:.14em}.live-panel-head h3{margin:3px 0 0;font-size:20px}.live-panel-close{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0b1621;color:#fff;font-size:24px;cursor:pointer}.live-panel-body{padding:16px 18px;overflow:auto}.live-panel-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.07);background:rgba(2,8,13,.7)}.live-element-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:14px}.live-element-meta b,.live-element-meta span{padding:5px 8px;border-radius:999px;background:rgba(47,225,240,.1);border:1px solid rgba(47,225,240,.18);font-size:10px;color:#bceef4}.live-element-meta code{font-size:10px;color:#7e9aaa}.live-field{display:grid;gap:7px;margin:0 0 12px}.live-field>span,.live-subtitle{font-size:11px;font-weight:850;color:#c8d9e3}.live-field input,.live-field textarea,.live-field select{width:100%;border:1px solid #294052;border-radius:10px;background:#07111a;color:#f2f8fb;padding:10px 11px;font:inherit;outline:none}.live-field textarea{resize:vertical;min-height:98px}.live-field input:focus,.live-field textarea:focus,.live-field select:focus{border-color:#2fd9e9;box-shadow:0 0 0 3px rgba(47,217,233,.08)}.live-subtitle{margin:17px 0 10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);text-transform:uppercase;letter-spacing:.08em}.live-grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.live-image-preview{aspect-ratio:16/9;margin-bottom:10px;border:1px solid #263c4d;border-radius:12px;overflow:hidden;background:#03080d}.live-image-preview img{width:100%;height:100%;object-fit:cover}.live-upload-btn{display:flex;align-items:center;justify-content:center;min-height:42px;margin:0 0 12px;border-radius:11px;background:linear-gradient(135deg,#1ed4e5,#0ba1bd);color:#021015;font-size:12px;font-weight:950;cursor:pointer}.live-upload-btn.secondary{background:#0d1b28;color:#dff8fb;border:1px solid #29475a}
html.admin-live-edit [data-live-id]{cursor:crosshair}.live-panel-open .contact-dock{right:425px}
@media(max-width:900px){.live-admin-toolbar{right:10px;top:10px}.live-admin-user{display:none}.live-edit-panel{right:10px;left:10px;top:68px;bottom:82px;width:auto}.live-panel-open .contact-dock{right:12px}.live-grid2{grid-template-columns:1fr}}


/* V32 — Smart Address + premium commerce polish */
:root{--pd-glow:0 0 0 1px rgba(32,214,231,.10),0 26px 70px rgba(0,0,0,.28)}
body{background:radial-gradient(circle at 50% -10%,rgba(22,81,98,.14),transparent 32%),linear-gradient(180deg,var(--bg),#04080d 48%,#050a10)}
.site-header{box-shadow:0 14px 44px rgba(0,0,0,.26);border-bottom-color:rgba(70,196,215,.16)}
.hero-v17{background-position:var(--hero-pos,center center)!important}
.hero-v17::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(180deg,transparent,rgba(4,8,13,.88));pointer-events:none}
.section-head{gap:30px;align-items:end}.section-head>div:first-child{max-width:760px}.section-head>p{max-width:620px;font-size:16px;line-height:1.75}
.panel,.content-card,.image-info,.product-card,.audience-card,.gallery-card{box-shadow:var(--pd-glow)}
.panel,.content-card{border-color:rgba(111,198,218,.14);background:linear-gradient(180deg,rgba(13,24,35,.94),rgba(7,14,22,.98))}
.form-grid{gap:18px}.field label{font-size:14px!important;font-weight:800;letter-spacing:.01em;color:#eaf4f8;margin-bottom:8px;display:block}.field input,.field select,.field textarea{min-height:52px;font-size:16px!important;border-radius:14px;border:1px solid rgba(111,183,205,.22);background:rgba(3,10,16,.72);color:#f8fbfd;padding:13px 15px;transition:border-color .2s,box-shadow .2s,background .2s}.field textarea{min-height:112px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:rgba(32,214,231,.66);box-shadow:0 0 0 4px rgba(32,214,231,.10);background:rgba(5,15,22,.92)}
.smart-address-field{position:relative}.smart-address-shell{position:relative}.smart-address-shell>input{padding-left:45px;padding-right:50px;width:100%}.smart-address-pin{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:2;color:var(--tech);font-size:20px;pointer-events:none}.smart-address-locate{position:absolute;right:7px;top:7px;width:38px;height:38px;border-radius:11px;border:1px solid rgba(32,214,231,.22);background:rgba(32,214,231,.08);color:var(--tech);font-size:20px;display:grid;place-items:center;cursor:pointer;z-index:4;transition:.2s}.smart-address-locate:hover{background:rgba(32,214,231,.16);border-color:rgba(32,214,231,.48)}.smart-address-locate.loading{animation:pdspin 1s linear infinite}@keyframes pdspin{to{transform:rotate(360deg)}}
.address-help{display:block;margin-top:7px;color:#93abb7;font-size:12.5px;line-height:1.5}.address-suggestions{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 8px);padding:8px;background:rgba(5,12,19,.985);border:1px solid rgba(53,181,210,.28);border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.48);backdrop-filter:blur(18px);max-height:350px;overflow:auto}.address-suggestions[hidden]{display:none}.address-option{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:#fff;cursor:pointer}.address-option:hover,.address-option:focus{outline:none;background:rgba(32,214,231,.10)}.address-option-icon{width:30px;height:30px;border-radius:9px;background:rgba(32,214,231,.10);display:grid;place-items:center;color:var(--tech)}.address-option span:nth-child(2){display:grid;gap:3px}.address-option b{font-size:14px;line-height:1.35}.address-option small{font-size:12px;color:#a9bdc7;line-height:1.35}.address-option em{font-style:normal;font-size:10px;font-weight:900;color:#77dfee;border:1px solid rgba(32,214,231,.18);padding:4px 7px;border-radius:999px}.address-empty{padding:14px;color:#b8cad3;font-size:13px;line-height:1.55}.address-verified-badge{margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(56,218,161,.10);border:1px solid rgba(56,218,161,.22);color:#75e8bd;font-size:12px;font-weight:800}
.checkout-premium-section{position:relative}.checkout-layout{align-items:start}.checkout-customer-panel{padding:30px}.checkout-panel-head{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}.checkout-panel-head h3{font-size:30px;margin:8px 0}.checkout-panel-head p{max-width:720px;color:var(--muted);line-height:1.7}.checkout-summary{position:sticky;top:108px;padding:26px}.checkout-summary h3{font-size:25px;margin:8px 0 18px}.checkout-summary .summary-row{padding:14px 0;gap:16px}.checkout-summary .summary-row span{display:grid;gap:4px}.checkout-summary .summary-row span>b{font-size:14px}.checkout-summary .summary-row small{font-size:12px;color:var(--muted)}.checkout-trust-list{display:grid;gap:9px;margin:18px 0;padding:15px;border-radius:14px;background:rgba(32,214,231,.05);border:1px solid rgba(32,214,231,.12)}.checkout-trust-list span{font-size:13px;color:#dcebf1}.checkout-submit-wrap{display:grid;gap:8px}.checkout-submit{min-height:54px;font-size:15px}.checkout-submit-wrap small{color:#91a8b4;font-size:12px}.shipping-estimate{display:grid!important;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,rgba(32,214,231,.10),rgba(56,218,161,.07));border:1px solid rgba(32,214,231,.22)}.shipping-estimate[hidden]{display:none!important}.shipping-estimate span{font-size:13px;font-weight:800}.shipping-estimate b{font-size:18px;color:#71e5f2}.shipping-estimate small{grid-column:1/-1;color:#a9bdc7}
.route-finder{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:32px;align-items:center;padding:30px;border-radius:24px;background:linear-gradient(135deg,rgba(12,25,36,.96),rgba(5,12,19,.98));border:1px solid rgba(32,214,231,.18);box-shadow:var(--pd-glow)}.route-finder h3{font-size:30px;margin:8px 0}.route-finder p{color:var(--muted);line-height:1.7;max-width:620px}.route-finder-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.route-finder-form .field{margin:0}.route-finder-form .btn{min-height:52px;white-space:nowrap;margin-bottom:27px}
.v17-stats{border-top:1px solid rgba(32,214,231,.08);border-bottom:1px solid rgba(32,214,231,.08)}.product-card{border-color:rgba(255,255,255,.08)}.product-card:hover{border-color:rgba(32,214,231,.28)}
.footer{border-top-color:rgba(32,214,231,.16)}
@media (max-width:1050px){.route-finder{grid-template-columns:1fr}.route-finder-form{grid-template-columns:1fr}.route-finder-form .btn{margin-bottom:0}.checkout-summary{position:static}}
@media (max-width:700px){.checkout-customer-panel,.checkout-summary{padding:20px}.checkout-panel-head h3,.route-finder h3{font-size:25px}.route-finder{padding:20px}.field input,.field select,.field textarea{font-size:16px!important}.address-option{grid-template-columns:30px minmax(0,1fr)}.address-option em{display:none}.address-suggestions{max-height:280px}}


/* =========================================================
   V33 · PROFESSIONAL HERO COVERAGE + OPERATIONS POLISH
   ========================================================= */
@media (min-width:1101px){
  .hero-v17-content{position:relative;isolation:isolate}
  .hero-v17-copy{width:min(760px,61%);position:relative;z-index:2}
  .hero-coverage{right:0;top:50%;transform:translateY(-48%);width:300px;padding:22px 22px 24px;border:1px solid rgba(45,233,255,.34);border-radius:28px;background:linear-gradient(155deg,rgba(2,14,22,.94),rgba(4,22,31,.86));box-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.045),0 0 0 1px rgba(45,233,255,.035);backdrop-filter:blur(18px);overflow:hidden}
  .hero-coverage::before{content:"";position:absolute;inset:-40% auto auto -35%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(45,233,255,.15),transparent 67%);pointer-events:none}
  .coverage-badge{position:relative;z-index:2;text-align:center;color:#91f7ff;font-size:10px;font-weight:900;letter-spacing:.2em;margin-bottom:7px}
  .coverage-map{height:210px;position:relative;border-radius:20px;background:radial-gradient(circle at 50% 48%,rgba(45,233,255,.15),rgba(1,10,16,.2) 58%,transparent 72%);overflow:hidden}
  .coverage-map a{height:100%;width:100%;display:grid;place-items:center}
  .coverage-map img{width:auto!important;height:202px!important;max-width:92%;object-fit:contain;filter:brightness(1.12) contrast(1.14) saturate(1.12) drop-shadow(0 0 9px rgba(45,233,255,.48)) drop-shadow(0 0 30px rgba(45,233,255,.16));transform:translateZ(0)}
  .coverage-scope{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:-1px 0 6px;color:#eaffff}
  .coverage-scope strong{font-size:25px;line-height:1;font-weight:950;color:#34efff;letter-spacing:-.04em}.coverage-scope span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#a9c6ce}
  .hero-coverage h3{margin:5px 0 8px;text-align:center;font-size:29px;line-height:1.03;letter-spacing:-.02em;color:#f2fdff;text-shadow:0 2px 20px rgba(0,0,0,.55)}
  .hero-coverage h3 span{color:#31eaff}.coverage-caption{text-align:center;color:#9fbbc4;font-size:12px;line-height:1.5;margin:0 auto 15px;max-width:245px}
  .hero-coverage ul{gap:9px}.hero-coverage li{font-size:14px;line-height:1.45;padding-left:28px;color:#e0edf1;font-weight:650}.hero-coverage li::before{width:19px;height:19px;font-size:11px;top:0;background:rgba(45,233,255,.06);box-shadow:0 0 14px rgba(45,233,255,.08)}
}
@media (min-width:1101px) and (max-width:1280px){.hero-coverage{width:260px;padding:18px}.coverage-map{height:176px}.coverage-map img{height:170px!important}.hero-coverage h3{font-size:25px}.hero-coverage li{font-size:12.5px}.coverage-caption{font-size:11px}.hero-v17-copy{width:min(690px,60%)}}

/* V33 admin inventory/warranty controls */
.ops-filterbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:14px 0 16px}.ops-filterbar .field{min-width:180px;flex:1}.ops-filterbar .field.search{min-width:260px;flex:2}.ops-mini-alerts{display:grid;gap:9px}.ops-alert{padding:11px 12px;border:1px solid #203344;border-radius:11px;background:#0a1620}.ops-alert b{display:block;margin-bottom:3px}.ops-alert.warn{border-color:rgba(255,184,77,.4);background:rgba(255,184,77,.06)}.ops-alert.bad{border-color:rgba(255,91,91,.4);background:rgba(255,91,91,.055)}.ops-alert.ok{border-color:rgba(67,223,164,.32);background:rgba(67,223,164,.05)}
.inventory-kpis,.warranty-kpis{margin:0 0 14px}.inventory-kpis .stat b,.warranty-kpis .stat b{font-size:25px}.inventory-kpis .stat small,.warranty-kpis .stat small{display:block;margin-top:4px;color:#7590a0;font-size:11px}
.stock-meter{min-width:110px}.stock-meter-track{height:6px;background:#152635;border-radius:99px;overflow:hidden;margin-top:5px}.stock-meter-fill{height:100%;background:linear-gradient(90deg,#2ce6f4,#7ef8d0);border-radius:99px}.stock-meter.low .stock-meter-fill{background:linear-gradient(90deg,#ff8a59,#ffd36b)}
.warranty-toolbar-note{font-size:12px;color:#7f9aaa;margin-top:8px}.claim-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #172736}.claim-line:last-child{border-bottom:0}.claim-line small{color:#7991a0}.ops-empty{padding:16px;color:#78909c;text-align:center}

/* =========================================================
   V34 · LARGE COVERAGE MAP + 10 MEDIA BANNERS
   ========================================================= */
@media (min-width:1281px){
  .hero-v17-copy{width:min(760px,55.5%)}
  .hero-coverage.hero-coverage-v34{right:0;top:50%;transform:translateY(-49%);width:500px;min-height:430px;padding:22px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:center;border:1px solid rgba(45,233,255,.42);border-radius:30px;background:linear-gradient(145deg,rgba(2,14,22,.95),rgba(3,22,31,.91));box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 46px rgba(45,233,255,.08),inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(22px);overflow:hidden}
  .hero-coverage-v34::before{inset:-35% auto auto -25%;width:360px;height:360px;background:radial-gradient(circle,rgba(45,233,255,.18),transparent 68%)}
  .hero-coverage-v34 .coverage-visual{position:relative;z-index:2;display:grid;align-content:center;justify-items:center;min-width:0;padding:12px 8px 10px;border-radius:24px;background:linear-gradient(180deg,rgba(45,233,255,.055),rgba(1,9,15,.24));border:1px solid rgba(45,233,255,.11)}
  .hero-coverage-v34 .coverage-badge{font-size:10.5px;margin:0 0 4px;letter-spacing:.18em}
  .hero-coverage-v34 .coverage-map{height:325px;width:100%;border-radius:20px;background:radial-gradient(circle at 50% 46%,rgba(45,233,255,.19),rgba(1,10,16,.10) 58%,transparent 74%)}
  .hero-coverage-v34 .coverage-map img{height:315px!important;width:auto!important;max-width:100%;filter:brightness(1.16) contrast(1.16) saturate(1.18) drop-shadow(0 0 11px rgba(45,233,255,.55)) drop-shadow(0 0 38px rgba(45,233,255,.18))}
  .hero-coverage-v34 .coverage-scope{margin:-3px 0 0;gap:7px}.hero-coverage-v34 .coverage-scope strong{font-size:29px}.hero-coverage-v34 .coverage-scope span{font-size:10.5px}
  .hero-coverage-v34 .coverage-copy{position:relative;z-index:2;min-width:0}
  .hero-coverage-v34 .coverage-kicker{display:block;color:#83f4ff;font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:9px}
  .hero-coverage-v34 h3{text-align:left;margin:0 0 10px;font-size:38px;line-height:.98;letter-spacing:-.04em}.hero-coverage-v34 h3 span{display:inline-block;margin-top:6px}
  .hero-coverage-v34 .coverage-caption{text-align:left;margin:0 0 18px;max-width:240px;font-size:13.5px;line-height:1.58;color:#a9bec7}
  .hero-coverage-v34 ul{gap:11px;margin-bottom:16px}.hero-coverage-v34 li{font-size:14px;line-height:1.45;padding-left:29px;font-weight:760}.hero-coverage-v34 li::before{width:20px;height:20px;font-size:11px}
  .hero-coverage-v34 .coverage-link{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:11px;border:1px solid rgba(45,233,255,.22);background:rgba(45,233,255,.07);color:#baf8ff;text-decoration:none;font-size:11.5px;font-weight:900;transition:.2s}.hero-coverage-v34 .coverage-link:hover{background:rgba(45,233,255,.13);border-color:rgba(45,233,255,.42);transform:translateY(-1px)}
}
@media (min-width:1101px) and (max-width:1280px){
  .hero-v17-copy{width:min(670px,58%)}
  .hero-coverage.hero-coverage-v34{right:0;top:50%;transform:translateY(-49%);width:390px;min-height:365px;padding:18px;display:grid;grid-template-columns:155px minmax(0,1fr);gap:16px;align-items:center;border-radius:26px}
  .hero-coverage-v34 .coverage-visual{padding:9px 5px;border-radius:20px;background:rgba(45,233,255,.035);border:1px solid rgba(45,233,255,.10)}
  .hero-coverage-v34 .coverage-map{height:245px}.hero-coverage-v34 .coverage-map img{height:238px!important;max-width:100%}
  .hero-coverage-v34 .coverage-badge{font-size:8.5px}.hero-coverage-v34 .coverage-scope strong{font-size:23px}.hero-coverage-v34 .coverage-scope span{font-size:8.5px}
  .hero-coverage-v34 .coverage-kicker{display:block;color:#82effa;font-size:8px;font-weight:900;letter-spacing:.12em;margin-bottom:6px}
  .hero-coverage-v34 h3{text-align:left;font-size:27px;margin:0 0 8px}.hero-coverage-v34 .coverage-caption{text-align:left;font-size:10.5px;line-height:1.45;margin:0 0 12px}.hero-coverage-v34 ul{gap:7px}.hero-coverage-v34 li{font-size:11.2px;padding-left:23px}.hero-coverage-v34 li::before{width:16px;height:16px;font-size:9px}.hero-coverage-v34 .coverage-link{display:none}
}

.promo-media-section{position:relative;overflow:hidden;background:radial-gradient(900px 420px at 82% 12%,rgba(32,214,231,.075),transparent 65%),linear-gradient(180deg,rgba(7,15,23,.72),rgba(3,8,13,.96))}
.promo-media-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 86%)}
.promo-media-section>.container{position:relative;z-index:1}
.promo-feature-strip{display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:28px;align-items:center;margin:0 0 28px;padding:28px;border:1px solid rgba(32,214,231,.16);border-radius:28px;background:linear-gradient(135deg,rgba(9,22,32,.96),rgba(4,12,18,.93));box-shadow:0 28px 80px rgba(0,0,0,.30)}
.promo-feature-copy h3{font-size:clamp(30px,3vw,46px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 14px;max-width:620px}.promo-feature-copy p{color:#a9bdc7;line-height:1.72;max-width:650px}.promo-feature-copy .toolbar{margin-top:20px}
.promo-wide-preview{display:block;position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;border:1px solid rgba(59,225,243,.24);box-shadow:0 24px 64px rgba(0,0,0,.36);background:#061019}.promo-wide-preview::after{content:"Xem ảnh lớn ↗";position:absolute;right:14px;bottom:14px;padding:8px 11px;border-radius:10px;background:rgba(2,10,16,.84);border:1px solid rgba(45,233,255,.22);color:#d8faff;font-size:11px;font-weight:900;backdrop-filter:blur(10px)}.promo-wide-preview img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .35s ease}.promo-wide-preview:hover img{transform:scale(1.025);filter:saturate(1.05)}
.promo-banner-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch}.promo-banner-card{border-radius:22px;background:linear-gradient(180deg,rgba(10,20,29,.98),rgba(5,12,19,.99));border-color:rgba(64,208,228,.14)}.promo-banner-card:hover{transform:translateY(-7px);border-color:rgba(45,233,255,.34)}
.promo-banner-media{position:relative;aspect-ratio:9/16;overflow:hidden;background:#030910;cursor:zoom-in}.promo-banner-media:focus{outline:2px solid var(--tech);outline-offset:-3px}.promo-banner-media img{width:100%;height:100%;object-fit:cover;object-position:center}.promo-banner-number{position:absolute;z-index:2;left:11px;top:11px;display:grid;place-items:center;min-width:34px;height:28px;padding:0 8px;border-radius:9px;background:rgba(2,9,14,.78);border:1px solid rgba(45,233,255,.28);color:#baf8ff;font-size:10px;font-weight:950;letter-spacing:.08em;backdrop-filter:blur(10px)}
.promo-banner-copy{display:flex;flex:1;flex-direction:column;padding:15px 15px 16px}.promo-banner-copy .gallery-tag{align-self:flex-start}.promo-banner-copy h3{font-size:17px;line-height:1.15;margin:10px 0 8px;letter-spacing:-.025em}.promo-banner-copy p{margin:0;color:#91a8b4;font-size:12.2px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.promo-banner-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}.promo-banner-actions a,.promo-preview{border:0;background:transparent;padding:0;color:#9fd6de;font:inherit;font-size:10.5px;font-weight:900;text-decoration:none;cursor:pointer}.promo-banner-actions a{color:#7ef0fb}.promo-banner-actions a:hover,.promo-preview:hover{color:#fff}
.promo-media-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:18px 20px;border:1px solid rgba(32,214,231,.12);border-radius:18px;background:rgba(7,15,22,.72)}.promo-media-bottom span{color:#9eb4bf;font-size:13px;font-weight:700}
.media-kit-intro{padding-bottom:34px}.media-kit-gallery{padding-top:34px}.media-kit-note{text-align:center;padding:32px}.media-kit-note h3{font-size:30px;margin:8px 0 12px}.media-kit-note p{max-width:780px;margin:0 auto 18px;line-height:1.7}.media-kit-note .toolbar{justify-content:center}
@media(max-width:1180px){.promo-banner-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.promo-feature-strip{grid-template-columns:1fr 1fr}.promo-feature-copy h3{font-size:36px}}
@media(max-width:920px){.promo-feature-strip{grid-template-columns:1fr}.promo-wide-preview{max-width:760px}.promo-banner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.promo-feature-strip{padding:20px;border-radius:22px;gap:20px}.promo-feature-copy h3{font-size:30px}.promo-feature-copy p{font-size:14px}.promo-banner-grid{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 14px;scrollbar-width:thin}.promo-banner-card{flex:0 0 min(74vw,310px);scroll-snap-align:start}.promo-banner-copy h3{font-size:17px}.promo-media-bottom{display:grid}.promo-media-bottom .btn{width:100%}.media-kit-gallery .promo-banner-grid{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.media-kit-gallery .promo-banner-card{min-width:0}.media-kit-gallery .promo-banner-copy p{display:none}.media-kit-gallery .promo-banner-actions{display:grid}.media-kit-note{padding:22px}.media-kit-note h3{font-size:25px}}
@media(max-width:430px){.media-kit-gallery .promo-banner-grid{grid-template-columns:1fr}.promo-banner-card{flex-basis:82vw}}

/* =========================================================
   V35 · FLOATING SIDE BANNERS + FEATURED NEWS/VIDEO POPUP
   ========================================================= */
.side-ad-rail{
  --side-rail-w:clamp(100px,calc((100vw - 1310px)/2),154px);
  position:fixed;top:50%;z-index:32;width:var(--side-rail-w);aspect-ratio:1/3;
  transform:translateY(-50%);border:1px solid rgba(71,211,255,.52);border-radius:18px;
  overflow:visible;background:#03101d;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 28px rgba(25,177,255,.17);
  transition:opacity .24s ease,transform .24s ease,filter .24s ease;animation:sideRailIn .55s cubic-bezier(.2,.75,.2,1) both;
}
.side-ad-left{left:max(8px,calc((100vw - var(--max))/2 - var(--side-rail-w) - 10px))}
.side-ad-right{right:max(8px,calc((100vw - var(--max))/2 - var(--side-rail-w) - 10px));animation-delay:.08s}
.side-ad-rail>a{display:block;width:100%;height:100%;border-radius:17px;overflow:hidden;position:relative;background:#020913}
.side-ad-rail>a::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 -40px 55px rgba(0,0,0,.16)}
.side-ad-rail img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .28s ease,filter .28s ease}
.side-ad-rail:hover{transform:translateY(-50%) translateY(-4px);filter:drop-shadow(0 12px 24px rgba(14,181,255,.15))}
.side-ad-rail:hover img{transform:scale(1.018);filter:saturate(1.06) contrast(1.02)}
.side-ad-close{position:absolute;z-index:3;top:-10px;right:-10px;width:28px;height:28px;border-radius:999px;border:1px solid rgba(91,222,255,.65);background:rgba(3,12,22,.96);color:#eafaff;display:grid;place-items:center;font-size:18px;line-height:1;box-shadow:0 8px 20px rgba(0,0,0,.38);opacity:.72;transition:.2s}
.side-ad-close:hover{opacity:1;color:#fff;border-color:#82edff;background:#071827;transform:scale(1.06)}
.side-ad-rail.viewport-hidden{display:none!important}
body.promo-open .side-ad-rail{opacity:.15;pointer-events:none}
@keyframes sideRailIn{from{opacity:0;transform:translateY(-48%) scale(.96)}to{opacity:1;transform:translateY(-50%) scale(1)}}
@media(max-width:1499px){.side-ad-rail{display:none!important}}
@media(prefers-reduced-motion:reduce){.side-ad-rail{animation:none}.side-ad-rail:hover{transform:translateY(-50%)}}

.home-promo-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:rgba(1,5,10,.78);backdrop-filter:blur(8px) saturate(.8);animation:promoFade .25s ease both}
.home-promo-overlay[hidden]{display:none!important}
.home-promo-dialog{position:relative;width:min(920px,calc(100vw - 48px));max-height:92vh;overflow:auto;border:1px solid rgba(65,218,255,.72);border-radius:26px;padding:24px;background:radial-gradient(700px 320px at 50% -5%,rgba(0,166,255,.22),transparent 65%),linear-gradient(150deg,#061321 0,#020914 55%,#06111c 100%);box-shadow:0 35px 110px rgba(0,0,0,.72),0 0 60px rgba(10,173,255,.22),inset 0 0 0 1px rgba(255,255,255,.04);animation:promoRise .34s cubic-bezier(.2,.8,.2,1) both;scrollbar-width:thin;scrollbar-color:#1c9bd4 #07101b}
.home-promo-dialog::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.05),transparent 18%,transparent 72%,rgba(24,192,255,.06));mix-blend-mode:screen}
.home-promo-close{position:absolute;z-index:3;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(115,228,255,.65);background:#071522;color:#fff;font-size:25px;display:grid;place-items:center;box-shadow:0 0 20px rgba(35,195,255,.23);transition:.18s}
.home-promo-close:hover{transform:rotate(8deg) scale(1.05);background:#0b2030;border-color:#9af1ff}
.home-promo-topline{text-align:center;display:grid;gap:2px;margin:1px 46px 6px}.home-promo-topline span{font-size:14px;font-weight:1000;letter-spacing:.12em;color:#dffaff;text-shadow:0 0 20px rgba(28,193,255,.7)}.home-promo-topline small{font-size:9px;letter-spacing:.15em;color:#6fdfff}
.home-promo-dialog>h2{text-align:center;margin:7px 0 18px;line-height:.92;text-transform:uppercase;font-style:italic;letter-spacing:-.045em}.home-promo-dialog>h2 span{display:block;font-size:clamp(27px,4.4vw,48px);color:#f6fbff;text-shadow:0 3px 0 #38566e,0 0 24px rgba(70,200,255,.18)}.home-promo-dialog>h2 strong{display:block;margin-top:8px;font-size:clamp(31px,5vw,56px);background:linear-gradient(180deg,#f7fdff 0,#51d8ff 42%,#0075e8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #06397c) drop-shadow(0 0 16px rgba(29,180,255,.33))}
.home-promo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.home-promo-cards a{min-height:96px;display:grid;grid-template-columns:48px 1fr;align-content:center;column-gap:10px;padding:13px 14px;border:1px solid rgba(55,205,255,.48);border-radius:15px;background:linear-gradient(145deg,rgba(12,38,58,.96),rgba(4,17,30,.96));box-shadow:inset 0 0 20px rgba(25,175,255,.05);transition:.2s}.home-promo-cards a:hover{transform:translateY(-2px);border-color:#70e4ff;box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 22px rgba(33,187,255,.12)}.home-promo-cards i{grid-row:1/3;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(99,230,255,.48);color:#77e8ff;background:rgba(14,107,157,.16);font-style:normal;font-size:25px}.home-promo-cards b{align-self:end;font-size:13px;line-height:1.18;color:#f5fbff}.home-promo-cards span{align-self:start;margin-top:4px;font-size:9px;color:#83bfd4;text-transform:uppercase;letter-spacing:.05em}
.home-promo-main{display:grid;grid-template-columns:1fr 230px;gap:10px}.home-promo-feature{border:1px solid rgba(64,207,255,.48);border-radius:16px;overflow:hidden;background:#03101b;min-width:0}.home-promo-media{position:relative;aspect-ratio:16/8.2;background:#020a12;overflow:hidden}.home-promo-media img,.home-promo-media video,.home-promo-media iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}.home-promo-thumb{display:block;width:100%;height:100%;position:relative}.home-promo-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,7,14,.62))}.home-promo-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;padding-left:4px;border:2px solid rgba(122,238,255,.9);background:rgba(2,13,24,.72);color:#fff;font-size:25px;box-shadow:0 0 28px rgba(28,185,255,.36)}.home-promo-feature-copy{padding:12px 15px 14px;border-top:1px solid rgba(53,180,229,.25)}.home-promo-badge{display:inline-flex;color:#67dcff;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.home-promo-feature-copy h3{margin:4px 0 4px;font-size:18px;line-height:1.2}.home-promo-feature-copy p{margin:0;color:#9bb6c5;font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-promo-actions{display:grid;gap:8px}.home-promo-actions a{min-height:70px;display:grid;grid-template-columns:38px 1fr;align-content:center;column-gap:9px;padding:10px 11px;border:1px solid rgba(47,158,205,.4);border-radius:13px;background:linear-gradient(145deg,#0a1a28,#06111c);transition:.2s}.home-promo-actions a:hover{border-color:#5edaff;transform:translateX(2px)}.home-promo-actions a>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(75,218,255,.46);border-radius:10px;color:#65deff;font-size:18px}.home-promo-actions b{font-size:11px;align-self:end}.home-promo-actions small{font-size:8.5px;color:#7f9ead;align-self:start}.home-promo-actions a.primary{background:linear-gradient(135deg,#078ce7,#0b60ec);border-color:#69d9ff;box-shadow:0 0 25px rgba(0,126,255,.26)}.home-promo-actions a.primary>span{background:rgba(255,255,255,.09);color:#fff}
.home-promo-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:12px;padding:11px 14px;border:1px solid rgba(53,180,229,.32);border-radius:14px;background:linear-gradient(90deg,#07131f,#0c1d2d,#07131f);font-size:11px;color:#c2d7e3}.home-promo-footer>span:last-child{text-align:right}.home-promo-footer b{color:#fff}.home-promo-footer>strong{font-size:18px;color:#f6fbff;letter-spacing:.04em}.home-promo-footer>strong small{font-size:8px;display:block;text-align:center;color:#64dafb;letter-spacing:.15em}
body.promo-open{overflow:hidden}
@keyframes promoFade{from{opacity:0}to{opacity:1}}@keyframes promoRise{from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:none}}
@media(max-width:760px){.home-promo-overlay{padding:10px}.home-promo-dialog{width:100%;max-height:95vh;border-radius:20px;padding:16px}.home-promo-close{right:9px;top:9px;width:34px;height:34px}.home-promo-topline{margin-right:36px}.home-promo-dialog>h2{margin-bottom:13px}.home-promo-cards{gap:6px}.home-promo-cards a{grid-template-columns:34px 1fr;min-height:76px;padding:9px}.home-promo-cards i{width:32px;height:32px;border-radius:9px;font-size:18px}.home-promo-cards b{font-size:10px}.home-promo-cards span{font-size:7px}.home-promo-main{grid-template-columns:1fr}.home-promo-actions{grid-template-columns:1fr 1fr}.home-promo-actions a{min-height:58px}.home-promo-footer{grid-template-columns:1fr 1fr}.home-promo-footer>strong{display:none}.home-promo-feature-copy h3{font-size:16px}}
@media(max-width:450px){.home-promo-dialog{padding:13px}.home-promo-cards{grid-template-columns:1fr 1fr}.home-promo-cards a:nth-child(3){grid-column:1/-1}.home-promo-dialog>h2 span{font-size:25px}.home-promo-dialog>h2 strong{font-size:31px}.home-promo-actions a{padding:8px}.home-promo-footer{font-size:10px;padding:9px}.home-promo-media{aspect-ratio:16/9}}
.post-video{padding:0;overflow:hidden;margin-bottom:18px;border-color:rgba(62,194,241,.34);background:#020a12}.post-video iframe,.post-video video{width:100%;aspect-ratio:16/9;display:block;border:0;background:#02070c}