/* Two skins share the same content, components, and navigation. */
html[data-theme=classic]{--cyan:#207556;--cyan-dark:#15543e;--cyan-light:#eaf4ee;--interaction-accent:#207556;--interaction-soft:#eaf4ee;--interaction-line:#9ccab3;--interaction-ink:#fff}
html[data-theme=neon]{--interaction-accent:#53dff2;--interaction-soft:#0d2935;--interaction-line:#247b91;--interaction-ink:#061019}
.theme-picker{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #dce6e0;border-radius:20px;background:#fff;flex-shrink:0}
.theme-picker button{padding:4px 10px;border-radius:16px;line-height:1.4;font-size:11px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}
.theme-picker button[aria-pressed=true]{background:#207556;color:#fff}
.theme-picker button[aria-pressed=false]:hover{background:#edf5f0;color:#207556}
.utility-inner>div{align-items:center;gap:20px}

@property --led-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes led-orbit{from{--led-angle:0deg}to{--led-angle:360deg}}
html[data-theme=neon]{color-scheme:dark;--cyan:#18dfff;--cyan-dark:#73eaff;--cyan-light:#102c3a;--magenta:#ff38b5;--yellow:#ffe500;--ink:#edf3fb;--muted:#a2b2c5;--border:#263549;--bg:#101b2a}
html[data-theme=neon] body{background:radial-gradient(ellipse 700px 320px at 0 100px,#b9007a1f,transparent),radial-gradient(ellipse 700px 360px at 100% 300px,#00b9ff19,transparent),#060b13;color:var(--ink)}
html[data-theme=neon] :is(a,button,summary):focus-visible{outline-color:#21e4ff}
html[data-theme=neon] .skip-link{background:#101b2a;color:#fff}
html[data-theme=neon] .utility{background:#080e18;border-color:#253143;color:#e4ecf6}
html[data-theme=neon] .utility-inner>span{color:#d5dfec}
html[data-theme=neon] .theme-picker{background:#121b29;border-color:#30415b}
html[data-theme=neon] .theme-picker button[aria-pressed=true]{background:linear-gradient(110deg,#c91488,#7351d9);color:#fff;box-shadow:0 0 10px #e51fa83b}
html[data-theme=neon] .theme-picker button[aria-pressed=false]{color:#c0d0e1}
html[data-theme=neon] .theme-picker button[aria-pressed=false]:hover{background:#22334a;color:#fff}
html[data-theme=neon] .site-header{background:radial-gradient(ellipse at left top,#d4008a2b,transparent 34%),radial-gradient(ellipse at right bottom,#00d7ff24,transparent 34%),#03060c;border-radius:14px 14px 0 0;box-shadow:0 -1px 20px #df00bc0c}
html[data-theme=neon] .brand-symbol,html[data-theme=neon] .brand-wordmark{filter:drop-shadow(0 0 5px #ff39bd55)}
html[data-theme=neon] .brand-animated:is(:hover,:focus-visible) .brand-symbol{filter:drop-shadow(0 0 8px #00e5ff80) brightness(1.08)}
html[data-theme=neon] .search-form{color-scheme:light;border-color:#e7edff;box-shadow:0 0 15px #bdeaff25}
html[data-theme=neon] .search-form:focus-within{box-shadow:0 0 0 3px #0ee0ff44,0 0 22px #00dcff35;border-color:#7eefff}
html[data-theme=neon] .search-form input[type=search]{background:transparent;color:#203243;padding-left:18px}
html[data-theme=neon] .search-form button:first-child{order:2;width:52px;background:linear-gradient(120deg,#ff00bd,#e70b83);color:#fff}
html[data-theme=neon] .search-form button:first-child:hover{background:linear-gradient(120deg,#ff38cc,#ff138f)}
html[data-theme=neon] .search-form .search-clear{order:1;color:#506674;background:transparent}
html[data-theme=neon] .header-action{background:linear-gradient(115deg,#2b061a,#100d1c);border-color:#ff3299;box-shadow:0 0 12px #ff008d38,inset 0 0 10px #ff168b0c;color:#fff}
html[data-theme=neon] .header-phone>.icon{color:#ffe600;filter:drop-shadow(0 0 5px #ffe60080)}
html[data-theme=neon] .header-action small{color:#e5e9f4}
html[data-theme=neon] .header-zalo{background:linear-gradient(115deg,#05242e,#07152a);border-color:#1cdefa;box-shadow:0 0 12px #00dfff3d,inset 0 0 10px #13c9fa0c}
html[data-theme=neon] .header-zalo>.icon{color:#2fe8ff;filter:drop-shadow(0 0 5px #00e5ff70)}
html[data-theme=neon] .header-action:hover{border-color:var(--interaction-accent);box-shadow:0 0 18px #00dfff2b}
html[data-theme=neon] .header-actions .quote-link{background:#121b2e;border-color:#a242e0;color:#fff;box-shadow:0 0 10px #9c3bfb30}

/* The background paints only the border; dropdowns remain outside its bounds. */
html[data-theme=neon] .catalog-nav{--nav-glow:#00e5ff;border:2px solid transparent;border-radius:10px;background:linear-gradient(#080e19,#080e19) padding-box,conic-gradient(from var(--led-angle),#ff00ba 0deg,#ffdf00 65deg,#3dff4e 115deg,#00e5ff 175deg,#4a5bff 230deg,#e300ff 295deg,#ff00ba 360deg) border-box;box-shadow:0 0 12px #ff00c244,0 0 24px #00dfff22;animation:led-orbit 8s linear infinite;isolation:isolate}
html[data-theme=neon] .catalog-nav .nav-inner{min-height:51px}
html[data-theme=neon] .catalog-nav .nav-group:nth-child(2){--nav-glow:#ff3ace}
html[data-theme=neon] .catalog-nav .nav-group:nth-child(3){--nav-glow:#00e5ff}
html[data-theme=neon] .catalog-nav .nav-group:nth-child(4){--nav-glow:#3bff71}
html[data-theme=neon] .catalog-nav .nav-group:nth-child(5){--nav-glow:#ffe500}
html[data-theme=neon] .catalog-nav .nav-group:nth-child(6){--nav-glow:#f86bff}
html[data-theme=neon] .catalog-nav .nav-inner>a[href="/xuong-in.html"]{--nav-glow:#00bfff}
html[data-theme=neon] .catalog-nav .nav-inner>.nav-quote{--nav-glow:#d278ff}
html[data-theme=neon] .catalog-nav .nav-group>summary,html[data-theme=neon] .catalog-nav .nav-inner>a{color:var(--nav-glow);background:transparent;text-shadow:0 0 11px color-mix(in srgb,var(--nav-glow) 40%,transparent);min-height:51px}
html[data-theme=neon] .catalog-nav .nav-group>summary::before,html[data-theme=neon] .catalog-nav .nav-inner>a::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--nav-glow);box-shadow:0 0 7px var(--nav-glow);transform:skewX(-20deg);opacity:.65;pointer-events:none}
html[data-theme=neon] .catalog-nav .nav-group>summary::after{background:var(--nav-glow);box-shadow:0 0 9px var(--nav-glow)}
html[data-theme=neon] .catalog-nav .nav-group[open]>summary,html[data-theme=neon] .catalog-nav .nav-group>summary:hover,html[data-theme=neon] .catalog-nav .nav-inner>a:hover{color:#fff;background:#ffffff0b;text-shadow:0 0 10px var(--nav-glow)}
html[data-theme=neon] .catalog-nav .nav-all>summary,html[data-theme=neon] .catalog-nav .nav-all[open]>summary,html[data-theme=neon] .catalog-nav .nav-all>summary:hover{background:linear-gradient(110deg,#fff700,#ffe100);color:#080c13;text-shadow:none;clip-path:polygon(4% 0,100% 0,94% 100%,0 100%);padding-left:24px}
html[data-theme=neon] .catalog-nav .nav-all>summary::before{display:none}
html[data-theme=neon] .menu-count{background:#111923;color:#ffe900}
html[data-theme=neon] .catalog-nav .mega-panel{top:calc(100% + 2px);background:#0c1522;color:#edf3fb;border-color:#21435c;box-shadow:0 14px 35px #0009,0 0 15px #00dfff17}
html[data-theme=neon] .menu-section>h3{color:#6eeaff;border-color:#24364b}
html[data-theme=neon] .menu-section>h3 a:hover{color:#fff}
html[data-theme=neon] .menu-section li>a{color:#becbdb}
html[data-theme=neon] .menu-section li>a:is(:hover,:focus-visible,.is-previewed){background:#102f3c;color:#60e9ff}
html[data-theme=neon] .menu-preview-image{background:#152334}
html[data-theme=neon] .menu-preview-name,html[data-theme=neon] .menu-preview>small{color:#4ce5f9}
html[data-theme=neon] .menu-preview-tag{color:#a4b4c8}
html[data-theme=neon] .menu-backdrop{background:#02050bc4}

html[data-theme=neon] .page-intro{color:#b2c4d4}
html[data-theme=neon] .main-banner{border-color:#5c92b3;background:#070f1c;box-shadow:0 0 18px #00dfff12}
html[data-theme=neon] .main-banner .banner-photo{filter:brightness(.78) saturate(1.15)}
html[data-theme=neon] .main-banner::after{background:linear-gradient(90deg,#07101bfa 0%,#07101bf2 30%,#07101bc7 48%,#07101b80 62%,#07101b15 86%)}
html[data-theme=neon] .banner-copy .banner-eyebrow{color:#39e6ff}
html[data-theme=neon] .banner-copy h2{color:#f1f6ff}
html[data-theme=neon] .banner-copy h2 strong{color:#ffe72b;text-shadow:0 0 18px #ffb0003b}
html[data-theme=neon] .banner-copy p{color:#d3e0ed}
html[data-theme=neon] .banner-copy>.banner-action{background:linear-gradient(110deg,#d40090,#9224ab);color:#fff;border-color:#ff58c9;box-shadow:0 0 15px #f000a32b}
html[data-theme=neon] .main-banner:hover .banner-action{background:linear-gradient(110deg,#df0b99,#a92bc2);border-color:#ff9fdf}
html[data-theme=neon] .quote-banner{background:linear-gradient(120deg,#2b0a24,#150e20);color:#ff8fd5;border-color:#bc267e;box-shadow:inset 0 0 25px #ff00ae09}
html[data-theme=neon] .file-banner{background:linear-gradient(120deg,#082532,#0b1128);color:#7aecff;border-color:#1b9bbb;box-shadow:inset 0 0 25px #00e5ff0a}
html[data-theme=neon] .small-banner h2{color:#fff}
html[data-theme=neon] .small-banner>.icon{opacity:.5;filter:drop-shadow(0 0 7px currentColor)}
html[data-theme=neon] .trust-row{background:#091321;border:1px solid #253a56;border-radius:14px;margin-top:16px;padding:18px 0;color:#fff;box-shadow:0 0 20px #00b3ff0a}
html[data-theme=neon] .trust-row>a+a{border-color:#26374a}
html[data-theme=neon] .trust-row .icon{background:#0b2b40;color:#30dcff;border:1px solid #2edfff;box-shadow:0 0 13px #00bfff33}
html[data-theme=neon] .trust-row>a:first-child .icon,html[data-theme=neon] .trust-row>a:last-child .icon{background:#390a31;color:#ff64cd;border-color:#fd5cc2;box-shadow:0 0 13px #ff10b838}

html[data-theme=neon] :is(.product-card,.panel,.quote-guide,.sidebar-help,.catalog-sidebar>a,.photo-dialog,.mobile-drawer){background:#0d1725;color:var(--ink);border-color:#27394e}
html[data-theme=neon] .product-card:hover{border-color:#1699b0;box-shadow:0 0 20px #00dfff13}
html[data-theme=neon] .product-image{background:#111f30}
html[data-theme=neon] .product-bottom>a{background:#102d3b;color:#59e8ff}
html[data-theme=neon] .category-tile{color:#cdd9e7}
html[data-theme=neon] .category-picture{background:#101c2b;border-color:#26374d}
html[data-theme=neon] .category-tile:is(:hover,:focus-visible){color:#46e9ff}
html[data-theme=neon] .category-tile:is(:hover,:focus-visible) .category-picture{background:#132839;border-color:#23d5ef;box-shadow:0 0 13px #00dfff24}
html[data-theme=neon] .category-tile:is(:hover,:focus-visible) .hv3-ico-accent{fill:#16bed6}
html[data-theme=neon] .workshop-feature{background:#0d1b2a;border:1px solid #23384b}
html[data-theme=neon] :is(.workshop-feature p,.support-strip small,.detail-description,.price-note small,.detail-lower article section>p,.info-note,.detail-help ol,.faq>p,.article-body p){color:#b8c9da}
html[data-theme=neon] .breadcrumbs [aria-current]{color:#d4e1ef}
html[data-theme=neon] .privacy-note{color:#95adc3}
html[data-theme=neon] .btn.outline{background:#0f2332;color:#7eeaff;border-color:#2b718b}
html[data-theme=neon] .btn.primary{background:linear-gradient(110deg,#19dcfa,#5894ff);color:#07101a;border-color:#53e6ff}
html[data-theme=neon] :is(.info-note,.article-cta,.detail-help,.quote-empty){background:#102331;border-color:#28445b}
html[data-theme=neon] input:not([type=radio]),html[data-theme=neon] select,html[data-theme=neon] textarea{background:#0a1523;color:#edf4ff;border-color:#334861}
html[data-theme=neon] .search-form input[type=search]{background:transparent;color:#203243;border:0}
html[data-theme=neon] .quote-composer textarea[readonly]{background:#08121e;color:#c6d5e5}
html[data-theme=neon] .added-message{background:#0d302b;border-color:#28786c;color:#b4ffee}
html[data-theme=neon] .contact-band{background:#0b1b29;border-color:#233b50}
html[data-theme=neon] footer{background:#040910;color:#bccbdb;border-top:1px solid #223046}
html[data-theme=neon] .footer-brand{color:#e9f3ff}
html[data-theme=neon] .footer-bottom{border-color:#1c2b3b;color:#91a5bb}
html[data-theme=neon] .search-popover{background:#0b1625;border-color:#285067;color:#e7f3ff;box-shadow:0 15px 40px #000b,0 0 18px #00dfff25;scrollbar-color:#34546b transparent}
html[data-theme=neon] .search-section-title h2{color:#a3b8cc}
html[data-theme=neon] .search-suggestion b{color:#ebf2fc}
html[data-theme=neon] .search-suggestion small,html[data-theme=neon] .search-no-results{color:#9db2c7}
html[data-theme=neon] .search-suggestion:is(:hover,:focus-visible){background:#103041}
html[data-theme=neon] .search-suggestion:is(:hover,:focus-visible) b,html[data-theme=neon] .search-suggestion:is(:hover,:focus-visible)>.icon{color:#52eaff}
html[data-theme=neon] .search-recent{border-color:#25374b}
html[data-theme=neon] .search-history button{background:#16253a;color:#b8cbdd}
html[data-theme=neon] .search-history button:hover{background:#103344;color:#75eaff;border-color:#297e92}
html[data-theme=neon] .search-view-all{background:#0a1a29;border-color:#273c52;color:#63eaff}
html[data-theme=neon] .search-view-all:hover{background:#103145;color:#b4f9ff}
html[data-theme=neon] .search-backdrop{background:#01040ac2}
html[data-theme=neon] .mobile-bottom{background:#080f1b;color:#d8e6f5;border-color:#207b99;box-shadow:0 -2px 14px #00b3ff20}
html[data-theme=neon] .drawer-head{background:linear-gradient(110deg,#35102e,#0c3040);color:#fff;border-color:#257b99}
html[data-theme=neon] .mobile-drawer .drawer-all{background:#0f2839;color:#5feaff}
html[data-theme=neon] .mobile-drawer details[open]>summary{background:#122c3d;color:#67edff;box-shadow:inset 3px 0 #f241bb}
html[data-theme=neon] .mobile-drawer details[open]>summary .hv3-ico-accent{fill:#17cce6}

@media(max-width:1000px){
 .utility{display:block}.utility-inner{min-height:34px;gap:8px}.utility-inner>span{font-size:11px}.utility-inner>div{margin-left:auto;gap:0}.utility-inner>div>a{display:none}.theme-picker button{font-size:10px;padding:3px 9px}
 html[data-theme=neon] .site-header{border-radius:0}
 html[data-theme=neon] .masthead{border-bottom:1px solid #176b8d;box-shadow:0 1px 10px #00dcff32}
 html[data-theme=neon] .main-banner::after{background:linear-gradient(90deg,#07101bf7 0%,#07101be8 35%,#07101bc2 65%,#07101b65 100%)}
}
@media(max-width:640px){.utility-inner>span{display:none}.utility-inner{justify-content:flex-end}.theme-picker{padding:2px}.theme-picker button{padding:3px 11px}html[data-theme=neon] .trust-row{padding:15px 10px}html[data-theme=neon] .trust-row .icon{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){html[data-theme=neon] .catalog-nav{animation:none}.theme-picker button{transition:none}}
@media print{.theme-picker{display:none!important}html[data-theme=neon] body{background:#fff;color:#111}html[data-theme=neon] .panel{background:#fff;color:#111}}