@font-face{font-family:SVN-Gilroy;src:url('../fonts/svn/SVN-Gilroy-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SVN-Gilroy;src:url('../fonts/svn/SVN-Gilroy-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:SVN-Gilroy;src:url('../fonts/svn/SVN-Gilroy-SemiBold.woff2') format('woff2');font-weight:650;font-display:swap}
@font-face{font-family:SVN-Gilroy;src:url('../fonts/svn/SVN-Gilroy-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--red:#ff3333;--orange:#ff6633;--dark:#101010;--text:#1c1d22;--muted:#71717a;--border:#eee;--bg:#f7f7f9;--grad:linear-gradient(135deg,var(--red),var(--orange));--shadow:0 12px 35px rgba(17,17,17,.08)}
*{box-sizing:border-box}body{margin:0;font-family:SVN-Gilroy,Arial,sans-serif;color:var(--text);background:#fff;font-weight:500}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}.container{width:min(1220px,calc(100% - 32px));margin:auto}.top-marquee{height:34px;background:var(--grad);color:#fff;font-size:14px;font-weight:650;display:flex;align-items:center;overflow:hidden}.top-marquee span{white-space:nowrap;animation:marq 22s linear infinite}@keyframes marq{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}.site-header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 22px #00000010}.header-main{height:76px;display:grid;grid-template-columns:230px 1fr 220px 90px;gap:18px;align-items:center}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-weight:800;font-size:34px;letter-spacing:-2px;background:var(--grad);-webkit-background-clip:text;color:transparent;line-height:1}.brand b{display:block;letter-spacing:.5px;font-weight:700}.brand small{display:block;letter-spacing:4px;font-size:11px;font-weight:650}.search{display:flex;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.search input{border:0;padding:14px 16px;outline:0;flex:1}.search button{width:54px;border:0;background:var(--grad);color:#fff;font-size:18px}.hotline{display:flex;gap:10px;align-items:center;color:var(--red)}.hotline span{font-size:28px}.hotline small{display:block;color:var(--muted);font-size:12px}.hotline b{display:block;font-size:18px}.cart-link{position:relative;display:flex;flex-direction:column;align-items:center;font-size:24px}.cart-link em{position:absolute;top:-6px;right:18px;background:var(--red);color:#fff;border-radius:999px;font-size:11px;font-style:normal;min-width:19px;height:19px;display:grid;place-items:center}.cart-link small{font-size:12px}.main-nav{border-top:1px solid #f0f0f0}.nav-scroll{display:flex;gap:0;overflow:auto}.nav-item{height:48px;display:flex;align-items:center;gap:7px;padding:0 17px;font-size:14px;font-weight:650;white-space:nowrap}.nav-item:hover{color:var(--red)}.nav-item span{font-size:17px}.hero-section,.category-banner{background:#fafafa;padding:16px 0}.hero-section img,.category-banner img{border-radius:18px;box-shadow:var(--shadow);width:100%}.shortcut-row{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:16px;margin-bottom:16px}.shortcut{background:#fff;border:1px solid #eee;border-radius:15px;padding:14px 8px;text-align:center;box-shadow:0 6px 20px #00000008}.shortcut span{display:block;font-size:24px;margin-bottom:6px;color:var(--red)}.shortcut b{font-size:13px}.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-head h2{margin:0;font-size:23px}.section-head a{color:var(--red);font-weight:650;font-size:14px}.product-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid var(--border);border-radius:16px;background:#fff;padding:13px;position:relative;transition:.2s;box-shadow:0 8px 24px rgba(0,0,0,.03)}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-card .img{position:relative;display:block;background:#fafafa;border-radius:13px;overflow:hidden;aspect-ratio:1/1}.product-card .img img{width:100%;height:100%;object-fit:contain}.product-card em{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-style:normal;border-radius:7px;padding:4px 7px;font-size:12px;font-weight:700;z-index:2}.product-card h3{font-size:14px;line-height:1.35;min-height:38px}.product-card p{font-size:12px;color:var(--muted);min-height:32px}.product-card strong{display:block;color:var(--red);font-size:17px}.product-card del{display:block;color:#999;font-size:12px;margin:2px 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--grad);border:1px solid var(--red);color:#fff;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}.btn.outline{background:#fff;color:var(--red)}.btn.big{font-size:17px;padding:15px 22px}.btn.big small{display:block;font-size:11px;font-weight:500}.btn.full{width:100%}.mini-grids{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:20px}.mini-box,.warranty-box,.social-box,.news-box,.form-panel,.order-panel{border:1px solid var(--border);border-radius:18px;background:#fff;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.03)}.mini-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.small-product{text-align:center;font-size:12px}.small-product img{height:72px;object-fit:contain;margin:auto}.icon-grid,.social-box{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.icon-grid a,.social-box a{padding:14px;border:1px solid #eee;border-radius:14px;text-align:center}.video-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.video-card{position:relative;border-radius:15px;overflow:hidden;background:#fff;border:1px solid #eee;box-shadow:0 8px 24px rgba(0,0,0,.04)}.video-card img{height:110px;width:100%;object-fit:cover}.video-card span{position:absolute;top:36px;left:50%;transform:translateX(-50%);background:#0008;color:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.video-card b{display:block;padding:10px;font-size:13px}.video-card em{position:absolute;right:8px;top:84px;background:#000b;color:#fff;font-style:normal;border-radius:6px;padding:2px 6px;font-size:11px}.utility-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:22px;margin-bottom:26px}.warranty-box a{display:flex;gap:12px;align-items:center;border:1px solid #ffd2d2;border-radius:14px;padding:14px;margin-top:10px}.warranty-box small{display:block;color:var(--muted)}.news-box a{display:grid;grid-template-columns:70px 1fr;gap:10px;margin:10px 0;font-size:13px}.news-box img{height:52px;object-fit:cover;border-radius:8px}.site-footer{background:#fafafa;border-top:1px solid #eee;margin-top:36px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:26px;padding:32px 0}.site-footer h4{text-transform:uppercase}.site-footer a{display:block;margin:8px 0;color:#4b5563}.newsletter{display:flex;gap:6px;margin-top:10px}.newsletter input{border:1px solid #ddd;border-radius:10px;padding:10px;min-width:0}.newsletter button{background:var(--grad);border:0;color:#fff;border-radius:10px;padding:0 14px}.socials{display:flex;gap:8px}.socials a{width:32px;height:32px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center}.copyright{text-align:center;background:var(--grad);color:#fff;padding:10px}.floating-contact{position:fixed;right:22px;bottom:90px;z-index:60}.float-main{width:58px;height:58px;border:0;border-radius:50%;background:var(--grad);color:#fff;font-size:24px;box-shadow:0 10px 30px #ff333366}.float-menu{display:none;position:absolute;right:0;bottom:68px;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:8px;min-width:150px}.floating-contact:hover .float-menu{display:block}.float-menu a{display:block;padding:10px;border-radius:10px}.float-menu a:hover{background:#fff0ed;color:var(--red)}.breadcrumb{font-size:13px;color:var(--muted);margin:12px 0}.product-layout{display:grid;grid-template-columns:260px 1fr;gap:22px}.filters{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px;height:max-content;position:sticky;top:170px}.filters h3{display:flex;justify-content:space-between}.filters h3 a{color:var(--red);font-size:12px}.filters label{display:block;margin:13px 0 6px;font-weight:650}.filters .check{font-weight:500;color:#555;margin:8px 0}.filters input,.filters select,.filters textarea,.form-panel input,.form-panel textarea,.form-panel select,.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid #e5e7eb;border-radius:11px;padding:12px;background:#fff}.listing-head{display:flex;justify-content:space-between;align-items:center}.mobile-filter-row{display:none}.product-detail{padding-top:20px}.product-main{display:grid;grid-template-columns:42% 1fr;gap:28px}.gallery,.product-info,.product-tabs{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px}.main-img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fafafa;border-radius:16px}.thumbs{display:flex;gap:10px;margin-top:12px}.thumbs img,.thumbs span{width:70px;height:70px;border:1px solid #eee;border-radius:10px;object-fit:cover;display:grid;place-items:center;font-size:12px;background:#fff}.spec-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.spec-icons span{border:1px solid #eee;border-radius:12px;padding:10px;font-size:12px}.product-info h1{font-size:28px}.product-info h1 em{font-size:13px;background:var(--red);color:#fff;border-radius:8px;padding:4px 8px;font-style:normal}.rating{color:#f59e0b}.price strong{font-size:34px;color:var(--red);margin-right:12px}.price del{color:#999}.price span{background:#fff1ee;color:var(--red);border-radius:999px;padding:6px 10px;font-size:13px}.option{margin:18px 0}.option>label:first-child{display:block;font-weight:700;margin-bottom:8px}.option label:not(:first-child){display:inline-block;margin-right:8px}.option input{display:none}.option span{display:inline-block;border:1px solid #ddd;border-radius:10px;padding:10px 14px}.option input:checked+span{border-color:var(--red);color:var(--red);background:#fff5f2}.commit-box{border:1px solid #eee;border-radius:14px;padding:12px;margin:16px 0}.buy-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-tabs{margin-top:22px}.product-tabs nav{display:flex;gap:24px;border-bottom:1px solid #eee}.product-tabs nav a{padding:14px 0;font-weight:700}.product-tabs nav a:first-child{color:var(--red);border-bottom:2px solid var(--red)}.tab-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding-top:18px}.tab-content table{width:100%;border-collapse:collapse}.tab-content th,.tab-content td{border-bottom:1px solid #eee;padding:9px;text-align:left}.score b{font-size:36px}.sticky-mobile{display:none}.page{padding:32px 0}.checkout-grid,.warranty-grid,.contact-grid{display:grid;grid-template-columns:1fr 380px;gap:22px}.form-panel label{display:block;margin-bottom:14px}.cart-item{display:grid;grid-template-columns:90px 1fr 50px;gap:15px;align-items:center;border:1px solid #eee;border-radius:16px;padding:12px;margin:12px 0}.cart-item img{height:86px;object-fit:contain}.cart-total{display:flex;justify-content:space-between;align-items:center;background:#fff7f5;border-radius:14px;padding:16px;margin:16px 0}.alert{padding:13px 16px;border-radius:12px;background:#ecfff3;color:#087a2f;margin:12px 0}.alert.error{background:#fff0f0;color:#d00}.video-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.video-full{border:1px solid #eee;border-radius:18px;padding:14px}.video-full iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px}.video-actions{display:flex;gap:10px}.video-actions button,.video-actions a{border:1px solid #eee;border-radius:10px;background:#fff;padding:10px}.social-page-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.social-card{border:1px solid #eee;border-radius:18px;padding:24px;text-align:center}.social-card span{font-size:34px}.blog-layout{display:grid;grid-template-columns:250px 1fr;gap:22px;margin-top:24px}.featured-post{display:grid;grid-template-columns:45% 1fr;gap:18px;border:1px solid #eee;border-radius:18px;padding:14px}.featured-post img,.post-card img{height:220px;width:100%;object-fit:cover;border-radius:14px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.post-card{border:1px solid #eee;border-radius:16px;padding:12px}.post-card img{height:130px}.promo-card{background:linear-gradient(135deg,#220,#c00);color:#fff;border-radius:18px;padding:20px;margin-top:18px}.article-page article{max-width:900px;margin:auto}.article-page img{border-radius:18px;margin:18px 0}.content{line-height:1.7}.success{text-align:center}.success h1{color:var(--red)}
@media(max-width:1050px){.header-main{grid-template-columns:190px 1fr 80px}.hotline{display:none}.shortcut-row{grid-template-columns:repeat(4,1fr)}.product-row{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.video-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.product-main{grid-template-columns:1fr}.tab-content{grid-template-columns:1fr}.mini-grids,.utility-grid{grid-template-columns:1fr}}
@media(max-width:768px){body{padding-bottom:72px}.container{width:min(100% - 24px,540px)}.top-marquee{height:30px;font-size:12px}.header-main{height:auto;grid-template-columns:1fr 56px;gap:10px;padding:10px 0}.brand{grid-column:1/2}.search{grid-column:1/3;order:3}.cart-link{grid-column:2/3;grid-row:1}.main-nav{display:none}.hero-section,.category-banner{padding:10px 0}.shortcut-row{grid-template-columns:repeat(4,1fr);gap:8px}.shortcut{padding:10px 4px}.shortcut b{font-size:11px}.product-row,.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card{padding:9px}.product-card h3{font-size:13px}.product-card p{display:none}.video-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.product-layout{grid-template-columns:1fr}.filters{display:none;position:fixed;z-index:100;top:80px;left:12px;right:12px}.show-filter .filters{display:block}.mobile-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.mobile-filter-row button{border:1px solid #eee;background:#fff;border-radius:12px;padding:12px}.listing-head h1{font-size:24px}.buy-actions{grid-template-columns:1fr}.checkout-grid,.warranty-grid,.contact-grid,.blog-layout{grid-template-columns:1fr}.social-page-grid,.post-grid{grid-template-columns:1fr}.featured-post{grid-template-columns:1fr}.video-page-grid{grid-template-columns:1fr}.sticky-mobile{display:grid;grid-template-columns:90px 1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #eee;padding:9px;z-index:50}.sticky-mobile a,.sticky-mobile button{border:1px solid var(--red);background:#fff;color:var(--red);border-radius:12px;font-weight:700}.sticky-mobile button:nth-child(2){background:var(--grad);color:#fff}.floating-contact{right:16px;bottom:88px}.product-info h1{font-size:22px}.price strong{font-size:26px}.spec-icons{grid-template-columns:repeat(2,1fr)}}


/* ===== JUNIOR09 v2 typography / icon / social polish ===== */
html{font-size:16px}body{font-size:15.8px;font-weight:400;letter-spacing:-.01em;line-height:1.55;color:#17181d}.top-marquee{font-weight:600}.brand b{font-weight:650}.brand small{font-weight:600}.nav-item{font-size:15.2px;font-weight:600;gap:8px}.nav-item span,.shortcut span{display:inline-flex;align-items:center;justify-content:center}.svg-icon{width:20px;height:20px;display:inline-block;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.nav-item .svg-icon{width:19px;height:19px;color:#ff3b31}.shortcut .svg-icon{width:26px;height:26px;color:#ff3b31}.search button{display:grid;place-items:center}.search button .svg-icon{width:21px;height:21px;stroke:#fff}.hotline .header-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff1ef;color:var(--red)}.hotline .svg-icon{width:25px;height:25px}.cart-link{font-size:14px;color:#222;gap:3px}.cart-link .svg-icon{width:27px;height:27px;color:#777;stroke-width:3.4}.section-head h2,.listing-head h1,.page h1{font-weight:650;letter-spacing:-.035em}.section-head h2{font-size:25px}.product-card h3{font-size:15.6px;line-height:1.42;font-weight:600;min-height:44px}.product-card p{font-size:13px;line-height:1.45;font-weight:400}.product-card strong{font-size:18px;font-weight:650}.product-card del{font-weight:400}.btn{font-weight:600}.filters label{font-weight:600;font-size:15px}.filters .check{font-weight:400}.product-info h1{font-weight:650}.product-info .price strong{font-weight:650}.option>label:first-child,.product-tabs nav a{font-weight:600}.site-footer h4{font-weight:650}.social-page-grid{grid-template-columns:repeat(5,1fr);gap:18px}.social-card{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px 18px;transition:.2s;background:#fff}.social-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#ffd4cf}.social-card img{width:46px;height:46px;object-fit:contain}.social-card b{display:block;font-size:16px;font-weight:650;line-height:1.2}.social-card small{display:block;color:var(--muted);font-size:13px;font-weight:400}.page-desc{color:var(--muted);margin-top:-10px}.social-box{display:block}.social-box h2{margin-top:0}.social-box a{display:flex;align-items:center;gap:12px;text-align:left;margin:9px 0;padding:12px;border-radius:14px}.social-box a img{width:31px;height:31px;flex:0 0 31px}.social-box a span{font-weight:600}.socials a{background:#fff;border:1px solid #eee;box-shadow:0 4px 12px #00000008}.socials a img{width:20px;height:20px}.float-main{display:grid;place-items:center}.float-main .svg-icon{width:26px;height:26px;stroke:#fff}.warranty-box a .svg-icon{width:26px;height:26px;color:var(--red);flex:0 0 26px}.mobile-filter-row button{display:flex;align-items:center;justify-content:center;gap:7px}.mobile-filter-row button .svg-icon{width:18px;height:18px}.spec-icons span{font-weight:500}.commit-box p{margin:6px 0;color:#374151}.product-card .img{background:#fff}.product-card .img img{padding:8px}.shortcut b{font-weight:600}.shortcut:hover{border-color:#ffd3cd;box-shadow:var(--shadow)}
@media(max-width:768px){body{font-size:15px}.nav-item{font-size:14px}.product-card h3{font-size:14px;min-height:40px}.product-card strong{font-size:16px}.section-head h2{font-size:21px}.social-page-grid{grid-template-columns:repeat(2,1fr)}.social-card{min-height:132px}.social-card img{width:40px;height:40px}.shortcut .svg-icon{width:23px;height:23px}}


/* ===== JUNIOR09 v4 final UI fixes ===== */
html,body{max-width:100%;overflow-x:hidden}body{color:#111827;font-weight:400}.container{max-width:1220px}.top-marquee{height:32px}.top-marquee span{display:inline-block;padding-left:100%;animation:marq 28s linear infinite;font-size:13.5px;font-weight:600}.header-main{grid-template-columns:230px minmax(320px,1fr) 220px 90px;gap:18px}.brand{min-width:0}.brand img{width:178px;max-height:46px;object-fit:contain}.brand-mark,.brand b,.brand small{display:none}.search input{font-weight:400;color:#111827}.main-nav{overflow:hidden}.nav-scroll{overflow:visible;justify-content:center;gap:12px}.nav-item{height:48px;padding:0 4px;font-size:15px;font-weight:650;color:#111827;letter-spacing:-.01em;opacity:1}.nav-item .svg-icon{width:18px;height:18px;color:#ff3b31;stroke-width:3.8}.nav-item:hover{color:var(--red)}.shortcut b{color:#111827;font-weight:650}.section-head h2,.listing-head h1,.page h1{color:#111827}.product-card h3 a{color:#111827}.product-card p{color:#5f6573}.product-card .btn{font-weight:650}.product-row .product-card .btn,.product-grid .product-card .btn{padding:10px 14px}.category-banner{padding:0;background:#fff}.category-banner img{display:none}.product-layout{grid-template-columns:250px minmax(0,1fr);align-items:start}.filters{top:154px;padding:16px 16px 18px;border-radius:18px;box-shadow:0 10px 28px rgba(17,24,39,.04)}.filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.filter-head h3{margin:0;font-size:20px;font-weight:650;letter-spacing:-.03em}.filter-head a{font-size:13px;color:var(--red);font-weight:650;white-space:nowrap}.filter-group{padding:8px 0;border-top:1px solid #f2f2f4}.filter-group:first-of-type{border-top:0}.filters .filter-title{display:block;margin:0 0 8px;color:#111827;font-size:15px;font-weight:650}.filters .check{display:flex!important;align-items:center;gap:10px;margin:8px 0!important;color:#374151;font-size:15px;font-weight:400;line-height:1.35;cursor:pointer}.filters .check input{width:16px!important;height:16px!important;min-width:16px;padding:0!important;margin:0!important;appearance:auto;accent-color:var(--red);border-radius:4px;flex:0 0 16px}.filters .check span{display:block;min-width:0}.filters select{height:42px;font-size:14px}.filters .btn.full{margin-top:10px;height:44px}.listing-head h1{font-size:30px}.mobile-filter-row button{color:#111827;font-weight:600}.thumbs img{cursor:pointer;object-fit:contain;background:#fff}.thumbs img.active{border-color:var(--red);box-shadow:0 0 0 2px rgba(255,51,51,.12)}.delivery-note{margin:10px 0 14px;color:#6b7280;font-size:14px}.buy-actions{gap:12px}.buy-actions .btn.big{height:58px;border-radius:14px;flex-direction:column;gap:2px;padding:10px 18px}.buy-actions .btn.big span{display:block;font-size:17px;font-weight:650;line-height:1.1}.buy-actions .btn.big small{font-size:12px;font-weight:400;opacity:.88}.buy-actions .add-cart{background:#fff;color:var(--red)}.buy-actions .buy-now{box-shadow:0 12px 24px rgba(255,51,51,.18)}.sticky-mobile{display:none}.product-info h1{font-size:28px;line-height:1.25}.price strong{font-size:34px}.option span{font-weight:500}.gallery,.product-info,.product-tabs{box-shadow:0 8px 24px rgba(17,24,39,.035)}
@media(max-width:1180px){.header-main{grid-template-columns:205px minmax(260px,1fr) 190px 78px;gap:14px}.brand img{width:160px}.nav-scroll{gap:8px}.nav-item{font-size:14px;padding:0 3px}.nav-item .svg-icon{width:17px;height:17px}.hotline b{font-size:16px}}
@media(max-width:1050px){.main-nav{display:none}.header-main{grid-template-columns:180px 1fr 78px}.brand img{width:150px}}
@media(max-width:768px){.brand img{width:138px}.header-main{grid-template-columns:1fr 56px}.product-layout{grid-template-columns:1fr}.filters{top:88px;max-height:calc(100vh - 110px);overflow:auto}.product-main{grid-template-columns:1fr;gap:14px}.buy-actions{grid-template-columns:1fr 1fr}.buy-actions .btn.big{height:52px}.buy-actions .btn.big span{font-size:15px}.buy-actions .btn.big small{display:none}.sticky-mobile{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #eee;padding:9px 10px;z-index:50;box-shadow:0 -8px 24px rgba(17,24,39,.08)}.sticky-mobile button{height:44px;border-radius:12px;font-weight:650;border:1px solid var(--red);font-size:14px}.sticky-buy{background:var(--grad);color:#fff}.sticky-cart{background:#fff;color:var(--red)}.product-info h1{font-size:22px}.price strong{font-size:26px}.listing-head h1{font-size:24px}.filter-head h3{font-size:19px}.filters .check{font-size:14.5px}.top-marquee span{font-size:12px}.category-banner{display:none}}

/* ===== JUNIOR09 extra fix: shortcut icon center + cart quantity controls ===== */
.shortcut-row{
  align-items:stretch;
}
.shortcut{
  min-height:86px;
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  justify-content:center !important;
  gap:7px;
  text-align:center;
  line-height:1.35;
}
.shortcut span{
  width:30px;
  height:30px;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1;
}
.shortcut .svg-icon{
  width:25px;
  height:25px;
  display:block;
}
.shortcut b{
  display:block;
  width:100%;
  text-align:center;
  font-size:13.5px;
  font-weight:650;
  line-height:1.35;
  color:#111827;
}

.cart-page h1{margin-bottom:22px}
.cart-form{display:block}.cart-list{display:grid;gap:12px}
.cart-item.cart-item-v2{
  display:grid;
  grid-template-columns:88px minmax(0,1fr) 132px 150px 54px;
  gap:18px;
  align-items:center;
  border:1px solid #eef0f3;
  border-radius:18px;
  padding:16px 18px;
  margin:0;
  background:#fff;
  box-shadow:0 8px 24px rgba(17,24,39,.035);
}
.cart-thumb{
  width:88px;height:88px;border-radius:14px;background:#fafafa;
  display:grid;place-items:center;overflow:hidden;
}
.cart-thumb img{width:100%;height:100%;object-fit:contain;padding:5px}.cart-info h3{margin:0 0 8px;font-size:17px;font-weight:650;line-height:1.35;color:#111827}.cart-info p{margin:0 0 10px;color:#4b5563;font-size:14.5px}.cart-info b{font-size:16px;color:#111827;font-weight:650}.cart-qty-box{display:inline-flex;align-items:center;justify-content:center;width:max-content;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff}.cart-qty-box .qty-btn{width:38px;height:38px;border:0;background:#fff;color:#111827;font-size:20px;font-weight:650;cursor:pointer;display:grid;place-items:center}.cart-qty-box .qty-btn:hover{background:#fff1ef;color:var(--red)}.cart-qty-box input{width:52px;height:38px;border:0;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;text-align:center;font-weight:650;color:#111827;outline:none}.cart-qty-box input::-webkit-outer-spin-button,.cart-qty-box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-line-total{text-align:right}.cart-line-total span{display:block;font-size:12px;color:#6b7280;margin-bottom:3px}.cart-line-total strong{font-size:17px;color:var(--red);font-weight:650}.cart-remove{color:#111827;font-weight:500;text-align:right}.cart-remove:hover{color:var(--red)}.cart-summary-v2{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:18px}.cart-summary-v2 .cart-total{margin:0}.cart-update{height:48px}.checkout-btn{height:54px}.empty-cart{border:1px solid #eee;border-radius:18px;padding:24px;background:#fff;box-shadow:0 8px 24px rgba(17,24,39,.035)}
@media(max-width:900px){
  .cart-item.cart-item-v2{grid-template-columns:76px 1fr 110px;gap:12px;padding:13px}.cart-thumb{width:76px;height:76px}.cart-line-total{grid-column:2/3;text-align:left}.cart-remove{grid-column:3/4;grid-row:1/3;align-self:center}.cart-summary-v2{grid-template-columns:1fr;}.cart-update,.checkout-btn{width:100%}
}
@media(max-width:768px){
  .shortcut{min-height:82px;padding:10px 5px}.shortcut span{width:27px;height:27px}.shortcut .svg-icon{width:23px;height:23px}.shortcut b{font-size:11.5px;line-height:1.3}.cart-item.cart-item-v2{grid-template-columns:68px 1fr;position:relative;padding:12px}.cart-thumb{width:68px;height:68px}.cart-info h3{font-size:15px}.cart-info p{font-size:13px}.cart-qty-box{grid-column:2/3;margin-top:4px}.cart-line-total{grid-column:2/3;text-align:left}.cart-remove{position:absolute;right:14px;top:12px;font-size:13px}.cart-summary-v2{gap:10px}.cart-total{padding:14px}.cart-page{padding-bottom:20px}
}

/* ===== JUNIOR09 mobile sticky header + bottom nav + radial contact fix ===== */
.contact-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(3px);z-index:58;opacity:0;pointer-events:none;transition:.22s ease}
.floating-contact{position:fixed;right:24px;bottom:86px;z-index:60;width:64px;height:64px}
.float-main{position:absolute;right:0;bottom:0;width:62px;height:62px;border:0;border-radius:50%;background:var(--grad);color:#fff;box-shadow:0 14px 35px rgba(255,51,51,.34);display:grid;place-items:center;cursor:pointer;z-index:3;transition:.2s ease}
.float-main .svg-icon{width:28px;height:28px;stroke:#fff}.float-main .float-close{display:none;font-size:54px;font-weight:300;line-height:1;transform:translateY(-2px)}
.float-menu{display:block!important;position:absolute;right:0;bottom:0;background:transparent!important;box-shadow:none!important;padding:0!important;min-width:0!important;border-radius:0!important;pointer-events:none}
.float-item{position:absolute;right:0;bottom:0;display:flex!important;align-items:center;gap:12px;padding:0!important;border-radius:999px;opacity:0;transform:translate(0,0) scale(.78);transition:.24s cubic-bezier(.2,.8,.2,1);white-space:nowrap;color:#fff!important}
.float-label{height:38px;display:flex;align-items:center;background:#fff;color:#2b2f37;border-radius:12px;padding:0 16px;font-size:15px;font-weight:650;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.float-circle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.22)}
.float-circle .svg-icon{width:25px;height:25px;stroke:#fff}.float-call .float-circle{background:#ffc107}.float-chat .float-circle{background:#13a84f;font-size:20px;letter-spacing:2px}.float-zalo .float-circle{background:#1d6cff;color:#fff;font-size:13px;background-image:radial-gradient(circle at 50% 45%,#fff 0 24px,transparent 25px);color:#1664e8}
.floating-contact.is-open .float-phone{display:none}.floating-contact.is-open .float-close{display:block}.floating-contact.is-open .float-main{background:#e60012;box-shadow:0 14px 36px rgba(230,0,18,.38)}
.floating-contact.is-open .float-menu{pointer-events:auto}.floating-contact.is-open .float-item{opacity:1;pointer-events:auto}.floating-contact.is-open .float-call{transform:translate(-6px,-150px) scale(1)}.floating-contact.is-open .float-chat{transform:translate(-88px,-92px) scale(1)}.floating-contact.is-open .float-zalo{transform:translate(-28px,-32px) scale(1)}
body.contact-open .contact-overlay{opacity:1;pointer-events:auto}.floating-contact:not(.is-open):hover .float-menu{display:block!important}.floating-contact:not(.is-open):hover .float-item{opacity:0;pointer-events:none}
.mobile-bottom-nav{display:none}
@media(max-width:768px){
  body{padding-bottom:76px;background:#fff}.site-header{position:sticky;top:0;z-index:55;box-shadow:0 5px 20px rgba(0,0,0,.08)}.top-marquee{height:30px;background:#111;color:#fff}.top-marquee span{font-size:12px;font-weight:650;animation:marq 20s linear infinite}.header-main{width:100%;height:auto;display:grid;grid-template-columns:72px minmax(0,1fr) 48px;gap:8px;align-items:center;padding:10px 12px;background:var(--grad)}.brand{grid-column:1}.brand img{width:64px!important;max-height:38px;object-fit:contain;filter:brightness(0) invert(1)}.search{grid-column:2;border:0;border-radius:12px;height:42px;background:#fff;box-shadow:none}.search input{padding:0 12px;font-size:14px;color:#111827}.search button{width:44px;border-radius:0 12px 12px 0}.hotline{display:none}.cart-link{grid-column:3;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center}.cart-link .svg-icon{width:26px;height:26px;stroke:#fff}.cart-link small{display:none}.cart-link em{top:-7px;right:-5px;background:#fff;color:var(--red);font-weight:700}.main-nav{display:none!important}.hero-section{padding:10px 0 0;background:#fff}.hero-section .container{width:calc(100% - 18px)}.hero-section img{border-radius:12px;box-shadow:none}.shortcut-row{width:calc(100% - 20px);grid-template-columns:repeat(4,1fr);gap:10px;margin:12px auto 18px;padding:14px 8px;border:1px solid #f0f0f0;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06);background:#fff}.shortcut{min-height:86px;border:0!important;box-shadow:none!important;border-radius:14px;padding:6px 4px}.shortcut span{width:48px!important;height:48px!important;border:1px solid #eee;border-radius:50%;background:#fff;margin-bottom:4px!important}.shortcut .svg-icon{width:26px!important;height:26px!important;stroke:#d71920}.shortcut b{font-size:12.5px!important;font-weight:500!important;line-height:1.28;color:#111827}.mini-grids{display:none}.utility-grid{grid-template-columns:1fr;margin-top:16px}.social-box{display:none}.video-grid{grid-template-columns:repeat(2,1fr)}.product-row,.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card{border-radius:14px;padding:10px}.product-card .img{border-radius:12px}.product-card p{display:none}.product-card .btn{display:none}.section{margin-top:18px}.section-head h2{font-size:22px}.section-head a{font-size:14px}.footer-grid{grid-template-columns:1fr}.site-footer{padding-bottom:78px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:66px;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -8px 28px rgba(17,24,39,.08);z-index:57;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 4px calc(6px + env(safe-area-inset-bottom));}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#60656f;font-size:11.5px;font-weight:600;line-height:1.1}.mobile-bottom-nav .svg-icon{width:23px;height:23px;stroke:#60656f;stroke-width:3.4}.mobile-bottom-nav a.active{color:#e60012}.mobile-bottom-nav a.active .svg-icon{stroke:#e60012}.mobile-bottom-nav.is-hidden-on-detail{display:none}.floating-contact{right:18px;bottom:88px;width:58px;height:58px}.float-main{width:58px;height:58px}.floating-contact.is-open .float-call{transform:translate(-8px,-148px) scale(1)}.floating-contact.is-open .float-chat{transform:translate(-82px,-90px) scale(1)}.floating-contact.is-open .float-zalo{transform:translate(-30px,-28px) scale(1)}.float-label{height:36px;padding:0 13px;font-size:14px}.float-circle{width:54px;height:54px}.product-detail .sticky-mobile{bottom:0;z-index:58}.product-detail{padding-bottom:66px}
}
@media(min-width:769px){.site-header{position:sticky;top:0}.floating-contact{bottom:70px}.floating-contact.is-open .float-call{transform:translate(-8px,-152px) scale(1)}.floating-contact.is-open .float-chat{transform:translate(-98px,-92px) scale(1)}.floating-contact.is-open .float-zalo{transform:translate(-28px,-32px) scale(1)}}

/* ===== FIX v5: contact quick menu spread from X like CellphoneS ===== */
.contact-overlay{background:rgba(0,0,0,.62)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.floating-contact{width:64px!important;height:64px!important;right:24px!important;bottom:92px!important;z-index:80!important}
.float-main{width:64px!important;height:64px!important;border-radius:999px!important;background:#e60012!important;box-shadow:0 12px 28px rgba(230,0,18,.36)!important}
.float-main .float-close{font-size:48px!important;font-weight:300!important;line-height:1!important;color:#fff!important;transform:translateY(-1px)!important}
.float-main .float-phone .svg-icon{width:28px!important;height:28px!important;stroke:#fff!important}
.float-menu{width:0!important;height:0!important;right:0!important;bottom:0!important;display:block!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important}
.float-item{height:58px!important;right:0!important;bottom:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;opacity:0;pointer-events:none;white-space:nowrap;transform:translate(0,0) scale(.72);transform-origin:right bottom;transition:transform .24s cubic-bezier(.2,.85,.2,1.15),opacity .2s ease!important}
.float-label{order:1;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#2b2f37!important;border-radius:9px!important;padding:0 14px!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important}
.float-circle{order:2;width:58px!important;height:58px!important;min-width:58px!important;border-radius:999px!important;display:grid!important;place-items:center!important;box-shadow:0 10px 24px rgba(0,0,0,.26)!important;border:0!important}
.float-circle .svg-icon{width:26px!important;height:26px!important;stroke:#fff!important;stroke-width:3!important}.float-call .float-circle{background:#ffc107!important}.float-chat .float-circle{background:#16a34a!important;color:#fff!important;font-size:20px!important;letter-spacing:2px!important}.float-zalo .float-circle{background:#2563eb!important;color:#2563eb!important;font-size:13px!important;font-weight:800!important;background-image:radial-gradient(circle at 50% 50%,#fff 0 23px,transparent 24px)!important}
.floating-contact.is-open .float-phone{display:none!important}.floating-contact.is-open .float-close{display:block!important}.floating-contact.is-open .float-main{background:#e60012!important}.floating-contact.is-open .float-menu{pointer-events:auto!important}.floating-contact.is-open .float-item{opacity:1;pointer-events:auto}
/* desktop/tablet positions: fan out from the red X */
.floating-contact.is-open .float-call{transform:translate(0,-176px) scale(1)!important}.floating-contact.is-open .float-chat{transform:translate(-96px,-106px) scale(1)!important}.floating-contact.is-open .float-zalo{transform:translate(-58px,-40px) scale(1)!important}
.floating-contact:not(.is-open):hover .float-menu{display:block!important}.floating-contact:not(.is-open):hover .float-item{opacity:0!important;pointer-events:none!important;transform:translate(0,0) scale(.72)!important}
@media(max-width:768px){.floating-contact{right:18px!important;bottom:94px!important;width:60px!important;height:60px!important}.float-main{width:60px!important;height:60px!important}.float-circle{width:56px!important;height:56px!important;min-width:56px!important}.float-label{height:34px!important;padding:0 13px!important;font-size:13.5px!important;border-radius:8px!important}.floating-contact.is-open .float-call{transform:translate(0,-168px) scale(1)!important}.floating-contact.is-open .float-chat{transform:translate(-90px,-102px) scale(1)!important}.floating-contact.is-open .float-zalo{transform:translate(-60px,-42px) scale(1)!important}}

/* ===== JUNIOR09 PDF CUSTOMER FIX - Mobile first / CellphoneS style ===== */
:root{--junior-red:#ff3333;--junior-red-dark:#d90016;--junior-orange:#ff6633;--cps-black:#111111}
.nav-item{color:#111827!important;font-weight:650!important}.nav-item .svg-icon{stroke:var(--junior-red)!important}.main-nav{background:#fff!important}.top-marquee{background:linear-gradient(180deg,#ff3333 0%,#e00018 100%)!important}.header-main{background:#fff}.product-card.cps-card{overflow:hidden}.product-card.cps-card .img em,.product-card.flash-card .img em{background:var(--junior-red);color:#fff;border-radius:6px;font-size:12px;font-style:normal;font-weight:650;padding:5px 8px}.product-card.cps-card strong,.product-card.flash-card strong{display:inline-block;color:var(--junior-red)!important;font-size:18px;font-weight:700;margin-top:4px}.product-card.cps-card del,.product-card.flash-card del{color:#9ca3af!important;font-size:13px;margin-left:7px}.product-extra{display:flex;flex-direction:column;gap:4px;margin:8px 0 2px}.ship-fast{display:inline-flex;align-items:center;width:max-content;background:#e8f3ff;color:#2074bd;border-radius:5px;padding:3px 7px;font-size:12px;font-weight:600}.rating-line{color:#6b7280;font-size:12px;font-weight:500}.flash-sale-section{background:linear-gradient(180deg,#f4fbff,#ffffff);border:1px solid #e3f2ff;border-radius:18px;padding:14px;margin-top:18px}.flash-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.flash-head h2{margin:0;color:#d71920;font-size:24px}.flash-head p{margin:4px 0 0;color:#667085}.countdown{background:#111;color:#fff;border-radius:999px;padding:8px 12px;font-weight:700}.countdown span{display:inline-grid;place-items:center;background:#d71920;border-radius:6px;min-width:28px;height:26px;margin:0 3px}.flash-tabs{display:flex;gap:8px;overflow:auto;margin:12px 0}.flash-tabs span{white-space:nowrap;border:1px solid #d9ecff;background:#fff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:650}.flash-tabs .active{background:#e8f3ff;color:#0b75bd}.flash-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.deal-progress{margin-top:7px;background:#dbeafe;border-radius:999px;height:20px;position:relative;overflow:hidden}.deal-progress:before{content:'';position:absolute;left:0;top:0;bottom:0;width:62%;background:#60a5fa}.deal-progress span{position:relative;z-index:1;display:block;text-align:center;font-size:11px;line-height:20px;color:#1e3a8a;font-weight:650}.filter-group .check{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:32px;margin:5px 0;color:#374151;font-size:15px}.filter-group .check input{margin:0!important;flex:0 0 auto;width:17px;height:17px;accent-color:var(--junior-red)}.filter-group .check span{flex:1;line-height:1.3}.filters{position:sticky;top:138px;align-self:flex-start}.mobile-category-browser{display:none}.option-with-image{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-with-image>label:first-child{grid-column:1/-1}.option-with-image label span{display:flex!important;align-items:center;gap:8px;padding:8px!important}.option-with-image label img{width:42px;height:42px;object-fit:contain;border-radius:7px;background:#fff}.mobile-product-title{display:none}.spec-table-card,.description-card,.reviews{background:#fff;border:1px solid #eee;border-radius:16px;padding:18px;margin-bottom:16px}.review-photos{display:flex;gap:8px;margin-top:8px}.review-photos img{width:70px;height:70px;object-fit:cover;border:1px solid #eee;border-radius:10px}.detail-hard-cta{grid-template-columns:58px 1fr 58px!important;gap:10px!important}.detail-hard-cta .sticky-call,.detail-hard-cta .sticky-cart{height:48px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;display:grid;place-items:center;color:#111}.detail-hard-cta .sticky-call .svg-icon,.detail-hard-cta .sticky-cart .svg-icon{width:24px;height:24px;stroke:#111}.detail-hard-cta .sticky-buy{height:48px;border-radius:10px;background:#ff3333!important;color:#fff!important;font-weight:700;border:0}.detail-hard-cta .sticky-cart{font-size:0!important}.detail-hard-cta .sticky-cart .svg-icon{display:block!important}

@media(max-width:768px){
  html,body{overflow-x:hidden!important}body{padding-top:100px!important;padding-bottom:78px!important;background:#fff}.top-marquee{position:fixed!important;top:0;left:0;right:0;height:30px;z-index:100;background:linear-gradient(180deg,#ff3333 0%,#df0017 100%)!important;color:#fff;font-size:12px}.site-header{position:fixed!important;top:30px!important;left:0;right:0;z-index:99;background:linear-gradient(180deg,#ff3333 0%,#d90016 100%)!important;box-shadow:0 6px 20px rgba(0,0,0,.12)!important}.header-main{height:70px!important;width:100%!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) 42px!important;gap:8px!important;padding:10px 10px!important;background:linear-gradient(180deg,#ff3333 0%,#d90016 100%)!important}.brand img{width:52px!important;max-height:38px!important;object-fit:contain;filter:brightness(0) invert(1)!important}.search{height:42px!important;border-radius:9px!important;background:#fff!important;overflow:hidden}.search input{font-size:14px!important;color:#111!important}.search button{width:42px!important;background:#ff3333!important;color:#fff!important}.cart-link{background:rgba(255,255,255,.14)!important;color:#fff!important;border-radius:9px!important}.cart-link .svg-icon{stroke:#fff!important}.cart-link em{background:#fff!important;color:#ff3333!important}.hero-section{padding-top:8px!important}.hero-section .container{width:calc(100% - 18px)!important}.hero-section picture,.hero-section img{display:block;width:100%}.hero-section img{height:150px!important;object-fit:cover!important;border-radius:10px!important;box-shadow:none!important}.shortcut-row.junior-categories{width:calc(100% - 18px)!important;margin:10px auto 16px!important;padding:14px 10px!important;grid-template-columns:repeat(4,1fr)!important;gap:12px 8px!important;border-radius:16px!important;border:1px solid #eee!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important}.shortcut-row.junior-categories .shortcut{min-height:82px!important;padding:4px 2px!important}.shortcut-row.junior-categories .shortcut span{width:50px!important;height:50px!important;border-radius:50%!important;background:#fff!important;border:1px solid #eee!important;display:grid!important;place-items:center!important;margin:0 auto 5px!important}.shortcut-row.junior-categories .shortcut b{font-size:12.5px!important;line-height:1.22!important;font-weight:500!important}.shortcut-row.junior-categories .shortcut .svg-icon{width:27px!important;height:27px!important;stroke:#d71920!important}.flash-sale-section{width:calc(100% - 18px)!important;margin:14px auto!important;padding:10px!important;border-radius:14px!important}.flash-head h2{font-size:18px!important}.flash-head p{display:none}.countdown{font-size:12px;padding:6px 8px}.countdown span{min-width:22px;height:22px}.flash-tabs{margin:10px 0}.flash-tabs span{font-size:12px;padding:6px 10px}.flash-row{display:flex!important;overflow-x:auto;gap:10px;padding-bottom:4px;scroll-snap-type:x mandatory}.flash-row .flash-card{min-width:46%;scroll-snap-align:start}.product-row,.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.product-card{padding:8px!important;border-radius:10px!important}.product-card .img{height:125px!important;display:grid;place-items:center;background:#fff}.product-card .img img{max-height:118px!important;object-fit:contain!important}.product-card h3{font-size:13px!important;line-height:1.35!important;min-height:36px!important;margin:7px 0 4px!important}.product-card strong{font-size:14.5px!important;color:#ff3333!important}.product-card del{font-size:11.5px!important}.product-extra{gap:3px;margin-top:6px}.ship-fast{font-size:10.5px;padding:2px 5px}.rating-line{font-size:11px}.product-card .btn{display:none!important}.section{width:calc(100% - 18px)!important;margin-left:auto!important;margin-right:auto!important}.section-head h2{font-size:21px!important}.mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;height:66px!important;z-index:98!important}.mobile-bottom-nav a{font-size:10.8px!important}.mobile-bottom-nav .svg-icon{width:22px!important;height:22px!important}.mobile-category-browser{display:grid!important;grid-template-columns:88px 1fr;width:100%!important;margin:0!important;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff}.mobile-cat-sidebar{background:#f5f5f5;max-height:360px;overflow:auto}.mobile-cat-sidebar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;padding:8px 4px;font-size:11px;text-align:center;color:#444;border-left:3px solid transparent}.mobile-cat-sidebar a.active{background:#fff;border-left-color:#ff3333;color:#ff3333}.mobile-cat-sidebar .svg-icon{width:24px;height:24px;stroke:currentColor}.mobile-cat-content{padding:12px 10px}.mobile-cat-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mobile-cat-title b{font-size:16px}.mobile-cat-title a{font-size:12px;color:#ff3333}.mobile-cat-tabs{display:flex;gap:8px;overflow:auto}.mobile-cat-tabs a{white-space:nowrap;background:#f5f5f5;border:1px solid #eee;border-radius:8px;padding:8px 10px;font-size:12px}.category-banner{display:none!important}.product-layout{display:block!important;width:calc(100% - 18px)!important}.filters{display:none!important}.products-area .breadcrumb,.products-area>p{display:none!important}.listing-head h1{font-size:22px!important}.listing-head select{height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.mobile-filter-row{display:flex!important;margin:8px 0 12px}.cps-product-detail{width:100%!important;padding:0 10px 74px!important}.cps-product-detail .breadcrumb{display:none}.product-main{display:block!important}.gallery{border:0!important;padding:0!important}.mobile-product-title{display:block!important;padding:10px 2px}.mobile-product-title p{margin:0 0 6px;color:#ff3333;font-weight:600}.mobile-product-title h1{font-size:23px;line-height:1.25;margin:0 0 8px}.mobile-product-title .rating{font-size:13px;color:#444}.mobile-product-title .price{display:flex;align-items:center;gap:10px;margin:10px 0}.mobile-product-title .price strong{font-size:24px;color:#ff3333}.mobile-product-title .price del{color:#888}.mobile-product-title .price span{background:#fee2e2;color:#ff3333;border-radius:7px;padding:6px 9px}.product-info>h1,.product-info>.rating,.product-info>.price{display:none}.gallery .main-img{height:330px!important;object-fit:contain!important;border:1px solid #eee;border-radius:16px;background:#fff;margin-top:4px}.thumbs{display:flex!important;gap:8px;overflow:auto;margin:12px 0}.thumbs img,.thumbs span{width:70px!important;height:58px!important;border-radius:9px!important;flex:0 0 auto}.spec-icons{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:10px}.spec-icons span{min-height:72px;display:flex;align-items:center;gap:8px}.spec-icons .svg-icon{width:24px;height:24px;stroke:#111}.option{margin-top:12px}.option>label:first-child{font-size:16px;font-weight:650;margin-bottom:8px;display:block}.option label span{font-size:14px}.option-with-image{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.option-with-image>label:first-child{grid-column:1/-1}.commit-box{font-size:14px;border-radius:12px;margin-top:12px}.buy-actions{display:none!important}.product-tabs{margin-top:14px}.product-tabs nav{display:none}.spec-table-card,.description-card,.reviews{border-radius:12px;padding:12px}.spec-table-card h2,.description-card h2,.reviews h2{font-size:19px}.reviews .score{display:flex;align-items:center;justify-content:space-between}.detail-hard-cta{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:62px!important;background:#fff!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -8px 26px rgba(0,0,0,.08)!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;z-index:120!important;display:grid!important;grid-template-columns:54px 1fr 54px!important;gap:10px!important}.detail-hard-cta .sticky-buy{height:48px!important;border-radius:8px!important;background:#ff3333!important;color:#fff!important;font-size:16px!important}.detail-hard-cta .sticky-call,.detail-hard-cta .sticky-cart{height:48px!important;border-radius:8px!important;border:1px solid #e5e7eb!important;background:#fff!important}.mobile-bottom-nav.is-hidden-on-detail{display:none!important}.floating-contact{right:18px!important;bottom:86px!important}.product-detail .floating-contact{bottom:78px!important}.float-label{font-weight:650!important}.floating-contact.is-open .float-call{transform:translate(-4px,-168px) scale(1)!important}.floating-contact.is-open .float-chat{transform:translate(-94px,-103px) scale(1)!important}.floating-contact.is-open .float-zalo{transform:translate(-58px,-38px) scale(1)!important}
}

/* ===== FINAL CUSTOMER PASS 2026-07-08: CellphoneS-like mobile consistency ===== */
.logo-mobile{display:none}.logo-desktop{display:block}
@media(max-width:768px){
  html,body{overflow-x:hidden!important}body{padding-top:100px!important;padding-bottom:78px!important;background:#fff!important;color:#111827!important}
  .top-marquee{position:fixed!important;top:0!important;left:0!important;right:0!important;height:30px!important;z-index:300!important;background:linear-gradient(180deg,#ff3333 0%,#e60012 100%)!important;color:#fff!important;font-size:12px!important;font-weight:700!important;letter-spacing:.1px!important}
  .site-header{position:fixed!important;top:30px!important;left:0!important;right:0!important;z-index:299!important;background:linear-gradient(180deg,#ff3333 0%,#d90016 100%)!important;box-shadow:0 4px 14px rgba(0,0,0,.12)!important}
  .header-main{height:70px!important;width:100%!important;grid-template-columns:58px minmax(0,1fr) 48px!important;gap:9px!important;padding:10px 10px!important;background:linear-gradient(180deg,#ff3333 0%,#d90016 100%)!important}
  .brand{height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}.brand .logo-desktop{display:none!important}.brand .logo-mobile{display:block!important;width:54px!important;max-height:34px!important;object-fit:contain!important;filter:none!important}.brand img:not(.logo-mobile){display:none!important}
  .hotline,.main-nav{display:none!important}.search{height:42px!important;border:0!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}.search input{font-size:15px!important;font-weight:400!important;padding:0 13px!important;color:#111827!important}.search button{width:45px!important;background:#ff3333!important;border-radius:0!important}.search button .svg-icon{stroke:#fff!important;width:23px!important;height:23px!important}.cart-link{width:48px!important;height:48px!important;border-radius:10px!important;background:rgba(255,255,255,.13)!important;color:#fff!important;display:grid!important;place-items:center!important}.cart-link .svg-icon{width:27px!important;height:27px!important;stroke:#fff!important}.cart-link small{display:none!important}.cart-link em{top:-6px!important;right:-4px!important;background:#fff!important;color:#ff3333!important;font-weight:800!important}
  .hero-section{padding:10px 0 0!important;background:#fff!important}.hero-section .container{width:calc(100% - 18px)!important}.hero-section img{height:auto!important;aspect-ratio:19/6!important;object-fit:cover!important;border-radius:10px!important;box-shadow:none!important;background:#f5f5f5!important}
  .shortcut-row.junior-categories{width:calc(100% - 18px)!important;margin:12px auto 16px!important;padding:14px 9px!important;grid-template-columns:repeat(4,1fr)!important;gap:12px 8px!important;border-radius:16px!important;background:#fff!important;border:1px solid #f0f0f0!important;box-shadow:0 8px 24px rgba(0,0,0,.055)!important}.shortcut-row.junior-categories .shortcut{border:0!important;box-shadow:none!important;min-height:84px!important;padding:3px 2px!important;background:#fff!important}.shortcut-row.junior-categories .shortcut span{width:52px!important;height:52px!important;border-radius:50%!important;border:1px solid #ededed!important;background:#fff!important;display:grid!important;place-items:center!important;margin:0 auto 5px!important}.shortcut-row.junior-categories .shortcut b{font-size:12.4px!important;line-height:1.22!important;font-weight:500!important;color:#111827!important}.shortcut-row.junior-categories .shortcut .svg-icon{width:28px!important;height:28px!important;stroke:#d71920!important;stroke-width:2.8!important}
  .flash-sale-section{width:calc(100% - 18px)!important;margin:14px auto 18px!important;padding:10px!important;background:#f7fbff!important;border:1px solid #b9dcff!important;border-radius:13px!important;box-shadow:none!important;overflow:hidden!important}.flash-head{align-items:flex-start!important}.flash-head h2{font-size:20px!important;line-height:1.35!important;color:#d71920!important;margin:0!important;max-width:58%!important}.flash-head p{display:none!important}.countdown{margin-top:2px!important;border-radius:999px!important;background:#111!important;color:#fff!important;padding:7px 9px!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important}.countdown span{min-width:24px!important;height:24px!important;border-radius:6px!important;background:#d71920!important;margin:0 2px!important;color:#fff!important}.flash-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;margin:11px 0 10px!important;padding-bottom:1px!important}.flash-tabs span{white-space:nowrap!important;border:1px solid #d6eaff!important;background:#fff!important;border-radius:999px!important;padding:8px 14px!important;font-size:13px!important;font-weight:650!important;color:#111827!important}.flash-tabs span.active{background:#e9f5ff!important;color:#1474bd!important;border-color:#b8dcff!important}.flash-row{display:flex!important;overflow-x:auto!important;gap:10px!important;padding:2px 0 5px!important;scroll-snap-type:x mandatory!important}.flash-row .flash-card{min-width:46%!important;scroll-snap-align:start!important}.deal-progress{height:20px!important;background:#dbeafe!important;border-radius:999px!important}.deal-progress span{font-size:11.3px!important;color:#1e3a8a!important}
  .product-card{border-radius:12px!important;border:1px solid #eee!important;box-shadow:0 6px 18px rgba(0,0,0,.04)!important;padding:8px!important}.product-card .img{height:128px!important;aspect-ratio:auto!important;background:#fff!important;border-radius:10px!important}.product-card .img img{max-height:122px!important;width:100%!important;height:100%!important;object-fit:contain!important}.product-card h3{font-size:13.2px!important;line-height:1.34!important;margin:8px 0 5px!important;min-height:36px!important;color:#111827!important;font-weight:650!important}.product-card strong{font-size:15.5px!important;color:#ff3333!important;font-weight:800!important}.product-card del{display:inline!important;font-size:12px!important;color:#9ca3af!important;margin-left:5px!important}.ship-fast{font-size:10.5px!important;padding:2px 5px!important}.rating-line{font-size:11px!important;color:#555!important}.product-row,.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:9px!important}.section{width:calc(100% - 18px)!important;margin-left:auto!important;margin-right:auto!important}.section-head h2{font-size:22px!important;color:#111827!important}.section-head a{font-size:14px!important;color:#ff3333!important;font-weight:700!important}
  .mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:67px!important;background:#fff!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -8px 26px rgba(0,0,0,.08)!important;z-index:260!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;padding:5px 2px calc(5px + env(safe-area-inset-bottom))!important}.mobile-bottom-nav a{font-size:11px!important;font-weight:650!important;color:#666b75!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important}.mobile-bottom-nav .svg-icon{width:23px!important;height:23px!important;stroke:#686d76!important;stroke-width:3!important}.mobile-bottom-nav a.active{color:#e60012!important}.mobile-bottom-nav a.active .svg-icon{stroke:#e60012!important}
  .mobile-category-browser{display:grid!important;grid-template-columns:90px 1fr!important;width:100%!important;margin:0!important;background:#fff!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important}.mobile-cat-sidebar{background:#f5f5f5!important;max-height:360px!important;overflow:auto!important}.mobile-cat-sidebar a{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:72px!important;gap:4px!important;font-size:11px!important;text-align:center!important;border-left:3px solid transparent!important;color:#444!important}.mobile-cat-sidebar a.active{background:#fff!important;color:#e60012!important;border-left-color:#e60012!important}.mobile-cat-content{padding:12px 10px!important}.mobile-cat-tabs{display:flex!important;gap:8px!important;overflow:auto!important}.mobile-cat-tabs a{white-space:nowrap!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:8px 10px!important;font-size:12.5px!important}
  .cps-product-detail{width:100%!important;padding:0 10px 112px!important}.cps-product-detail .breadcrumb{display:none!important}.product-main{display:block!important}.gallery{border:0!important;padding:0!important;background:#fff!important}.gallery .mobile-product-title{display:none!important}.gallery .main-img{height:330px!important;object-fit:contain!important;border:1px solid #eeeeee!important;border-radius:16px!important;background:#fff!important;margin:8px 0 0!important}.thumbs{display:flex!important;gap:8px!important;overflow:auto!important;margin:11px 0!important}.thumbs img,.thumbs span{width:70px!important;height:58px!important;border-radius:9px!important;flex:0 0 auto!important;border:1px solid #e5e7eb!important;background:#fff!important}.product-info{border:0!important;padding:0!important;margin-top:8px!important;background:#fff!important}.product-info>h1{display:block!important;font-size:22px!important;line-height:1.28!important;margin:8px 0 8px!important;color:#111827!important}.product-info>.rating{display:block!important;font-size:13.5px!important;color:#333!important;margin:0 0 8px!important}.product-info>.price{display:flex!important;align-items:center!important;gap:10px!important;margin:8px 0 10px!important}.product-info>.price strong{font-size:25px!important;color:#ff3333!important}.product-info>.price del{font-size:15px!important;color:#888!important}.product-info>.price span{background:#ffe8e8!important;color:#ff3333!important;border-radius:8px!important;padding:7px 9px!important;font-size:14px!important}.spec-icons{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-top:8px!important}.spec-icons span{min-height:72px!important;border-radius:11px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding:8px 5px!important}.spec-icons b{font-size:12px!important}.spec-icons small{font-size:10.5px!important}.option{margin:14px 0!important}.option>label:first-child{font-size:16px!important;font-weight:700!important;margin-bottom:8px!important}.option label span{font-size:13.5px!important;border-radius:9px!important;padding:9px 12px!important}.option-with-image{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.option-with-image label span{display:flex!important;align-items:center!important;gap:8px!important;padding:8px!important}.option-with-image label img{width:42px!important;height:42px!important;object-fit:contain!important;background:#fff!important;border-radius:7px!important}.commit-box{border:1px solid #d7e8ff!important;background:#fbfdff!important;border-radius:12px!important;font-size:13.5px!important;margin:10px 0!important}.delivery-note{font-size:13px!important;color:#667085!important}.buy-actions{display:none!important}.product-tabs{border:0!important;padding:0!important;margin-top:14px!important;background:transparent!important}.product-tabs nav{display:none!important}.tab-content{display:block!important;padding-top:0!important}.spec-table-card,.description-card,.reviews{border-radius:12px!important;border:1px solid #eeeeee!important;background:#fff!important;padding:12px!important;margin:0 0 12px!important}.spec-table-card h2,.description-card h2,.reviews h2{font-size:19px!important;margin:0 0 10px!important}.spec-table-card table{width:100%!important;border-collapse:collapse!important}.spec-table-card th,.spec-table-card td{font-size:13px!important;padding:9px!important;border:1px solid #f1f1f1!important;text-align:left!important}.description-card article{font-size:14px!important;line-height:1.65!important;max-height:250px!important;overflow:auto!important}.reviews .score{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:center!important}.reviews .score b{font-size:28px!important;color:#111827!important}.reviews .score button{height:38px!important;border-radius:8px!important}.review{border-top:1px solid #eee!important;padding-top:10px!important;margin-top:10px!important}.review p{font-size:13.5px!important;line-height:1.5!important}.review-photos img{width:64px!important;height:64px!important;border-radius:8px!important}.detail-hard-cta{position:fixed!important;left:0!important;right:0!important;bottom:0!important;display:block!important;height:auto!important;background:#fff!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -10px 26px rgba(0,0,0,.09)!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;z-index:320!important}.sticky-price-line{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 7px!important;color:#6b7280!important;font-size:12.5px!important}.sticky-price-line span{margin-right:auto!important;color:#111827!important;font-size:15px!important}.sticky-price-line del{color:#9ca3af!important;font-size:13px!important}.sticky-price-line strong{color:#c53030!important;font-size:20px!important;font-weight:800!important}.sticky-action-row{display:grid!important;grid-template-columns:54px 1fr 54px!important;gap:10px!important}.detail-hard-cta .sticky-call,.detail-hard-cta .sticky-cart{height:50px!important;border:1px solid #e5e7eb!important;background:#fff!important;border-radius:9px!important;display:grid!important;place-items:center!important}.detail-hard-cta .sticky-buy{height:50px!important;border-radius:9px!important;background:#ff3333!important;color:#fff!important;font-size:17px!important;font-weight:800!important;border:0!important;display:flex!important;flex-direction:column!important;gap:1px!important}.detail-hard-cta .sticky-buy small{display:block!important;font-size:11px!important;font-weight:500!important;color:#fff!important}.detail-hard-cta .sticky-call .svg-icon,.detail-hard-cta .sticky-cart .svg-icon{width:24px!important;height:24px!important;stroke:#111!important}.mobile-bottom-nav.is-hidden-on-detail{display:none!important}
  .contact-overlay{z-index:280!important;background:rgba(0,0,0,.64)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}.floating-contact{right:18px!important;bottom:88px!important;width:62px!important;height:62px!important;z-index:330!important}.product-detail .floating-contact{bottom:112px!important}.float-main{width:62px!important;height:62px!important;border-radius:50%!important;background:#e60012!important;display:grid!important;place-items:center!important;z-index:4!important}.float-main .float-close{font-size:48px!important;line-height:1!important;color:#fff!important;font-weight:300!important}.float-menu{display:block!important;position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;pointer-events:none!important}.float-item{position:absolute!important;right:0!important;bottom:0!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;opacity:0!important;pointer-events:none!important;background:transparent!important;box-shadow:none!important;border:0!important;transform:translate(0,0) scale(.65)!important;transform-origin:right bottom!important;transition:.23s cubic-bezier(.18,.9,.23,1.2)!important}.float-label{order:1!important;height:34px!important;background:#fff!important;color:#2b2f37!important;border-radius:8px!important;padding:0 13px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13.5px!important;font-weight:750!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important;white-space:nowrap!important}.float-circle{order:2!important;width:56px!important;height:56px!important;min-width:56px!important;border-radius:50%!important;display:grid!important;place-items:center!important;box-shadow:0 10px 22px rgba(0,0,0,.25)!important}.floating-contact.is-open .float-item{opacity:1!important;pointer-events:auto!important}.floating-contact.is-open .float-call{transform:translate(0,-164px) scale(1)!important}.floating-contact.is-open .float-chat{transform:translate(-92px,-99px) scale(1)!important}.floating-contact.is-open .float-zalo{transform:translate(-58px,-35px) scale(1)!important}
}
@media(min-width:769px){
  .site-header{position:sticky!important;top:0!important;z-index:80!important}.header-main{grid-template-columns:240px 1fr 220px 90px!important}.brand .logo-mobile{display:none!important}.brand .logo-desktop{display:block!important}.nav-item{font-size:15px!important;color:#111827!important}.product-card h3{font-weight:650!important}.product-card strong{color:#ff3333!important}.filters .check input{width:17px!important;height:17px!important}.filters .check{display:flex!important;align-items:center!important;gap:10px!important}
}

/* JUNIOR09 fix banner size + flash sale tabs */
.hero-section.mobile-compact-hero{padding:14px 0 10px!important;background:#fafafa!important;}
.hero-section.mobile-compact-hero .container{width:min(1220px,calc(100% - 32px))!important;}
.hero-section.mobile-compact-hero picture{display:block!important;overflow:hidden!important;border-radius:16px!important;background:#e60012!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important;}
.hero-section.mobile-compact-hero img{width:100%!important;height:auto!important;aspect-ratio:1440/360!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;box-shadow:none!important;}
.flash-tabs button{white-space:nowrap;border:1px solid #d9ecff;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:650;color:#111827;cursor:pointer;font-family:inherit;}
.flash-tabs button.active{background:#e8f3ff;color:#0b75bd;border-color:#b8dcff;}
.flash-tabs span{display:none!important;}
.flash-panel{display:none;}
.flash-panel.active{display:block;}
@media(max-width:768px){
  .hero-section.mobile-compact-hero{padding:8px 0 8px!important;}
  .hero-section.mobile-compact-hero .container{width:calc(100% - 18px)!important;}
  .hero-section.mobile-compact-hero picture{border-radius:10px!important;box-shadow:none!important;}
  .hero-section.mobile-compact-hero img{aspect-ratio:760/210!important;height:auto!important;max-height:210px!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;}
  .flash-tabs button{font-size:13px!important;padding:8px 14px!important;}
}

/* =========================================================
   FINAL MOBILE SYNC - CellphoneS style polish for JUNIOR09
   Focus: mobile header, contact radial, flash sale, product detail
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
.brand img{object-fit:contain}
.flash-panel{display:none}.flash-panel.active{display:block}
.flash-tabs button{font-family:inherit}
.detail-feature-img{width:100%;border-radius:12px;margin:4px 0 12px;background:#f8fafc;object-fit:cover}
@media(max-width:768px){
  :root{--mobileHeaderTop:30px;--mobileHeaderH:76px;--bottomNavH:68px;}
  body{padding-top:calc(var(--mobileHeaderTop) + var(--mobileHeaderH))!important;padding-bottom:var(--bottomNavH)!important;background:#fff!important;font-size:15px!important;overflow-x:hidden!important;}
  body:has(.cps-product-detail){padding-bottom:104px!important;}

  /* fixed red top area */
  .top-marquee{position:fixed!important;left:0!important;right:0!important;top:0!important;height:var(--mobileHeaderTop)!important;z-index:900!important;background:linear-gradient(180deg,#ff3333 0%,#db0017 100%)!important;color:#fff!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;}
  .top-marquee span{font-size:12.5px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;animation:marq 18s linear infinite!important;}
  .site-header{position:fixed!important;left:0!important;right:0!important;top:var(--mobileHeaderTop)!important;z-index:899!important;background:linear-gradient(180deg,#ff3333 0%,#d90016 100%)!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important;border:0!important;}
  .header-main{width:100%!important;height:var(--mobileHeaderH)!important;display:grid!important;grid-template-columns:56px minmax(0,1fr) 50px!important;gap:10px!important;align-items:center!important;padding:13px 12px!important;background:transparent!important;margin:0!important;}
  .brand{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;}
  .brand .logo-desktop{display:none!important;}
  .brand .logo-mobile{display:block!important;width:48px!important;height:auto!important;max-height:34px!important;filter:brightness(0) invert(1)!important;object-fit:contain!important;}
  .search{grid-column:2!important;grid-row:1!important;height:44px!important;border:0!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;min-width:0!important;}
  .search input{height:44px!important;padding:0 12px!important;font-size:15px!important;font-weight:500!important;color:#111827!important;background:#fff!important;}
  .search input::placeholder{color:#b7bbc2!important;}
  .search button{width:50px!important;height:44px!important;border:0!important;background:#ff3333!important;color:#fff!important;border-radius:0 10px 10px 0!important;display:grid!important;place-items:center!important;}
  .search button .svg-icon{width:22px!important;height:22px!important;stroke:#fff!important;}
  .hotline{display:none!important;}
  .cart-link{grid-column:3!important;grid-row:1!important;width:50px!important;height:44px!important;border-radius:10px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:0!important;position:relative!important;}
  .cart-link .svg-icon{width:28px!important;height:28px!important;stroke:#fff!important;}
  .cart-link small{display:none!important;}
  .cart-link em{top:-10px!important;right:-7px!important;min-width:24px!important;height:24px!important;background:#fff!important;color:#ff3333!important;border-radius:50%!important;font-size:13px!important;font-weight:800!important;border:0!important;}
  .main-nav{display:none!important;}

  /* homepage hero and categories */
  .hero-section.mobile-compact-hero{padding:8px 0 6px!important;background:#fff!important;}
  .hero-section.mobile-compact-hero .container{width:calc(100% - 18px)!important;margin:auto!important;}
  .hero-section.mobile-compact-hero picture{display:block!important;border-radius:11px!important;overflow:hidden!important;background:#e60012!important;box-shadow:none!important;}
  .hero-section.mobile-compact-hero img{width:100%!important;height:auto!important;aspect-ratio:760/220!important;max-height:220px!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;box-shadow:none!important;}
  .shortcut-row.junior-categories,.shortcut-row{width:calc(100% - 18px)!important;margin:10px auto 14px!important;padding:14px 9px 12px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px 8px!important;background:#fff!important;border:1px solid #eeeeee!important;border-radius:17px!important;box-shadow:0 8px 24px rgba(17,24,39,.06)!important;}
  .shortcut{min-height:80px!important;padding:2px 2px!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;text-align:center!important;}
  .shortcut span{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:50%!important;border:1px solid #eeeeee!important;background:#fff!important;margin:0 auto!important;color:#e60012!important;}
  .shortcut .svg-icon{width:25px!important;height:25px!important;stroke:#e60012!important;stroke-width:2.8!important;}
  .shortcut b{display:block!important;font-size:12.5px!important;line-height:1.22!important;font-weight:600!important;color:#111827!important;max-width:100%!important;}

  /* flash sale more CellphoneS-like */
  .flash-sale-section{width:calc(100% - 18px)!important;margin:14px auto 18px!important;padding:10px!important;background:#f5fbff!important;border:1px solid #b8dcff!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden!important;}
  .flash-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:10px!important;}
  .flash-head h2{font-size:17px!important;line-height:1.2!important;color:#d71920!important;margin:0!important;font-weight:800!important;letter-spacing:.1px!important;max-width:calc(100vw - 150px)!important;}
  .flash-head p{display:none!important;}
  .countdown{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:3px!important;background:#111!important;color:#fff!important;border-radius:999px!important;padding:6px 8px!important;font-size:12px!important;font-weight:800!important;line-height:1!important;}
  .countdown span{display:inline-grid!important;place-items:center!important;min-width:24px!important;height:24px!important;background:#d71920!important;color:#fff!important;border-radius:6px!important;margin:0!important;}
  .flash-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;margin:0 0 10px!important;padding-bottom:2px!important;scrollbar-width:none!important;}
  .flash-tabs::-webkit-scrollbar{display:none!important;}
  .flash-tabs button{white-space:nowrap!important;border:1px solid #d7eaff!important;background:#fff!important;border-radius:999px!important;padding:8px 13px!important;font-size:13px!important;font-weight:700!important;color:#111827!important;box-shadow:none!important;}
  .flash-tabs button.active{background:#e8f3ff!important;color:#0b74bd!important;border-color:#a8d4ff!important;}
  .flash-row{display:flex!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:1px 0 5px!important;scrollbar-width:none!important;}
  .flash-row::-webkit-scrollbar{display:none!important;}
  .flash-row .flash-card{min-width:47%!important;max-width:47%!important;scroll-snap-align:start!important;border-radius:12px!important;padding:8px!important;background:#fff!important;}
  .flash-card .img{height:128px!important;aspect-ratio:auto!important;background:#fff!important;}
  .flash-card .img img{max-height:120px!important;width:100%!important;height:100%!important;object-fit:contain!important;}
  .flash-card h3{font-size:13.5px!important;line-height:1.35!important;min-height:38px!important;margin:7px 0!important;font-weight:700!important;color:#111827!important;}
  .flash-card strong{font-size:16px!important;color:#ff3333!important;font-weight:800!important;}
  .flash-card del{font-size:12px!important;color:#aaa!important;}
  .deal-progress{height:22px!important;border-radius:999px!important;background:#d8eaff!important;display:grid!important;place-items:center!important;margin-top:7px!important;overflow:hidden!important;}
  .deal-progress span{font-size:11.5px!important;color:#1e3a8a!important;font-weight:700!important;}

  /* normal product cards */
  .product-row,.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:9px!important;}
  .product-card{border-radius:12px!important;padding:8px!important;box-shadow:0 4px 18px rgba(17,24,39,.04)!important;}
  .product-card .img{height:130px!important;aspect-ratio:auto!important;background:#fff!important;border-radius:10px!important;}
  .product-card .img img{width:100%!important;height:100%!important;object-fit:contain!important;}
  .product-card em{top:7px!important;left:7px!important;border-radius:6px!important;font-size:11.5px!important;padding:5px 7px!important;background:#ff3333!important;}
  .product-card h3{font-size:13.5px!important;line-height:1.35!important;min-height:38px!important;margin:8px 0 5px!important;font-weight:700!important;color:#111827!important;}
  .product-card strong{font-size:16px!important;line-height:1.1!important;color:#ff3333!important;font-weight:800!important;}
  .product-card del{font-size:12px!important;color:#a3a3a3!important;margin-top:3px!important;}
  .product-extra{display:flex!important;flex-direction:column!important;gap:4px!important;margin-top:7px!important;}
  .ship-fast{display:inline-flex!important;width:max-content!important;background:#e8f3ff!important;color:#1369a8!important;border-radius:6px!important;padding:3px 6px!important;font-size:11px!important;font-weight:700!important;}
  .rating-line{font-size:11.5px!important;color:#555!important;}
  .product-card .btn{display:none!important;}
  .section{width:calc(100% - 18px)!important;margin-left:auto!important;margin-right:auto!important;}
  .section-head h2{font-size:21px!important;font-weight:800!important;color:#111827!important;}
  .section-head a{font-size:14px!important;color:#ff3333!important;font-weight:700!important;}

  /* mobile category browser */
  .category-banner{display:none!important;}
  .mobile-category-browser{display:grid!important;grid-template-columns:86px 1fr!important;width:100%!important;margin:0!important;background:#fff!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;}
  .mobile-cat-sidebar{background:#f5f5f5!important;max-height:360px!important;overflow:auto!important;}
  .mobile-cat-sidebar a{display:flex!important;min-height:72px!important;padding:8px 4px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;font-size:11px!important;line-height:1.2!important;text-align:center!important;color:#40444c!important;border-left:3px solid transparent!important;}
  .mobile-cat-sidebar a.active{background:#fff!important;border-left-color:#ff3333!important;color:#ff3333!important;font-weight:700!important;}
  .mobile-cat-sidebar .svg-icon{width:23px!important;height:23px!important;stroke:currentColor!important;}
  .mobile-cat-content{padding:12px 10px!important;min-width:0!important;}
  .mobile-cat-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important;}
  .mobile-cat-title b{font-size:16px!important;color:#111827!important;}
  .mobile-cat-title a{font-size:12px!important;color:#ff3333!important;font-weight:700!important;}
  .mobile-cat-tabs{display:flex!important;gap:8px!important;overflow:auto!important;scrollbar-width:none!important;}
  .mobile-cat-tabs::-webkit-scrollbar{display:none!important;}
  .mobile-cat-tabs a{white-space:nowrap!important;border:1px solid #e8e8e8!important;background:#fff!important;border-radius:8px!important;padding:8px 10px!important;font-size:12px!important;}
  .product-layout{display:block!important;width:calc(100% - 18px)!important;margin:12px auto!important;}
  .filters{display:none!important;}
  .products-area .breadcrumb,.products-area>p{display:none!important;}
  .listing-head h1{font-size:23px!important;font-weight:800!important;color:#111827!important;}
  .listing-head select{height:36px!important;border:1px solid #e5e7eb!important;border-radius:8px!important;background:#fff!important;}
  .mobile-filter-row{display:flex!important;margin:8px 0 12px!important;}

  /* product detail: CellphoneS-like mobile */
  .cps-product-detail{width:100%!important;padding:0 10px 112px!important;margin:0!important;}
  .cps-product-detail .breadcrumb{display:none!important;}
  .product-main{display:block!important;gap:0!important;}
  .gallery{border:0!important;padding:0!important;background:#fff!important;border-radius:0!important;}
  .mobile-product-title{display:none!important;}
  .gallery .main-img{width:100%!important;height:330px!important;object-fit:contain!important;background:#fff!important;border:1px solid #eeeeee!important;border-radius:16px!important;margin:8px 0 10px!important;}
  .thumbs{display:flex!important;gap:8px!important;overflow-x:auto!important;margin:0 0 10px!important;scrollbar-width:none!important;}
  .thumbs::-webkit-scrollbar{display:none!important;}
  .thumbs img,.thumbs span{flex:0 0 70px!important;width:70px!important;height:58px!important;border:1px solid #e5e7eb!important;border-radius:9px!important;background:#fff!important;display:grid!important;place-items:center!important;object-fit:contain!important;font-size:12px!important;color:#111827!important;}
  .thumbs img.active{border-color:#ff3333!important;box-shadow:0 0 0 1px #ff3333 inset!important;}
  .spec-icons{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin:8px 0 10px!important;}
  .spec-icons span{min-height:66px!important;border:1px solid #eeeeee!important;border-radius:11px!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:7px 4px!important;text-align:center!important;}
  .spec-icons .svg-icon{width:23px!important;height:23px!important;stroke:#111!important;}
  .spec-icons b{font-size:11.5px!important;line-height:1.2!important;}
  .spec-icons small{font-size:10.5px!important;line-height:1.15!important;color:#555!important;}
  .product-info{border:0!important;padding:0!important;background:#fff!important;border-radius:0!important;margin:0!important;}
  .product-info>h1{display:block!important;font-size:23px!important;line-height:1.28!important;margin:8px 0 7px!important;color:#111827!important;font-weight:800!important;}
  .product-info>h1 em{display:none!important;}
  .product-info>.rating{display:block!important;color:#2f333a!important;font-size:13.5px!important;margin:0 0 7px!important;}
  .product-info>.price{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:8px 0 10px!important;}
  .product-info>.price strong{font-size:28px!important;color:#ff3333!important;font-weight:800!important;letter-spacing:-.2px!important;}
  .product-info>.price del{font-size:16px!important;color:#999!important;}
  .product-info>.price span{background:#ffe8e8!important;color:#ff3333!important;border-radius:8px!important;padding:7px 9px!important;font-size:14px!important;}
  .option{margin:14px 0!important;}
  .option>label:first-child{display:block!important;font-size:16px!important;font-weight:800!important;margin:0 0 8px!important;color:#111827!important;}
  .option label{display:inline-block!important;margin:0 8px 8px 0!important;}
  .option label input{display:none!important;}
  .option label span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border:1px solid #e5e7eb!important;border-radius:9px!important;padding:8px 12px!important;background:#fff!important;color:#111827!important;font-size:14px!important;font-weight:600!important;}
  .option label input:checked+span{border-color:#ff3333!important;color:#ff3333!important;box-shadow:0 0 0 1px #ff3333 inset!important;}
  .option-with-image{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;}
  .option-with-image>label:first-child{grid-column:1/-1!important;display:block!important;}
  .option-with-image label{display:block!important;margin:0!important;}
  .option-with-image label span{width:100%!important;justify-content:flex-start!important;gap:8px!important;padding:8px!important;min-height:58px!important;}
  .option-with-image label img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:7px!important;background:#fff!important;}
  .option-with-image label b{font-size:13px!important;line-height:1.2!important;}
  .commit-box{border:1px solid #d8e8ff!important;background:#fbfdff!important;border-radius:12px!important;padding:10px 12px!important;margin:10px 0!important;font-size:13.5px!important;color:#374151!important;}
  .commit-box p{margin:5px 0!important;}
  .delivery-note{font-size:13px!important;color:#6b7280!important;margin:8px 0!important;}
  .buy-actions{display:none!important;}
  .product-tabs{border:0!important;padding:0!important;background:transparent!important;border-radius:0!important;margin:14px 0 0!important;}
  .product-tabs nav{display:none!important;}
  .tab-content{display:block!important;padding:0!important;}
  .spec-table-card,.description-card,.reviews{border:1px solid #eeeeee!important;background:#fff!important;border-radius:12px!important;padding:12px!important;margin:0 0 12px!important;box-shadow:none!important;}
  .spec-table-card h2,.description-card h2,.reviews h2{font-size:19px!important;font-weight:800!important;margin:0 0 10px!important;color:#111827!important;}
  .spec-table-card table{width:100%!important;border-collapse:collapse!important;}
  .spec-table-card th,.spec-table-card td{font-size:13px!important;line-height:1.35!important;padding:9px!important;border:1px solid #f1f1f1!important;text-align:left!important;}
  .spec-table-card th{background:#f8f8f8!important;color:#555!important;width:38%!important;}
  .description-card article{font-size:14px!important;line-height:1.65!important;max-height:260px!important;overflow:auto!important;color:#20242c!important;}
  .reviews .score{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:8px!important;align-items:center!important;margin-bottom:8px!important;}
  .reviews .score b{font-size:30px!important;color:#111827!important;}
  .reviews .score span{color:#f7b500!important;}
  .reviews .score button{height:38px!important;border-radius:8px!important;padding:0 12px!important;font-size:13px!important;}
  .review{border-top:1px solid #eee!important;padding-top:10px!important;margin-top:10px!important;}
  .review b{font-size:14px!important;color:#111827!important;}
  .review p{font-size:13.5px!important;line-height:1.5!important;margin:6px 0!important;}
  .review-photos img{width:64px!important;height:64px!important;border-radius:8px!important;object-fit:cover!important;}
  .detail-hard-cta{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:920!important;display:block!important;background:#fff!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -10px 28px rgba(0,0,0,.10)!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;}
  .sticky-price-line{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 7px!important;min-height:24px!important;color:#6b7280!important;}
  .sticky-price-line span{margin-right:auto!important;font-size:15px!important;color:#111827!important;font-weight:500!important;}
  .sticky-price-line del{font-size:13px!important;color:#9ca3af!important;}
  .sticky-price-line strong{font-size:20px!important;color:#c53030!important;font-weight:800!important;}
  .sticky-action-row{display:grid!important;grid-template-columns:54px 1fr 54px!important;gap:10px!important;align-items:center!important;}
  .detail-hard-cta .sticky-call,.detail-hard-cta .sticky-cart{height:50px!important;border:1px solid #e5e7eb!important;border-radius:9px!important;background:#fff!important;display:grid!important;place-items:center!important;}
  .detail-hard-cta .sticky-call .svg-icon,.detail-hard-cta .sticky-cart .svg-icon{width:25px!important;height:25px!important;stroke:#111!important;}
  .detail-hard-cta .sticky-buy{height:50px!important;border:0!important;border-radius:9px!important;background:#ff3333!important;color:#fff!important;font-size:18px!important;font-weight:800!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;}
  .detail-hard-cta .sticky-buy small{display:block!important;color:#fff!important;font-size:11.5px!important;font-weight:500!important;}
  .mobile-bottom-nav.is-hidden-on-detail{display:none!important;}

  /* mobile bottom nav */
  .mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:68px!important;background:#fff!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -8px 28px rgba(17,24,39,.08)!important;z-index:890!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;padding:5px 2px calc(5px + env(safe-area-inset-bottom))!important;}
  .mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#676b75!important;font-size:11.2px!important;font-weight:700!important;line-height:1.1!important;}
  .mobile-bottom-nav .svg-icon{width:23px!important;height:23px!important;stroke:#676b75!important;stroke-width:3!important;}
  .mobile-bottom-nav a.active{color:#e60012!important;}
  .mobile-bottom-nav a.active .svg-icon{stroke:#e60012!important;}

  /* contact radial like CellphoneS */
  .contact-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;z-index:930!important;opacity:0!important;pointer-events:none!important;transition:.2s ease!important;}
  body.contact-open .contact-overlay{opacity:1!important;pointer-events:auto!important;}
  .floating-contact{position:fixed!important;right:18px!important;bottom:86px!important;width:62px!important;height:62px!important;z-index:940!important;}
  body:has(.cps-product-detail) .floating-contact{bottom:142px!important;}
  .float-main{position:absolute!important;right:0!important;bottom:0!important;width:62px!important;height:62px!important;border-radius:50%!important;border:0!important;background:#e60012!important;color:#fff!important;box-shadow:0 14px 34px rgba(230,0,18,.35)!important;display:grid!important;place-items:center!important;z-index:5!important;}
  .float-main .float-phone{display:block!important;}
  .float-main .float-close{display:none!important;font-size:48px!important;font-weight:300!important;line-height:1!important;color:#fff!important;transform:translateY(-2px)!important;}
  .float-main .svg-icon{width:28px!important;height:28px!important;stroke:#fff!important;}
  .floating-contact.is-open .float-phone{display:none!important;}
  .floating-contact.is-open .float-close{display:block!important;}
  .float-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;display:block!important;pointer-events:none!important;}
  .float-item{position:absolute!important;right:0!important;bottom:0!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#fff!important;opacity:0!important;pointer-events:none!important;transform:translate(0,0) scale(.65)!important;transform-origin:right bottom!important;transition:.24s cubic-bezier(.18,.9,.23,1.18)!important;}
  .float-label{order:1!important;display:flex!important;align-items:center!important;justify-content:center!important;height:34px!important;padding:0 13px!important;background:#fff!important;color:#2b2f37!important;border-radius:8px!important;font-size:14px!important;font-weight:800!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important;white-space:nowrap!important;}
  .float-circle{order:2!important;width:56px!important;height:56px!important;min-width:56px!important;border-radius:50%!important;display:grid!important;place-items:center!important;box-shadow:0 10px 22px rgba(0,0,0,.25)!important;color:#fff!important;font-weight:800!important;}
  .float-call .float-circle{background:#ffc107!important;}
  .float-chat .float-circle{background:#13a84f!important;font-size:20px!important;letter-spacing:2px!important;}
  .float-zalo .float-circle{background:#1d6cff!important;color:#1262e7!important;font-size:13px!important;background-image:radial-gradient(circle at 50% 45%,#fff 0 24px,transparent 25px)!important;}
  .floating-contact.is-open .float-item{opacity:1!important;pointer-events:auto!important;}
  .floating-contact.is-open .float-call{transform:translate(-2px,-156px) scale(1)!important;}
  .floating-contact.is-open .float-chat{transform:translate(-94px,-96px) scale(1)!important;}
  .floating-contact.is-open .float-zalo{transform:translate(-56px,-36px) scale(1)!important;}
}
@media(min-width:769px){
  .site-header{position:sticky!important;top:0!important;z-index:100!important;}
  .nav-item{color:#111827!important;font-size:15px!important;font-weight:700!important;}
  .nav-item .svg-icon{stroke:#ff3333!important;}
  .hero-section.mobile-compact-hero img{aspect-ratio:1440/430!important;object-fit:cover!important;object-position:center!important;}
  .flash-panel{display:none}.flash-panel.active{display:block}
}

/* ===== FINAL HOTFIX 2026-07-08: CellphoneS tone, banner, deal block, contact overlay ===== */
:root{--red:#d70018!important;--orange:#d70018!important;--primary:#d70018!important;--primary-dark:#c40016!important;--primary-light:#fff0f2!important;--grad:linear-gradient(180deg,#e52a3c 0%,#d70018 100%)!important;--text:#111827!important;--muted:#6b7280!important;--border:#e5e7eb!important;--shadow:0 10px 26px rgba(17,24,39,.08)!important}
.site-header,.top-marquee,.search button,.btn,.sticky-buy,.detail-hard-cta .sticky-buy{--red:#d70018!important;background-color:#fff}.top-marquee{background:linear-gradient(180deg,#e52a3c,#d70018)!important}.search button,.btn:not(.outline),.btn.big.buy-now,.sticky-buy,.detail-hard-cta .sticky-buy{background:#d70018!important;border-color:#d70018!important}.nav-item:hover,.section-head a,.filter-head a,.price strong,.product-card strong,.mobile-bottom-nav a.active,.rating-line .star{color:#d70018!important}.product-card em,.cart-link em,.mobile-cart-badge{background:#d70018!important}.header-main{max-width:1220px;margin:auto}.hero-section.mobile-compact-hero{background:#fff!important;padding:14px 0 22px!important}.hero-section.mobile-compact-hero .container{width:min(1220px,calc(100% - 32px))!important;max-width:1220px!important;margin:auto!important}.hero-section.mobile-compact-hero picture{display:block!important;overflow:hidden!important;border-radius:16px!important;background:#d70018!important;box-shadow:0 12px 30px rgba(17,24,39,.08)!important}.hero-section.mobile-compact-hero img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1320/340!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;box-shadow:none!important;filter:none!important}.hero-section.mobile-compact-hero picture:before,.hero-section.mobile-compact-hero picture:after{display:none!important;content:none!important}.hero-section.mobile-compact-hero .swiper-slide-prev,.hero-section.mobile-compact-hero .swiper-slide-next{display:none!important}.shortcut-row{margin-top:12px!important}.cps-deal-section{background:#f1f8ff!important;border:2px solid #72a7ff!important;border-radius:16px!important;padding:0 18px 18px!important;box-shadow:none!important;overflow:hidden!important}.flash-head{display:none!important}.cps-deal-top{display:flex!important;align-items:stretch!important;justify-content:space-between!important;gap:14px!important;margin:0 -18px 12px!important;padding:0!important;background:transparent!important}.cps-deal-tabs{display:grid!important;grid-template-columns:1.08fr 1fr 1fr!important;flex:1!important;min-height:70px!important;overflow:hidden!important;border-bottom:2px solid #72a7ff!important}.cps-deal-tabs button{position:relative!important;border:0!important;border-right:1px solid #d7e7ff!important;border-radius:0!important;background:#fff!important;color:#16304e!important;padding:10px 20px!important;text-align:center!important;font-weight:800!important;line-height:1.05!important;box-shadow:0 8px 18px rgba(17,24,39,.06)!important;cursor:pointer!important;text-transform:uppercase!important}.cps-deal-tabs button span{display:block!important;font-size:18px!important;letter-spacing:.03em!important;color:#1d7ee5!important}.cps-deal-tabs button b{display:block!important;font-size:22px!important;letter-spacing:.04em!important}.cps-deal-tabs button.active{background:#fff!important;color:#0c2442!important;box-shadow:0 0 0 2px #72a7ff inset!important}.cps-deal-tabs .deal-tab-blue,.cps-deal-tabs button[data-tab="deal"].active{background:linear-gradient(135deg,#0b77ff 0%,#0056d9 100%)!important;color:#fff!important;transform:skewX(-8deg);border-radius:0 0 16px 0!important}.cps-deal-tabs .deal-tab-blue span,.cps-deal-tabs button[data-tab="deal"].active span,.cps-deal-tabs .deal-tab-blue b,.cps-deal-tabs button[data-tab="deal"].active b{color:#fff!important;transform:skewX(8deg);text-shadow:0 2px 0 rgba(0,0,0,.12)}.cps-deal-tabs button[data-tab="deal"] b{color:#ffd928!important}.cps-countdown{align-self:center!important;margin-right:12px!important;background:#111!important;color:#fff!important;border-radius:999px!important;padding:8px 12px!important;min-width:116px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:800!important}.cps-countdown span{background:#d70018!important;color:#fff!important;border-radius:6px!important;min-width:28px!important;height:28px!important;display:inline-grid!important;place-items:center!important;margin:0 4px!important}.cps-deal-chips{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:0 0 12px!important;scrollbar-width:none!important}.cps-deal-chips::-webkit-scrollbar{display:none!important}.cps-deal-chips button{white-space:nowrap!important;background:#fff!important;border:1px solid #bfdcff!important;border-radius:8px!important;color:#111827!important;min-height:34px!important;padding:7px 18px!important;font-size:14px!important;font-weight:650!important}.cps-deal-chips button:first-child{color:#0b75bd!important;background:#e9f4ff!important;border-color:#7ab8ff!important}.flash-panel{display:none!important}.flash-panel.active{display:block!important}.flash-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important;padding:0!important}.cps-deal-card{border:0!important;border-radius:14px!important;background:#fff!important;padding:10px!important;box-shadow:0 8px 20px rgba(17,24,39,.06)!important;min-width:0!important;max-width:none!important}.cps-deal-card .img{height:210px!important;aspect-ratio:auto!important;background:#fff!important;overflow:hidden!important}.cps-deal-card .img img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important}.cps-deal-card .img em{background:#d70018!important;border-radius:5px!important;top:0!important;left:0!important;font-size:12px!important;font-weight:800!important;padding:6px 9px!important}.installment-tag{position:absolute!important;right:0!important;top:0!important;background:#e8f2ff!important;color:#2b74d6!important;border-radius:0 0 0 8px!important;padding:6px 10px!important;font-size:12px!important;font-weight:650!important}.cps-deal-card h3{font-size:15px!important;line-height:1.35!important;min-height:42px!important;margin:8px 0!important;font-weight:700!important;color:#111827!important}.deal-price{display:flex!important;align-items:baseline!important;gap:7px!important;margin:4px 0!important}.deal-price strong{font-size:18px!important;color:#d70018!important;font-weight:800!important}.deal-price del{font-size:12px!important;color:#9ca3af!important;margin:0!important}.deal-benefits{display:grid!important;gap:5px!important;margin:7px 0!important}.deal-benefits span{display:block!important;border-radius:4px!important;background:#dcecff!important;color:#1e3a8a!important;font-size:12px!important;font-weight:600!important;padding:4px 7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.deal-benefits span:nth-child(2){background:#f0e6ff!important;color:#5b21b6!important}.deal-card-foot{display:flex!important;align-items:center!important;gap:6px!important;margin-top:8px!important}.fast-2h{background:#3b8df7!important;color:#fff!important;border-radius:5px!important;padding:4px 8px!important;font-weight:800!important;font-size:12px!important}.deal-card-foot .star{color:#f6b400!important;font-size:13px!important;font-weight:750!important}.deal-card-foot .sold{font-size:11px!important;color:#6b7280!important;margin-left:auto!important;white-space:nowrap!important}.deal-card-foot button{border:0!important;background:transparent!important;color:#3b82f6!important;font-size:24px!important;line-height:1!important;padding:0!important}.contact-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.42)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:900!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.contact-open .contact-overlay,.contact-overlay.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.floating-contact{z-index:950!important}.floating-contact *{opacity:1!important;filter:none!important}.float-item,.float-main,.float-label,.float-circle{filter:none!important}.product-detail .contact-overlay{z-index:900!important}.product-detail .floating-contact{z-index:950!important}
@media(max-width:1100px){.flash-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cps-deal-tabs button b{font-size:18px!important}.cps-deal-tabs button span{font-size:15px!important}.cps-deal-card .img{height:185px!important}}
@media(max-width:768px){:root{--red:#d70018!important}.mobile-site-top,.site-header{background:linear-gradient(180deg,#e52a3c 0%,#d70018 100%)!important}.mobile-logo-img{width:58px!important;max-height:30px!important;object-fit:contain!important}.brand img[src*="logo-j09-mobile"]{width:62px!important;max-height:32px!important;object-fit:contain!important}.hero-section.mobile-compact-hero{padding:8px 0!important;background:#fff!important}.hero-section.mobile-compact-hero .container{width:calc(100% - 18px)!important}.hero-section.mobile-compact-hero picture{border-radius:10px!important;box-shadow:none!important;background:#d70018!important}.hero-section.mobile-compact-hero img{aspect-ratio:760/290!important;height:auto!important;max-height:none!important;object-fit:cover!important;object-position:center!important}.cps-deal-section{width:calc(100% - 18px)!important;margin:12px auto 16px!important;padding:0 8px 10px!important;border-radius:12px!important;border:1.5px solid #72a7ff!important;background:#f1f8ff!important}.cps-deal-top{display:block!important;margin:0 -8px 8px!important}.cps-deal-tabs{grid-template-columns:1.1fr 1fr 1fr!important;min-height:62px!important;border-bottom:2px solid #72a7ff!important;overflow:hidden!important}.cps-deal-tabs button{padding:7px 4px!important}.cps-deal-tabs button span{font-size:11px!important;line-height:1.1!important}.cps-deal-tabs button b{font-size:14px!important;line-height:1.1!important}.cps-deal-tabs .deal-tab-blue,.cps-deal-tabs button[data-tab="deal"].active{border-radius:10px 0 10px 0!important}.cps-countdown{position:absolute!important;right:10px!important;top:8px!important;min-width:86px!important;height:32px!important;padding:5px 8px!important;font-size:12px!important;z-index:2!important}.cps-countdown span{min-width:20px!important;height:20px!important;border-radius:5px!important;margin:0 2px!important}.cps-deal-chips{gap:7px!important;padding:8px 0!important}.cps-deal-chips button{min-height:31px!important;padding:6px 13px!important;font-size:12.5px!important;border-radius:8px!important}.flash-row{display:flex!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:0 0 5px!important;scrollbar-width:none!important}.flash-row::-webkit-scrollbar{display:none!important}.cps-deal-card{min-width:46.5%!important;max-width:46.5%!important;scroll-snap-align:start!important;border-radius:12px!important;padding:8px!important}.cps-deal-card .img{height:134px!important}.cps-deal-card h3{font-size:13px!important;line-height:1.35!important;min-height:38px!important}.deal-price strong{font-size:16px!important}.deal-benefits span{font-size:10.5px!important;padding:3px 5px!important}.deal-card-foot .sold{display:none!important}.fast-2h{font-size:11px!important;padding:4px 6px!important}.floating-contact{right:18px!important;bottom:84px!important;width:58px!important;height:58px!important}.product-detail .floating-contact{bottom:132px!important}.float-main{width:58px!important;height:58px!important}.float-main .float-close{font-size:42px!important}.float-circle{width:50px!important;height:50px!important;min-width:50px!important}.float-label{height:31px!important;font-size:12.5px!important;padding:0 10px!important}.floating-contact.is-open .float-call{transform:translate(-2px,-132px) scale(1)!important}.floating-contact.is-open .float-chat{transform:translate(-78px,-82px) scale(1)!important}.floating-contact.is-open .float-zalo{transform:translate(-38px,-32px) scale(1)!important}}



/* ===== HOTFIX 2026-07-08: restore mobile logo + detail layout + clear contact menu ===== */
.rating .stars, .mobile-product-title .stars, .product-info .stars { color:#f6b400!important; letter-spacing:1px!important; }
@media(max-width:768px){
  /* Mobile logo: use clean text fallback so it never becomes a white empty block */
  .header-main{grid-template-columns:66px minmax(0,1fr) 52px!important;gap:8px!important;padding-left:10px!important;padding-right:10px!important}
  .brand{width:66px!important;min-width:66px!important;height:44px!important;background:transparent!important;border:0!important;overflow:visible!important;position:relative!important}
  .brand .logo-desktop,.brand .logo-mobile,.brand img{display:none!important}
  .brand:before{content:'J09'!important;display:block!important;color:#fff!important;font-size:25px!important;line-height:1!important;font-weight:900!important;font-style:italic!important;letter-spacing:-1.6px!important;text-shadow:0 2px 5px rgba(0,0,0,.22)!important;white-space:nowrap!important}
  .brand:after{content:'VIỆT NAM'!important;display:block!important;color:#fff!important;font-size:5.5px!important;line-height:1!important;font-weight:800!important;letter-spacing:2px!important;margin-top:3px!important;opacity:.96!important}
  .search{height:42px!important}.search input{font-size:14.5px!important}.search button{width:45px!important}.cart-link{width:50px!important;height:50px!important}

  /* Product detail: keep the CellphoneS-like title/breadcrumb/rating instead of falling back to the old layout */
  .cps-product-detail{padding-top:0!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:128px!important}
  .cps-product-detail .breadcrumb{display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;white-space:nowrap!important;margin:0 -10px 8px!important;padding:10px 10px!important;background:#fff!important;border-bottom:1px solid #f1f1f1!important;color:#111827!important;font-size:13px!important;font-weight:500!important;scrollbar-width:none!important}
  .cps-product-detail .breadcrumb::-webkit-scrollbar{display:none!important}
  .cps-product-detail .breadcrumb a{color:#111827!important;font-weight:600!important}
  .gallery .mobile-product-title{display:block!important;padding:6px 0 9px!important;background:#fff!important}
  .gallery .mobile-product-title p{margin:0 0 5px!important;color:#d70018!important;font-size:13px!important;font-weight:650!important}
  .gallery .mobile-product-title h1{display:block!important;margin:0 0 7px!important;font-size:22px!important;line-height:1.27!important;color:#111827!important;font-weight:800!important}
  .gallery .mobile-product-title .rating{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important;margin:0 0 8px!important;color:#111827!important;font-size:13px!important}
  .gallery .mobile-product-title .price{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important}
  .gallery .mobile-product-title .price strong{font-size:24px!important;color:#d70018!important;font-weight:800!important}
  .gallery .mobile-product-title .price del{font-size:14px!important;color:#8b8b8b!important}
  .gallery .mobile-product-title .price span{background:#ffe8e8!important;color:#d70018!important;border-radius:8px!important;padding:6px 8px!important;font-size:13px!important;font-weight:700!important}
  .product-info>h1,.product-info>.rating,.product-info>.price{display:none!important}
  .gallery .main-img{height:310px!important;margin-top:4px!important;border-radius:14px!important}
  .thumbs{margin:10px 0 8px!important}
  .thumbs img,.thumbs span{width:69px!important;height:55px!important}
  .spec-icons{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;margin:8px 0 10px!important}
  .spec-icons span{min-height:58px!important;border:1px solid #dcecff!important;background:#f7fbff!important;border-radius:10px!important;padding:6px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-align:center!important}
  .spec-icons .svg-icon{width:19px!important;height:19px!important;stroke:#111827!important;stroke-width:2.5!important}
  .spec-icons b{font-size:12px!important;line-height:1.1!important;color:#111827!important;font-weight:800!important}
  .spec-icons small{font-size:10.5px!important;line-height:1.1!important;color:#4b5563!important}

  /* Contact menu: background dim only, floating buttons stay sharp and compact */
  .contact-overlay{background:rgba(0,0,0,.38)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:900!important}
  .floating-contact{right:18px!important;bottom:86px!important;z-index:1300!important;width:56px!important;height:56px!important;filter:none!important;opacity:1!important}
  .product-detail .floating-contact{bottom:132px!important}
  .floating-contact *{filter:none!important;opacity:1!important}
  .float-main{width:56px!important;height:56px!important;background:#d70018!important;box-shadow:0 10px 22px rgba(215,0,24,.28)!important}
  .float-main .float-close{font-size:40px!important;line-height:1!important}
  .float-circle{width:48px!important;height:48px!important;min-width:48px!important}
  .float-label{height:30px!important;border-radius:8px!important;font-size:12px!important;padding:0 10px!important;background:#fff!important;color:#111827!important;box-shadow:0 5px 16px rgba(0,0,0,.18)!important}
  .floating-contact.is-open .float-call{transform:translate(-4px,-124px) scale(1)!important}
  .floating-contact.is-open .float-chat{transform:translate(-82px,-76px) scale(1)!important}
  .floating-contact.is-open .float-zalo{transform:translate(-42px,-28px) scale(1)!important}

  /* Detail fixed CTA must remain clear and above Safari/browser UI */
  .detail-hard-cta{z-index:1250!important;height:72px!important;grid-template-columns:52px 1fr 52px!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important}
  .detail-hard-cta .sticky-buy{height:46px!important;background:#d70018!important;border-radius:8px!important;font-weight:800!important}
  .detail-hard-cta .sticky-call,.detail-hard-cta .sticky-cart{height:46px!important;border-radius:8px!important;background:#fff!important}
}




/* ===== HOTFIX FINAL: contact menu clean + colored spec chips ===== */
@media(max-width:768px){
  /* Colored quick spec chips on product detail */
  .cps-product-detail .spec-icons{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    margin:8px 0 10px!important;
  }
  .cps-product-detail .spec-icons span{
    min-height:56px!important;
    padding:6px 3px!important;
    border:1px solid #bfdbfe!important;
    background:linear-gradient(180deg,#eff6ff 0%,#f8fbff 100%)!important;
    border-radius:10px!important;
    box-shadow:0 3px 10px rgba(37,99,235,.05)!important;
    color:#0f172a!important;
  }
  .cps-product-detail .spec-icons .svg-icon{
    width:18px!important;
    height:18px!important;
    stroke:#2563eb!important;
    stroke-width:2.6!important;
    margin-bottom:2px!important;
  }
  .cps-product-detail .spec-icons b{
    color:#111827!important;
    font-weight:800!important;
    font-size:11.8px!important;
    line-height:1.05!important;
  }
  .cps-product-detail .spec-icons small{
    color:#1d4ed8!important;
    font-weight:600!important;
    font-size:9.8px!important;
    line-height:1.05!important;
  }

  /* Rewrite floating contact from scratch. Keep X compact in bottom-right, children spread lightly around it. */
  body .contact-overlay{
    position:fixed!important;
    inset:0!important;
    background:rgba(0,0,0,.36)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:900!important;
    transition:opacity .18s ease, visibility .18s ease!important;
  }
  body.contact-open .contact-overlay,
  body .contact-overlay.active{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body .floating-contact,
  body .product-detail .floating-contact{
    position:fixed!important;
    right:18px!important;
    bottom:86px!important;
    width:54px!important;
    height:54px!important;
    z-index:1300!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  body .product-detail .floating-contact{
    bottom:128px!important;
  }
  body .floating-contact *,
  body .floating-contact.is-open *{
    opacity:1!important;
    filter:none!important;
  }

  body .floating-contact .float-main{
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    width:54px!important;
    height:54px!important;
    border-radius:50%!important;
    border:0!important;
    background:#d70018!important;
    color:#fff!important;
    box-shadow:0 10px 26px rgba(215,0,24,.32)!important;
    z-index:4!important;
    display:grid!important;
    place-items:center!important;
    transform:none!important;
  }
  body .floating-contact .float-main .float-phone{
    display:block!important;
  }
  body .floating-contact .float-main .float-close{
    display:none!important;
    font-size:36px!important;
    line-height:1!important;
    font-weight:300!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
  }
  body .floating-contact.is-open .float-main .float-phone{
    display:none!important;
  }
  body .floating-contact.is-open .float-main .float-close{
    display:block!important;
  }

  body .floating-contact .float-menu{
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    width:54px!important;
    height:54px!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    min-width:0!important;
    pointer-events:none!important;
    z-index:3!important;
  }
  body .floating-contact .float-item{
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    color:inherit!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transform:translate(0,0) scale(.82)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:transform .18s ease, opacity .18s ease!important;
  }
  body .floating-contact.is-open .float-menu,
  body .floating-contact.is-open .float-item{
    pointer-events:auto!important;
  }
  body .floating-contact.is-open .float-item{
    opacity:1!important;
  }

  body .floating-contact .float-label{
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 9px!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#111827!important;
    font-size:11.5px!important;
    font-weight:750!important;
    box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
  }
  body .floating-contact .float-circle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
    font-weight:800!important;
  }
  body .floating-contact .float-circle .svg-icon{
    width:21px!important;
    height:21px!important;
    stroke:#fff!important;
  }
  body .floating-contact .float-call .float-circle{
    background:#ffc107!important;
  }
  body .floating-contact .float-chat .float-circle{
    background:#09a64f!important;
    color:#fff!important;
    font-size:18px!important;
    letter-spacing:2px!important;
  }
  body .floating-contact .float-zalo .float-circle{
    background:#1d6cff!important;
    color:#1760d0!important;
    font-size:11px!important;
    background-image:radial-gradient(circle at 50% 50%,#fff 0 20px,transparent 21px)!important;
  }

  /* Compact positions: X is base. Items fan out but don't cover too much content. */
  body .floating-contact.is-open .float-call{
    transform:translate(-2px,-108px) scale(1)!important;
  }
  body .floating-contact.is-open .float-chat{
    transform:translate(-76px,-68px) scale(1)!important;
  }
  body .floating-contact.is-open .float-zalo{
    transform:translate(-36px,-30px) scale(1)!important;
  }
}




/* ===== HOTFIX 2026-07-08: hide contact children when closed + force spec chips blue ===== */
@media(max-width:768px){
  /* 1) FIX CONTACT: khi chưa mở thì ẩn tuyệt đối toàn bộ nút con, không cho lòi label Zalo/Chat */
  body .floating-contact:not(.is-open) .float-menu,
  body .floating-contact:not(.is-open) .float-item,
  body .floating-contact:not(.is-open) .float-label,
  body .floating-contact:not(.is-open) .float-circle{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    filter:none!important;
  }

  body .floating-contact:not(.is-open) .float-item{
    transform:translate(0,0) scale(.72)!important;
  }

  body .floating-contact.is-open .float-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    filter:none!important;
  }

  body .floating-contact.is-open .float-item,
  body .floating-contact.is-open .float-label,
  body .floating-contact.is-open .float-circle{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    filter:none!important;
  }

  /* Nút chính: đóng là icon gọi, mở là X */
  body .floating-contact .float-main{
    right:0!important;
    bottom:0!important;
    width:54px!important;
    height:54px!important;
    border-radius:50%!important;
    background:#d70018!important;
    z-index:10!important;
  }

  body .floating-contact:not(.is-open) .float-main .float-phone{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body .floating-contact:not(.is-open) .float-main .float-close{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  body .floating-contact.is-open .float-main .float-phone{
    display:none!important;
  }

  body .floating-contact.is-open .float-main .float-close{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    color:#fff!important;
    font-size:38px!important;
    line-height:1!important;
  }

  /* Vị trí gọn: X là tâm, nút con tỏa nhẹ quanh X */
  body .floating-contact,
  body .product-detail .floating-contact{
    position:fixed!important;
    right:18px!important;
    bottom:86px!important;
    width:54px!important;
    height:54px!important;
    z-index:1300!important;
  }

  body .product-detail .floating-contact{
    bottom:128px!important;
  }

  body .floating-contact .float-item{
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    white-space:nowrap!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
    z-index:9!important;
  }

  body .floating-contact .float-label{
    height:28px!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#111827!important;
    font-size:11.5px!important;
    font-weight:750!important;
    padding:0 9px!important;
    box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
  }

  body .floating-contact .float-circle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
  }

  body .floating-contact.is-open .float-call{
    transform:translate(-2px,-108px) scale(1)!important;
  }

  body .floating-contact.is-open .float-chat{
    transform:translate(-76px,-68px) scale(1)!important;
  }

  body .floating-contact.is-open .float-zalo{
    transform:translate(-36px,-30px) scale(1)!important;
  }

  /* Overlay chỉ làm tối nền, không làm mờ cụm nút */
  body .contact-overlay{
    background:rgba(0,0,0,.36)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:900!important;
  }

  body .floating-contact,
  body .floating-contact *{
    filter:none!important;
  }

  /* 2) FIX SPEC CHIPS: ép toàn bộ ô thông số nhanh về màu xanh đồng bộ */
  body .cps-product-detail .spec-icons span{
    background:#eff6ff!important;
    border:1px solid #bfdbfe!important;
    color:#1d4ed8!important;
    box-shadow:0 3px 10px rgba(37,99,235,.05)!important;
  }

  body .cps-product-detail .spec-icons span svg,
  body .cps-product-detail .spec-icons .svg-icon{
    stroke:#2563eb!important;
    color:#2563eb!important;
  }

  body .cps-product-detail .spec-icons span b,
  body .cps-product-detail .spec-icons span small{
    color:#1d4ed8!important;
  }

  body .cps-product-detail .spec-icons span b{
    font-weight:800!important;
  }
}



/* =========================================================
   JUNIOR09 STRICT FINAL OVERRIDE - CONTACT + SPEC CHIPS
   ĐỂ NGUYÊN ĐOẠN NÀY Ở CUỐI CÙNG CỦA FILE style.css
   ========================================================= */

@media (max-width: 768px) {
  /* Contact overlay */
  body .contact-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, .36) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 900 !important;
    transition: opacity .18s ease, visibility .18s ease !important;
  }

  body.contact-open .contact-overlay,
  body .contact-overlay.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Main floating contact wrapper */
  body .floating-contact,
  body .product-detail .floating-contact {
    position: fixed !important;
    right: 18px !important;
    bottom: 86px !important;
    width: 54px !important;
    height: 54px !important;
    z-index: 9999 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body .product-detail .floating-contact {
    bottom: 128px !important;
  }

  /* Main red button always visible */
  body .floating-contact .float-main {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 54px !important;
    height: 54px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #d70018 !important;
    color: #fff !important;
    box-shadow: 0 10px 26px rgba(215, 0, 24, .32) !important;
    display: grid !important;
    place-items: center !important;
    z-index: 30 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body .floating-contact .float-main .svg-icon {
    width: 23px !important;
    height: 23px !important;
    stroke: #fff !important;
  }

  /* CLOSED STATE: hide every child contact item absolutely.
     Dùng body.contact-open + .is-open mới cho hiện, tránh lỗi label Zalo lòi ra. */
  body .floating-contact .float-menu,
  body .floating-contact .float-item,
  body .floating-contact .float-label,
  body .floating-contact .float-circle {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    filter: none !important;
  }

  body:not(.contact-open) .floating-contact .float-menu,
  body:not(.contact-open) .floating-contact .float-item,
  body:not(.contact-open) .floating-contact .float-label,
  body:not(.contact-open) .floating-contact .float-circle {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body .floating-contact:not(.is-open) .float-menu,
  body .floating-contact:not(.is-open) .float-item,
  body .floating-contact:not(.is-open) .float-label,
  body .floating-contact:not(.is-open) .float-circle {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body .floating-contact:not(.is-open) .float-phone {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body .floating-contact:not(.is-open) .float-close {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* OPEN STATE: only visible when BOTH body.contact-open and floatingContact.is-open are present */
  body.contact-open .floating-contact.is-open .float-menu {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 54px !important;
    height: 54px !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 20 !important;
  }

  body.contact-open .floating-contact.is-open .float-item {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    color: inherit !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 21 !important;
  }

  body.contact-open .floating-contact.is-open .float-label {
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 9px !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .16) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.contact-open .floating-contact.is-open .float-circle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .18) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.contact-open .floating-contact.is-open .float-main .float-phone {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  body.contact-open .floating-contact.is-open .float-main .float-close {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #fff !important;
    font-size: 38px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    transform: translateY(-1px) !important;
  }

  /* Compact fan-out positions from X */
  body.contact-open .floating-contact.is-open .float-call {
    transform: translate(-2px, -108px) scale(1) !important;
  }

  body.contact-open .floating-contact.is-open .float-chat {
    transform: translate(-76px, -68px) scale(1) !important;
  }

  body.contact-open .floating-contact.is-open .float-zalo {
    transform: translate(-36px, -30px) scale(1) !important;
  }

  body .floating-contact .float-call .float-circle {
    background: #ffc107 !important;
  }

  body .floating-contact .float-chat .float-circle {
    background: #09a64f !important;
    color: #fff !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
  }

  body .floating-contact .float-zalo .float-circle {
    background: #1d6cff !important;
    color: #1760d0 !important;
    font-size: 11px !important;
    background-image: radial-gradient(circle at 50% 50%, #fff 0 20px, transparent 21px) !important;
  }

  body .floating-contact,
  body .floating-contact * {
    filter: none !important;
  }

  /* Spec chips blue */
  body .cps-product-detail .spec-icons {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 8px 0 10px !important;
  }

  body .cps-product-detail .spec-icons span {
    min-height: 56px !important;
    padding: 6px 3px !important;
    border: 1px solid #bfdbfe !important;
    background: #eff6ff !important;
    border-radius: 10px !important;
    color: #1d4ed8 !important;
    box-shadow: 0 3px 10px rgba(37, 99, 235, .05) !important;
  }

  body .cps-product-detail .spec-icons span svg,
  body .cps-product-detail .spec-icons .svg-icon {
    stroke: #2563eb !important;
    color: #2563eb !important;
  }

  body .cps-product-detail .spec-icons span b,
  body .cps-product-detail .spec-icons span small {
    color: #1d4ed8 !important;
  }

  body .cps-product-detail .spec-icons span b {
    font-weight: 800 !important;
  }
}


/* =========================================================
   JUNIOR09 CONTACT FAB FINAL - NEW CLASS NAMES
   Fix dứt điểm lỗi label/nút con lòi ra do CSS cũ chồng nhau.
   HTML mới dùng: .j09-contact-fab, không còn phụ thuộc .floating-contact.
   ========================================================= */
@media (max-width: 768px) {
  .j09-contact-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.36) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 900 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: opacity .18s ease, visibility .18s ease !important;
  }

  body.j09-contact-open .j09-contact-overlay {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .j09-contact-fab {
    position: fixed !important;
    right: 18px !important;
    bottom: 86px !important;
    width: 54px !important;
    height: 54px !important;
    z-index: 9999 !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  .product-detail .j09-contact-fab,
  .cps-product-detail ~ .j09-contact-fab {
    bottom: 128px !important;
  }

  .j09-contact-main {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
    border: 0 !important;
    background: #d70018 !important;
    color: #fff !important;
    box-shadow: 0 10px 26px rgba(215,0,24,.32) !important;
    display: grid !important;
    place-items: center !important;
    z-index: 20 !important;
    padding: 0 !important;
    cursor: pointer !important;
  }

  .j09-contact-main .svg-icon {
    width: 23px !important;
    height: 23px !important;
    stroke: #fff !important;
  }

  .j09-main-close {
    display: none !important;
    color: #fff !important;
    font-size: 38px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    transform: translateY(-1px) !important;
  }

  .j09-contact-fab.is-open .j09-main-phone {
    display: none !important;
  }

  .j09-contact-fab.is-open .j09-main-close {
    display: block !important;
  }

  /* CLOSED: hide child menu absolutely */
  .j09-contact-menu,
  .j09-contact-item,
  .j09-contact-label,
  .j09-contact-circle {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .j09-contact-menu {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 54px !important;
    height: 54px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: 0 !important;
    z-index: 19 !important;
  }

  .j09-contact-item {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    color: inherit !important;
    text-decoration: none !important;
    transform: translate(0,0) scale(.72) !important;
    transition: transform .18s ease, opacity .18s ease, visibility .18s ease !important;
  }

  .j09-contact-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.16) !important;
  }

  .j09-contact-circle {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.18) !important;
  }

  .j09-contact-circle .svg-icon {
    width: 21px !important;
    height: 21px !important;
    stroke: #fff !important;
  }

  .j09-contact-fab.is-open .j09-contact-menu,
  .j09-contact-fab.is-open .j09-contact-item,
  .j09-contact-fab.is-open .j09-contact-label,
  .j09-contact-fab.is-open .j09-contact-circle {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .j09-contact-fab.is-open .j09-call {
    transform: translate(-2px, -108px) scale(1) !important;
  }

  .j09-contact-fab.is-open .j09-chat {
    transform: translate(-76px, -68px) scale(1) !important;
  }

  .j09-contact-fab.is-open .j09-zalo {
    transform: translate(-36px, -30px) scale(1) !important;
  }

  .j09-call .j09-contact-circle {
    background: #ffc107 !important;
  }

  .j09-chat .j09-contact-circle {
    background: #09a64f !important;
    color: #fff !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
  }

  .j09-zalo .j09-contact-circle {
    background: #1d6cff !important;
    color: #1760d0 !important;
    font-size: 11px !important;
    background-image: radial-gradient(circle at 50% 50%, #fff 0 20px, transparent 21px) !important;
  }
}

/* Desktop: keep contact normal/simple or hide menu until hover */
@media (min-width: 769px) {
  .j09-contact-overlay { display: none !important; }
  .j09-contact-fab {
    position: fixed !important;
    right: 22px !important;
    bottom: 90px !important;
    z-index: 80 !important;
  }
  .j09-contact-main {
    width: 58px !important;
    height: 58px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #d70018 !important;
    color: #fff !important;
    box-shadow: 0 10px 30px rgba(215,0,24,.32) !important;
  }
  .j09-contact-main .svg-icon { stroke:#fff !important; }
  .j09-main-close, .j09-contact-menu { display: none !important; }
}


/* =========================================================
   JUNIOR09 CUSTOMER UI UPDATE - HOME PRODUCT CARD / WARRANTY / VIDEO
   ========================================================= */
:root{--j09-red:#ff3333;--j09-orange:#ff5a1f;--j09-blue:#1478ff;--j09-blue-soft:#eef6ff;--j09-border-blue:#79b7ff}
@media(max-width:768px){
  body{background:#fff!important}
  .top-marquee{background:#ff3333!important;color:#fff!important;text-align:center!important}
  .site-header,.header-main{background:#ff3333!important}
  .search{border-radius:16px!important}
  .cart-link{background:rgba(255,255,255,.14)!important}
  .hero-section.mobile-compact-hero img{border-radius:10px!important;aspect-ratio:760/290!important;object-fit:cover!important}

  /* Home category icons: red-orange 3D feeling, 2 rows x 4 */
  .shortcut-row.junior-categories{grid-template-columns:repeat(4,1fr)!important;background:#fff!important;border-radius:14px!important;border:1px solid #eee!important;box-shadow:0 7px 20px rgba(0,0,0,.06)!important}
  .shortcut-row.junior-categories .shortcut span{border:0!important;background:radial-gradient(circle at 35% 25%,#ffb1a8 0,#ff3b30 45%,#e00018 100%)!important;box-shadow:0 8px 18px rgba(255,51,51,.18)!important;color:#fff!important}
  .shortcut-row.junior-categories .shortcut .svg-icon{stroke:#fff!important}
  .shortcut-row.junior-categories .shortcut b{font-family:Calibri,Arial,sans-serif!important;font-weight:700!important;color:#111827!important}

  /* Deal tabs as screenshot */
  .cps-deal-section{border:2px solid #6aa9ff!important;background:#f3f8ff!important;border-radius:10px!important;padding:0 8px 10px!important}
  .cps-deal-tabs{border-bottom:2px solid #6aa9ff!important;min-height:66px!important}
  .cps-deal-tabs button{background:#fff!important;color:#0f2540!important;font-family:Calibri,Arial,sans-serif!important}
  .cps-deal-tabs button.active,.cps-deal-tabs .deal-tab-blue{background:linear-gradient(135deg,#1687ff,#005ed9)!important;color:#fff!important;border-radius:8px 0 8px 0!important}
  .cps-deal-tabs button span{font-size:11px!important;color:#1d7ee5!important}
  .cps-deal-tabs button.active span,.cps-deal-tabs button.active b{color:#fff!important}
  .cps-deal-tabs button b{font-size:14px!important}
  .cps-countdown{display:none!important}
  .cps-deal-chips button{border-color:#b7d9ff!important;border-radius:6px!important;font-family:Calibri,Arial,sans-serif!important;font-weight:700!important}
  .cps-deal-chips button:first-child{background:#e7f3ff!important;color:#0075ce!important}

  /* Product card requested by customer */
  .product-card.j09-product-card,.product-card.cps-card{border-radius:8px!important;border:1px solid #f1f1f1!important;background:#fff!important;box-shadow:0 5px 16px rgba(0,0,0,.04)!important;padding:0 0 8px!important;overflow:hidden!important;font-family:Calibri,Arial,sans-serif!important}
  .product-card.j09-product-card .img,.product-card.cps-card .img{display:block!important;width:100%!important;aspect-ratio:1/1!important;height:auto!important;background:#fff!important;border-radius:0!important;position:relative!important;overflow:hidden!important}
  .product-card.j09-product-card .img img,.product-card.cps-card .img img{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important}
  .product-card.j09-product-card h3,.product-card.cps-card h3{padding:0 10px!important;margin:9px 0 7px!important;font-family:Calibri,Arial,sans-serif!important;font-size:16px!important;line-height:1.25!important;font-weight:800!important;color:#111827!important;min-height:40px!important}
  .product-card.j09-product-card .card-price,.product-card.cps-card .card-price{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;padding:0 10px!important;margin:0 0 5px!important}
  .product-card.j09-product-card .card-price strong,.product-card.cps-card .card-price strong,.product-card.cps-card>strong{font-family:Calibri,Arial,sans-serif!important;color:#ff3300!important;font-size:22px!important;line-height:1!important;font-weight:800!important;margin:0!important}
  .product-card.j09-product-card .card-price del,.product-card.cps-card .card-price del,.product-card.cps-card>del{font-family:Calibri,Arial,sans-serif!important;color:#cccccc!important;font-size:16px!important;text-decoration:line-through!important;margin-left:auto!important}
  .card-rating-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 10px!important;margin:5px 0!important;font-family:Calibri,Arial,sans-serif!important}
  .card-rating-row .stars{color:#ffcc00!important;font-size:15px!important;line-height:1!important;white-space:nowrap!important}
  .card-rating-row .stars b{color:#111827!important;margin-left:4px!important;font-weight:800!important}
  .card-rating-row .sold{color:#111827!important;font-size:14px!important;font-weight:700!important;white-space:nowrap!important}
  .product-card .ship-fast{display:inline-flex!important;align-items:center!important;gap:3px!important;margin:4px 10px 0!important;padding:4px 8px!important;border-radius:6px!important;background:#fff3e5!important;color:#ff6b00!important;font-family:Calibri,Arial,sans-serif!important;font-size:13px!important;font-weight:800!important}
  .product-card .btn.outline{display:none!important}
}

/* Warranty PC + mobile */
.warranty-page-v2{padding:18px 0 34px}.warranty-title h1{font-size:30px;margin:10px 0 6px}.warranty-title p{color:#4b5563;margin:0 0 22px}.warranty-tabs-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 22px}.warranty-tabs-v2 a{border:1px solid #eee;border-radius:10px;background:#fff;padding:20px 26px;display:flex;align-items:center;gap:18px}.warranty-tabs-v2 a.active{border-color:#ff3333;background:#fff8f8;color:#d70018}.warranty-tabs-v2 .svg-icon{width:34px;height:34px;stroke:#d70018}.warranty-tabs-v2 b{display:block;font-size:18px}.warranty-tabs-v2 small{color:#6b7280}.warranty-layout-v2{display:grid;grid-template-columns:38% 1fr;gap:20px}.warranty-form-card-v2,.warranty-guide-card-v2,.warranty-lookup-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:28px;box-shadow:0 10px 28px rgba(0,0,0,.04)}.warranty-form-card-v2 h2{font-size:28px;margin:0 0 18px}.warranty-form-card-v2 label{display:block;font-weight:700;margin:12px 0 8px}.warranty-form-card-v2 input,.warranty-form-card-v2 select,.warranty-lookup-card input{width:100%;height:44px;border:1px solid #ddd;border-radius:8px;padding:0 14px}.qr-row,.lookup-row{display:flex;gap:10px}.qr-btn{height:44px;border:1px solid #ddd;background:#fff;border-radius:8px;padding:0 15px;color:#d70018;font-weight:700;white-space:nowrap}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.warranty-submit{width:100%;height:50px;background:#d70018!important;margin-top:18px}.guide-head{text-align:center}.guide-head h2{font-size:28px;margin:0}.guide-head h2 span{color:#d70018}.guide-steps-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:28px}.guide-step{background:#fff;border-radius:10px;text-align:center;padding:14px 12px;position:relative;box-shadow:0 8px 22px rgba(0,0,0,.05)}.guide-step b{position:absolute;left:10px;top:10px;background:#d70018;color:#fff;border-radius:4px;padding:5px 10px;font-size:13px}.guide-step>div{height:132px;border-radius:10px;background:linear-gradient(180deg,#fff,#fff1f1);border:1px solid #ffe1e1;margin-bottom:12px}.guide-step h3{font-size:16px;line-height:1.3}.guide-step h3 span{color:#d70018}.warranty-benefits-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:24px;border-top:1px solid #eee;padding-top:20px}.warranty-benefits-v2 div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid #eee}.warranty-benefits-v2 div:last-child{border-right:0}.warranty-benefits-v2 .svg-icon{width:34px;height:34px;stroke:#d70018}

@media(max-width:768px){.warranty-page-v2{width:100%!important;padding:10px 16px 90px!important}.warranty-page-v2 .breadcrumb,.warranty-tabs-v2,.warranty-benefits-v2{display:none!important}.warranty-title h1{font-size:28px!important;margin-top:10px!important}.warranty-title p{font-size:16px!important;line-height:1.55!important}.warranty-layout-v2{display:flex!important;flex-direction:column-reverse!important;gap:16px!important}.warranty-guide-card-v2{margin:0 -16px!important;border-radius:0!important;border:0!important;padding:18px 10px!important;background:linear-gradient(180deg,#fff,#fff7f7)!important}.guide-head h2{font-size:20px!important}.guide-head p{font-size:13px!important}.guide-steps-v2{display:flex!important;overflow-x:auto!important;gap:12px!important;margin-top:16px!important}.guide-step{min-width:170px!important;padding:12px 10px!important}.guide-step>div{height:118px!important}.warranty-form-card-v2,.warranty-lookup-card{border:0!important;box-shadow:none!important;padding:18px 0!important}.warranty-form-card-v2 h2{font-size:30px!important}.form-two{grid-template-columns:1fr!important}.qr-row{align-items:center}.qr-btn{width:105px!important;padding:0 8px!important}.warranty-submit{border-radius:10px!important;background:#ff3333!important}.lookup-row{flex-direction:column}.warranty-alert{margin:10px 0!important}}

/* Video mobile */
.videos-page-v2{padding-bottom:40px}.videos-page-v2 h1{font-size:30px}.videos-intro{font-size:18px;line-height:1.6}.video-page-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-list-card{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden}.video-thumb{position:relative;display:block}.video-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}.video-duration{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.72);color:#fff;border-radius:6px;padding:3px 7px}.video-meta-v2{display:flex;gap:10px;padding:12px}.video-channel-logo{width:36px;height:36px;border-radius:50%;background:#ff3333;color:#fff;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.video-meta-v2 h2{font-size:16px;line-height:1.35;margin:0}.video-meta-v2 p{font-size:12px;color:#6b7280;margin:5px 0 0}.video-meta-v2 button{margin-left:auto;border:0;background:transparent;font-weight:800}
@media(max-width:768px){.videos-page-v2{width:100%!important;padding:14px 12px 90px!important}.videos-page-v2 h1{display:none!important}.videos-intro{font-size:21px!important;line-height:1.55!important;color:#111827!important;margin:0 0 22px!important}.video-page-list{display:block!important}.video-list-card{border:0!important;border-radius:0!important;margin:0 0 28px!important;background:#fff!important;overflow:visible!important}.video-thumb img{border-radius:0!important;width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important}.video-duration{right:8px!important;bottom:8px!important}.video-meta-v2{padding:10px 0 0!important;align-items:flex-start!important}.video-channel-logo{width:44px!important;height:44px!important;background:linear-gradient(135deg,#ffb21b,#ff3333)!important}.video-meta-v2 h2{font-size:21px!important;line-height:1.25!important;font-weight:800!important;color:#111827!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.video-meta-v2 p{font-size:16px!important;color:#6b7280!important;line-height:1.35!important}.video-meta-v2 button{font-size:22px!important;color:#111827!important}}

/* Desktop header/banner color tone red-orange */
.top-marquee{background:#ff3333!important}.search button,.btn:not(.outline),.warranty-submit{background:#ff3333!important;border-color:#ff3333!important}


/* =========================================================
   JUNIOR09 UI IMAGE ICON UPDATE - HEADER / CATEGORY / WARRANTY GUIDE
   ========================================================= */

/* Header phone/cart using generated image assets */
.header-phone-img{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.header-phone-img img{width:34px!important;height:34px!important;object-fit:contain!important;display:block!important}
.cart-link .cart-img{width:34px!important;height:34px!important;object-fit:contain!important;display:block!important}
.cart-link>svg{display:none!important}

@media(max-width:768px){
  /* make mobile header closer to customer sample: logo - search - hotline - cart */
  .site-header,.header-main{background:#ff3333!important}
  .header-main{grid-template-columns:62px minmax(0,1fr) 58px 48px!important;gap:8px!important;padding:10px 8px!important}
  .brand{width:62px!important;min-width:62px!important;background:transparent!important}
  .search{height:42px!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important}
  .search input{border-radius:18px 0 0 18px!important;background:#fff!important}
  .search button{width:46px!important;border-radius:0 18px 18px 0!important;background:#ff3333!important}
  .hotline{display:flex!important;width:58px!important;min-width:58px!important;height:44px!important;padding:0!important;background:transparent!important;color:#fff!important;align-items:center!important;justify-content:center!important;gap:0!important}
  .hotline .header-icon{display:flex!important}
  .hotline .header-phone-img img{width:35px!important;height:35px!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.16))!important}
  .hotline div{display:block!important;position:absolute!important;right:50px!important;top:52px!important;color:#fff!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;pointer-events:none!important}
  .hotline div small:first-child,.hotline div small:last-child{display:none!important}
  .hotline div b{font-size:10px!important;color:#fff!important;letter-spacing:1px!important;font-weight:800!important}
  .cart-link{width:46px!important;min-width:46px!important;height:46px!important;border-radius:14px!important;background:rgba(255,255,255,.14)!important;display:grid!important;place-items:center!important}
  .cart-link .cart-img{width:35px!important;height:35px!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.14))!important}
  .cart-link small{display:none!important}
  .cart-link em{right:1px!important;top:-7px!important;background:#df001a!important;color:#fff!important}
}

/* Home shortcut generated icons */
.j09-image-categories .shortcut span{
  width:66px!important;
  height:66px!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.j09-image-categories .shortcut span img{
  width:64px!important;
  height:64px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 8px 12px rgba(255,51,51,.18))!important;
}
.j09-image-categories .shortcut .svg-icon{display:none!important}
.j09-image-categories .shortcut b{
  font-family:Calibri,Arial,sans-serif!important;
  font-weight:700!important;
  color:#111827!important;
}
@media(max-width:768px){
  .shortcut-row.j09-image-categories{
    grid-template-columns:repeat(4,1fr)!important;
    padding:16px 8px 14px!important;
    gap:16px 6px!important;
    background:#fff!important;
    border:1px solid #eee!important;
    border-radius:14px!important;
  }
  .j09-image-categories .shortcut span{width:60px!important;height:60px!important}
  .j09-image-categories .shortcut span img{width:58px!important;height:58px!important}
  .j09-image-categories .shortcut b{font-size:13px!important;line-height:1.22!important;margin-top:6px!important}
}

/* Warranty guide: use real generated step images instead of blank placeholders */
.guide-step .guide-step-img{
  width:100%!important;
  height:132px!important;
  object-fit:cover!important;
  object-position:center top!important;
  display:block!important;
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid #ffe1e1!important;
  margin-bottom:12px!important;
}
.guide-step>div{display:none!important}
@media(max-width:768px){
  .guide-step .guide-step-img{height:118px!important}
}

/* desktop warranty guide closer to sample */
.warranty-guide-card-v2{
  background:linear-gradient(180deg,#fff,#fff8f8)!important;
}
.guide-step{
  box-shadow:0 8px 22px rgba(215,0,24,.08)!important;
}
.guide-step b{
  z-index:2!important;
}



/* Warranty missing icon fix */
.qr-btn .svg-icon{width:18px!important;height:18px!important;stroke:#d70018!important;fill:none!important;stroke-width:2.3!important;vertical-align:middle!important;flex:0 0 auto!important}
.warranty-tabs-v2 .svg-icon,.warranty-benefits-v2 .svg-icon{fill:none!important;stroke:#111827!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.warranty-tabs-v2 a.active .svg-icon{stroke:#d70018!important}
.warranty-tabs-v2 a:first-child .svg-icon,.warranty-benefits-v2 div:first-child .svg-icon{stroke:#d70018!important}
.warranty-benefits-v2 div:nth-child(2) .svg-icon,.warranty-benefits-v2 div:nth-child(3) .svg-icon,.warranty-benefits-v2 div:nth-child(4) .svg-icon{stroke:#d70018!important}
.warranty-benefits-v2 span{line-height:1.45!important}


/* =========================================================
   JUNIOR09 FINAL FIX - PNG TRANSPARENT ICONS + CART + CONTACT
   ========================================================= */

/* Hide old contact if old footer accidentally remains, use new j09-contact only */
.floating-contact{display:none!important}
.contact-overlay{display:none!important}

/* Header image icons: do NOT hide them */
.header-phone-img img,
.cart-link .cart-img,
.j09-transparent-categories .shortcut span img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}

/* PC header: cart visible again */
.cart-link{
  position:relative!important;
}
.cart-link .cart-img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
  background:transparent!important;
  filter:none!important;
}
.cart-link>svg{display:none!important}

/* Category icon images: transparent PNG, no white box, no SVG circle */
.j09-transparent-categories .shortcut span{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  width:76px!important;
  height:76px!important;
  border-radius:0!important;
  overflow:visible!important;
  margin:0 auto 4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.j09-transparent-categories .shortcut span img{
  width:74px!important;
  height:74px!important;
  object-fit:contain!important;
  background:transparent!important;
  filter:drop-shadow(0 9px 13px rgba(255,51,51,.18))!important;
}
.j09-transparent-categories .shortcut .svg-icon{display:none!important}
.j09-transparent-categories .shortcut b{
  font-family:Calibri,Arial,sans-serif!important;
  font-weight:700!important;
  color:#111827!important;
}

/* Mobile header closer to customer sample, using PNG icons */
@media(max-width:768px){
  .top-marquee{
    height:34px!important;
    background:#ff3333!important;
    color:#fff!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:13px!important;
    font-weight:800!important;
  }
  .top-marquee span{
    animation:none!important;
    transform:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    padding:0 8px!important;
  }
  .site-header,
  .header-main{
    background:#ff3333!important;
    box-shadow:none!important;
  }
  .header-main{
    height:72px!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 54px 46px!important;
    gap:8px!important;
    align-items:center!important;
    padding:10px 8px!important;
  }
  .brand{
    width:58px!important;
    min-width:58px!important;
    height:52px!important;
    background:transparent!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .brand img,.brand .logo-desktop,.brand .logo-mobile{display:none!important}
  .brand:before{
    content:'J09'!important;
    color:#fff!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:900!important;
    font-style:italic!important;
    letter-spacing:-2px!important;
  }
  .brand:after{
    content:'VIỆT NAM'!important;
    color:#fff!important;
    font-size:5px!important;
    letter-spacing:1.4px!important;
    font-weight:900!important;
    width:18px!important;
    margin-left:4px!important;
    line-height:1.05!important;
  }
  .search{
    height:42px!important;
    border:0!important;
    border-radius:999px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .search input{
    height:42px!important;
    border:0!important;
    background:#fff!important;
    padding:0 12px!important;
    font-size:14px!important;
  }
  .search button{
    width:43px!important;
    height:42px!important;
    min-width:43px!important;
    border-radius:0 999px 999px 0!important;
    background:#ff3333!important;
    color:#fff!important;
  }
  .hotline{
    width:54px!important;
    min-width:54px!important;
    height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    padding:0!important;
    position:relative!important;
  }
  .hotline .header-phone-img{
    display:flex!important;
    width:32px!important;
    height:32px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .hotline .header-phone-img img{
    width:32px!important;
    height:32px!important;
    object-fit:contain!important;
    background:transparent!important;
    filter:drop-shadow(0 4px 7px rgba(0,0,0,.14))!important;
  }
  .hotline div{
    display:block!important;
    position:absolute!important;
    top:38px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:64px!important;
    color:#fff!important;
    text-align:center!important;
    pointer-events:none!important;
  }
  .hotline div small{display:none!important}
  .hotline div b{
    display:block!important;
    color:#fff!important;
    font-size:9.5px!important;
    line-height:1!important;
    letter-spacing:1px!important;
    font-weight:800!important;
    max-width:64px!important;
    overflow:hidden!important;
  }
  .cart-link{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.14)!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
  }
  .cart-link .cart-img{
    display:block!important;
    width:34px!important;
    height:34px!important;
    object-fit:contain!important;
    background:transparent!important;
    filter:drop-shadow(0 4px 7px rgba(0,0,0,.14))!important;
  }
  .cart-link small{display:none!important}
  .cart-link em{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    right:0!important;
    top:-8px!important;
    min-width:20px!important;
    height:20px!important;
    border-radius:999px!important;
    background:#df001a!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
  }

  /* Mobile home category block with transparent PNG icons */
  .shortcut-row.j09-transparent-categories{
    width:calc(100% - 12px)!important;
    margin:10px auto 14px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:15px 4px!important;
    padding:17px 8px 16px!important;
    background:#fff!important;
    border:1px solid #ececec!important;
    border-radius:14px!important;
    box-shadow:0 6px 18px rgba(0,0,0,.035)!important;
  }
  .j09-transparent-categories .shortcut{
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    min-height:88px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .j09-transparent-categories .shortcut span{
    width:58px!important;
    height:58px!important;
    margin:0 auto 7px!important;
    background:transparent!important;
  }
  .j09-transparent-categories .shortcut span img{
    width:58px!important;
    height:58px!important;
    object-fit:contain!important;
    background:transparent!important;
  }
  .j09-transparent-categories .shortcut b{
    font-size:13px!important;
    line-height:1.18!important;
    text-align:center!important;
    font-weight:700!important;
  }

  /* Mobile banner spacing */
  .hero-section.mobile-compact-hero{
    background:#fff!important;
    padding:8px 6px 10px!important;
  }
  .hero-section.mobile-compact-hero .container{
    width:100%!important;
    margin:0!important;
  }
  .hero-section.mobile-compact-hero img{
    width:100%!important;
    aspect-ratio:760/290!important;
    object-fit:cover!important;
    border-radius:9px!important;
    box-shadow:none!important;
  }
}

/* j09-contact final: keep new class and stop old regression */
.j09-contact-overlay{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.36)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:900!important;
  transition:opacity .18s ease,visibility .18s ease!important;
}
body.j09-contact-open .j09-contact-overlay{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.j09-contact-fab{
  position:fixed!important;
  right:18px!important;
  bottom:86px!important;
  width:54px!important;
  height:54px!important;
  z-index:9999!important;
}
.product-detail .j09-contact-fab{bottom:128px!important}
.j09-contact-main{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:54px!important;
  height:54px!important;
  border:0!important;
  border-radius:50%!important;
  background:#d70018!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 10px 26px rgba(215,0,24,.32)!important;
  z-index:30!important;
}
.j09-contact-menu,.j09-contact-item,.j09-contact-label,.j09-contact-circle{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.j09-contact-menu{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:54px!important;
  height:54px!important;
}
.j09-contact-item{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.j09-contact-fab.is-open .j09-contact-menu,
.j09-contact-fab.is-open .j09-contact-item,
.j09-contact-fab.is-open .j09-contact-label,
.j09-contact-fab.is-open .j09-contact-circle{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.j09-contact-label{
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 9px!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:11.5px!important;
  font-weight:750!important;
  box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
}
.j09-contact-circle{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}
.j09-contact-fab.is-open .j09-call{transform:translate(-6px,-94px) scale(1)!important}
.j09-contact-fab.is-open .j09-chat{transform:translate(-112px,-48px) scale(1)!important}
.j09-contact-fab.is-open .j09-zalo{transform:translate(-94px,0) scale(1)!important}
.j09-main-close{display:none!important;color:#fff!important;font-size:38px!important;line-height:1!important}
.j09-contact-fab.is-open .j09-main-phone{display:none!important}
.j09-contact-fab.is-open .j09-main-close{display:block!important}
.j09-call .j09-contact-circle{background:#ffc107!important}
.j09-chat .j09-contact-circle{background:#09a64f!important;color:#fff!important}
.j09-zalo .j09-contact-circle{background:#1d6cff!important;color:#1760d0!important;background-image:radial-gradient(circle at 50% 50%,#fff 0 20px,transparent 21px)!important}

/* Warranty QR/support/benefit icons */
.qr-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.qr-btn .svg-icon{display:inline-block!important;width:18px!important;height:18px!important;stroke:#d70018!important;fill:none!important;stroke-width:2.3!important}
.warranty-tabs-v2 .svg-icon,.warranty-benefits-v2 .svg-icon{display:block!important;fill:none!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.warranty-tabs-v2 a:nth-child(3) .svg-icon{stroke:#111827!important}
.warranty-tabs-v2 a.active .svg-icon,.warranty-tabs-v2 a:first-child .svg-icon,.warranty-benefits-v2 .svg-icon{stroke:#d70018!important}


/* =========================================================
   JUNIOR09 MOBILE HOME REFINE - PC GIỮ NGUYÊN
   ========================================================= */
.icon-mobile{display:none!important}
@media(min-width:769px){
  .icon-desktop{display:block!important}
  .j09-transparent-categories .shortcut span img.icon-desktop{display:block!important}
  .j09-transparent-categories .shortcut span img.icon-mobile{display:none!important}
}

/* Mobile: use cleaner transparent image icons, not red ball assets */
@media(max-width:768px){
  .icon-desktop{display:none!important}
  .icon-mobile{display:block!important}

  body{background:#fff!important}

  .top-marquee{
    height:30px!important;
    background:#ff3333!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    justify-content:center!important;
    text-align:center!important;
    overflow:hidden!important;
  }
  .top-marquee span{
    animation:none!important;
    transform:none!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    padding:0 10px!important;
  }

  .site-header{
    background:#ff3333!important;
    position:sticky!important;
    top:0!important;
    z-index:100!important;
    box-shadow:none!important;
  }
  .header-main{
    height:66px!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 42px 40px!important;
    gap:7px!important;
    align-items:center!important;
    padding:8px 8px!important;
    background:#ff3333!important;
  }
  .brand{
    width:54px!important;
    min-width:54px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .brand img,.brand .logo-desktop,.brand .logo-mobile{display:none!important}
  .brand:before{
    content:'J09'!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:900!important;
    font-style:italic!important;
    letter-spacing:-2px!important;
  }
  .brand:after{
    content:'VIỆT NAM'!important;
    display:block!important;
    color:#fff!important;
    width:18px!important;
    margin-left:3px!important;
    font-size:5px!important;
    line-height:1.05!important;
    letter-spacing:1.2px!important;
    font-weight:900!important;
  }

  .search{
    height:40px!important;
    border:0!important;
    border-radius:999px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  .search input{
    height:40px!important;
    border:0!important;
    padding:0 11px!important;
    font-size:14px!important;
    background:#fff!important;
  }
  .search button{
    width:42px!important;
    min-width:42px!important;
    height:40px!important;
    border-radius:0 999px 999px 0!important;
    border:0!important;
    background:#ff3333!important;
    color:#fff!important;
    font-size:16px!important;
  }

  .hotline{
    width:42px!important;
    min-width:42px!important;
    height:46px!important;
    padding:0!important;
    background:transparent!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    overflow:visible!important;
  }
  .hotline .header-phone-img{
    display:flex!important;
    width:29px!important;
    height:29px!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .hotline .header-phone-img img.icon-mobile{
    display:block!important;
    width:28px!important;
    height:28px!important;
    object-fit:contain!important;
    background:transparent!important;
    filter:none!important;
  }
  .hotline div{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:33px!important;
    transform:translateX(-50%)!important;
    width:58px!important;
    max-width:58px!important;
    text-align:center!important;
    color:#fff!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  .hotline div small{display:none!important}
  .hotline div b{
    display:block!important;
    font-size:8.5px!important;
    line-height:1!important;
    color:#fff!important;
    letter-spacing:.8px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    font-weight:800!important;
  }

  .cart-link{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.12)!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    color:#fff!important;
    overflow:visible!important;
  }
  .cart-link .cart-img.icon-mobile{
    display:block!important;
    width:28px!important;
    height:28px!important;
    object-fit:contain!important;
    background:transparent!important;
    filter:none!important;
  }
  .cart-link small{display:none!important}
  .cart-link em{
    display:grid!important;
    place-items:center!important;
    right:-2px!important;
    top:-9px!important;
    min-width:19px!important;
    height:19px!important;
    border-radius:999px!important;
    background:#df001a!important;
    color:#fff!important;
    font-size:10.5px!important;
    font-weight:900!important;
    z-index:3!important;
  }

  .hero-section.mobile-compact-hero{
    background:#fff!important;
    padding:8px 6px 10px!important;
  }
  .hero-section.mobile-compact-hero .container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  .hero-section.mobile-compact-hero img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:760/290!important;
    object-fit:cover!important;
    border-radius:9px!important;
    box-shadow:none!important;
  }

  .shortcut-row.j09-transparent-categories{
    width:calc(100% - 12px)!important;
    margin:10px auto 14px!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:15px 4px!important;
    padding:15px 8px 14px!important;
    background:#fff!important;
    border:1px solid #ececec!important;
    border-radius:14px!important;
    box-shadow:0 6px 18px rgba(0,0,0,.035)!important;
  }
  .j09-transparent-categories .shortcut{
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    min-height:83px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .j09-transparent-categories .shortcut span{
    width:56px!important;
    height:52px!important;
    margin:0 auto 6px!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .j09-transparent-categories .shortcut span img.icon-mobile{
    display:block!important;
    width:54px!important;
    height:54px!important;
    object-fit:contain!important;
    background:transparent!important;
    filter:drop-shadow(0 8px 12px rgba(255,51,51,.16))!important;
  }
  .j09-transparent-categories .shortcut b{
    color:#111827!important;
    font-family:Calibri,Arial,sans-serif!important;
    font-size:13px!important;
    line-height:1.18!important;
    font-weight:700!important;
    text-align:center!important;
  }

  .cps-deal-section{
    width:calc(100% - 12px)!important;
    margin:0 auto 86px!important;
  }

  .j09-contact-fab{
    right:12px!important;
    bottom:86px!important;
  }
  .j09-contact-fab.is-open .j09-call{transform:translate(-6px,-94px) scale(1)!important}
  .j09-contact-fab.is-open .j09-chat{transform:translate(-105px,-48px) scale(1)!important}
  .j09-contact-fab.is-open .j09-zalo{transform:translate(-88px,0) scale(1)!important}
}


/* =========================================================
   JUNIOR09 MOBILE FINAL PATCH - FIX WHITE GAP + ICON OVERLAP
   ========================================================= */
@media(max-width:768px){
  html,body{
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#fff!important;
  }

  /* remove old desktop header/nav space on mobile */
  .site-header{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:#ff3333!important;
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    box-shadow:none!important;
  }
  .main-nav{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  .nav-scroll{
    display:none!important;
  }
  .top-marquee{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
    padding:0!important;
    background:#ff3333!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
    line-height:28px!important;
    font-weight:800!important;
    overflow:hidden!important;
  }
  .top-marquee span{
    animation:none!important;
    transform:none!important;
    width:100%!important;
    height:28px!important;
    line-height:28px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    padding:0 8px!important;
  }

  .header-main.container,
  .header-main{
    width:100%!important;
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:7px 8px!important;
    background:#ff3333!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 40px 38px!important;
    gap:6px!important;
    align-items:center!important;
    overflow:visible!important;
  }

  .brand{
    height:44px!important;
    width:54px!important;
    min-width:54px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:transparent!important;
  }
  .brand img,.brand .logo-desktop,.brand .logo-mobile{display:none!important}
  .brand:before{
    content:'J09'!important;
    color:#fff!important;
    font:italic 900 24px/1 Arial,sans-serif!important;
    letter-spacing:-2px!important;
  }
  .brand:after{
    content:'VIỆT NAM'!important;
    color:#fff!important;
    font-size:5px!important;
    line-height:1.05!important;
    letter-spacing:1px!important;
    font-weight:900!important;
    width:17px!important;
    margin-left:3px!important;
  }

  .search{
    height:38px!important;
    margin:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#fff!important;
    overflow:hidden!important;
    display:flex!important;
    box-shadow:none!important;
  }
  .search input{
    min-width:0!important;
    height:38px!important;
    padding:0 10px!important;
    border:0!important;
    font-size:13px!important;
    background:#fff!important;
  }
  .search button{
    height:38px!important;
    width:40px!important;
    min-width:40px!important;
    padding:0!important;
    border:0!important;
    background:#ff3333!important;
    color:#fff!important;
    border-radius:0 999px 999px 0!important;
  }

  .hotline{
    width:40px!important;
    min-width:40px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    position:relative!important;
    overflow:visible!important;
  }
  .hotline .header-phone-img{
    width:27px!important;
    height:27px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
  }
  .hotline .header-phone-img img.icon-mobile{
    display:block!important;
    width:27px!important;
    height:27px!important;
    object-fit:contain!important;
  }
  .hotline div{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:30px!important;
    transform:translateX(-50%)!important;
    width:48px!important;
    max-width:48px!important;
    overflow:hidden!important;
    text-align:center!important;
    pointer-events:none!important;
  }
  .hotline div small{display:none!important}
  .hotline div b{
    color:#fff!important;
    font-size:7.5px!important;
    line-height:1!important;
    letter-spacing:.4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    display:block!important;
  }

  .cart-link{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.14)!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    margin:0!important;
    padding:0!important;
  }
  .cart-link .cart-img.icon-mobile{
    width:27px!important;
    height:27px!important;
    object-fit:contain!important;
    display:block!important;
  }
  .cart-link small{display:none!important}
  .cart-link em{
    position:absolute!important;
    right:-2px!important;
    top:-8px!important;
    min-width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;
    background:#df001a!important;
    color:#fff!important;
    border-radius:50%!important;
    font-size:10px!important;
    font-weight:900!important;
    z-index:3!important;
  }

  /* keep banner directly under header, remove blank area */
  .hero-section.mobile-compact-hero{
    margin:0!important;
    padding:8px 6px 10px!important;
    background:#fff!important;
  }

  /* category icon no overlap */
  .shortcut-row.j09-transparent-categories{
    width:calc(100% - 12px)!important;
    margin:8px auto 12px!important;
    padding:14px 8px 14px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:12px 4px!important;
    background:#fff!important;
    border:1px solid #ececec!important;
    border-radius:14px!important;
    box-shadow:0 5px 16px rgba(0,0,0,.035)!important;
  }
  .j09-transparent-categories .shortcut{
    min-height:74px!important;
    height:74px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  .j09-transparent-categories .shortcut span{
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0 auto 6px!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .j09-transparent-categories .shortcut span img.icon-mobile{
    width:42px!important;
    height:42px!important;
    object-fit:contain!important;
    display:block!important;
    filter:drop-shadow(0 5px 8px rgba(255,51,51,.14))!important;
  }
  .j09-transparent-categories .shortcut b{
    display:block!important;
    min-height:26px!important;
    max-height:30px!important;
    color:#111827!important;
    font-family:Calibri,Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:700!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  .cps-deal-section{
    width:calc(100% - 12px)!important;
    margin:0 auto 86px!important;
  }
  .cps-deal-tabs{
    height:58px!important;
    min-height:58px!important;
  }
  .cps-deal-tabs button{
    height:58px!important;
  }
}


/* =========================================================
   JUNIOR09 FINAL PATCH - MOBILE DÙNG ICON GIỐNG PC + FIX GIỎ PC
   ========================================================= */

/* Không dùng bộ icon mobile riêng nữa */
.icon-mobile{display:none!important}
.icon-desktop{display:block!important}

/* PC header / cart: giữ đúng vị trí bên phải, không nhảy lên thanh đỏ */
@media(min-width:769px){
  .site-header{
    background:#fff!important;
    position:sticky!important;
    top:0!important;
    z-index:30!important;
    box-shadow:0 3px 22px #00000010!important;
  }
  .header-main.container,
  .header-main{
    width:min(1220px,calc(100% - 32px))!important;
    height:76px!important;
    min-height:76px!important;
    margin:auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:230px 1fr 220px 90px!important;
    gap:18px!important;
    align-items:center!important;
    background:#fff!important;
    overflow:visible!important;
  }
  .brand img.logo-desktop{display:block!important;max-height:48px!important;width:auto!important}
  .brand:before,.brand:after{display:none!important;content:none!important}
  .search{height:auto!important;border:1px solid #e5e7eb!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important}
  .search input{height:auto!important;padding:14px 16px!important}
  .search button{width:54px!important;height:auto!important;background:#ff3333!important;border-radius:0!important}
  .hotline{
    display:flex!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    color:#ff3333!important;
    background:transparent!important;
  }
  .hotline .header-phone-img{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:12px!important;
    background:#fff1f1!important;
    display:grid!important;
    place-items:center!important;
  }
  .hotline .header-phone-img img{
    display:block!important;
    width:25px!important;
    height:25px!important;
    object-fit:contain!important;
    filter:none!important;
  }
  .hotline div{
    display:block!important;
    position:static!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    text-align:left!important;
    color:#ff3333!important;
    overflow:visible!important;
  }
  .hotline div small{
    display:block!important;
    color:#6b7280!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  .hotline div b{
    display:block!important;
    color:#ff3333!important;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  .cart-link{
    position:relative!important;
    width:90px!important;
    height:62px!important;
    min-width:90px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    background:transparent!important;
    border-radius:0!important;
    color:#111827!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  .cart-link .cart-img{
    display:block!important;
    width:31px!important;
    height:31px!important;
    object-fit:contain!important;
    filter:none!important;
    background:transparent!important;
    margin:0 auto!important;
  }
  .cart-link em{
    position:absolute!important;
    top:4px!important;
    right:23px!important;
    min-width:19px!important;
    height:19px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#ff3333!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    font-style:normal!important;
    line-height:1!important;
  }
  .cart-link small{
    display:block!important;
    color:#111827!important;
    font-size:12px!important;
    line-height:1.1!important;
    margin-top:0!important;
  }
}

/* Mobile: bỏ khoảng trắng + dùng icon ảnh giống PC, scale lại để không đè chữ */
@media(max-width:768px){
  html,body{max-width:100%!important;overflow-x:hidden!important;background:#fff!important}

  .main-nav,.nav-scroll{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  .site-header{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:#ff3333!important;
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    box-shadow:none!important;
  }
  .top-marquee{
    height:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0!important;
    background:#ff3333!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  .top-marquee span{
    animation:none!important;
    transform:none!important;
    width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    padding:0 8px!important;
  }
  .header-main.container,
  .header-main{
    width:100%!important;
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:7px 8px!important;
    background:#ff3333!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 40px 38px!important;
    gap:6px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .brand{
    height:44px!important;
    width:54px!important;
    min-width:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:transparent!important;
    padding:0!important;
    margin:0!important;
  }
  .brand img{display:none!important}
  .brand:before{
    content:'J09'!important;
    color:#fff!important;
    font:italic 900 24px/1 Arial,sans-serif!important;
    letter-spacing:-2px!important;
  }
  .brand:after{
    content:'VIỆT NAM'!important;
    color:#fff!important;
    width:17px!important;
    margin-left:3px!important;
    font-size:5px!important;
    line-height:1.05!important;
    letter-spacing:1px!important;
    font-weight:900!important;
  }
  .search{
    height:38px!important;
    border:0!important;
    border-radius:999px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:none!important;
    display:flex!important;
  }
  .search input{
    min-width:0!important;
    height:38px!important;
    padding:0 10px!important;
    border:0!important;
    font-size:13px!important;
    background:#fff!important;
  }
  .search button{
    width:40px!important;
    min-width:40px!important;
    height:38px!important;
    padding:0!important;
    border:0!important;
    border-radius:0 999px 999px 0!important;
    background:#ff3333!important;
    color:#fff!important;
  }
  .hotline{
    width:40px!important;
    min-width:40px!important;
    height:44px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    position:relative!important;
    overflow:visible!important;
  }
  .hotline .header-phone-img{
    width:27px!important;
    height:27px!important;
    display:grid!important;
    place-items:center!important;
    background:transparent!important;
  }
  .hotline .header-phone-img img{
    display:block!important;
    width:27px!important;
    height:27px!important;
    object-fit:contain!important;
    filter:brightness(0) invert(1)!important;
  }
  .hotline div{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:30px!important;
    transform:translateX(-50%)!important;
    width:48px!important;
    max-width:48px!important;
    overflow:hidden!important;
    text-align:center!important;
    pointer-events:none!important;
  }
  .hotline div small{display:none!important}
  .hotline div b{
    display:block!important;
    color:#fff!important;
    font-size:7.5px!important;
    line-height:1!important;
    letter-spacing:.4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .cart-link{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.14)!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .cart-link .cart-img{
    display:block!important;
    width:27px!important;
    height:27px!important;
    object-fit:contain!important;
    filter:brightness(0) invert(1)!important;
    background:transparent!important;
  }
  .cart-link small{display:none!important}
  .cart-link em{
    position:absolute!important;
    right:-2px!important;
    top:-8px!important;
    min-width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;
    background:#df001a!important;
    color:#fff!important;
    border-radius:50%!important;
    font-size:10px!important;
    font-weight:900!important;
    z-index:3!important;
  }

  .hero-section.mobile-compact-hero{
    margin:0!important;
    padding:8px 6px 10px!important;
    background:#fff!important;
  }
  .hero-section.mobile-compact-hero .container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  .shortcut-row.j09-transparent-categories{
    width:calc(100% - 12px)!important;
    margin:8px auto 12px!important;
    padding:14px 8px 14px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:12px 4px!important;
    background:#fff!important;
    border:1px solid #ececec!important;
    border-radius:14px!important;
    box-shadow:0 5px 16px rgba(0,0,0,.035)!important;
  }
  .j09-transparent-categories .shortcut{
    height:76px!important;
    min-height:76px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  .j09-transparent-categories .shortcut span{
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0 auto 6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    overflow:visible!important;
  }
  .j09-transparent-categories .shortcut span img{
    display:block!important;
    width:44px!important;
    height:44px!important;
    object-fit:contain!important;
    background:transparent!important;
    filter:drop-shadow(0 5px 8px rgba(255,51,51,.14))!important;
  }
  .j09-transparent-categories .shortcut b{
    display:block!important;
    min-height:26px!important;
    max-height:30px!important;
    color:#111827!important;
    font-family:Calibri,Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:700!important;
    text-align:center!important;
    overflow:hidden!important;
  }
}

/* Contact giữ class mới, không cho class cũ quay lại */
.floating-contact,.contact-overlay{display:none!important}
.j09-contact-fab{position:fixed!important;right:18px!important;bottom:86px!important;width:54px!important;height:54px!important;z-index:9999!important}
@media(max-width:768px){.j09-contact-fab{right:12px!important;bottom:86px!important}}


/* =========================================================
   JUNIOR09 HARD FINAL - MOBILE GAP / J09 ONLY / PC-STYLE ICONS / CART
   ========================================================= */

/* Always use the single clean PC-style PNG icon set */
.icon-mobile{display:none!important}
.icon-desktop{display:block!important}
.j09-transparent-categories .shortcut span img,
.header-phone-img img,
.cart-link .cart-img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  background:transparent!important;
}

/* PC cart fix */
@media(min-width:769px){
  body .site-header{
    background:#fff!important;
    position:sticky!important;
    top:0!important;
    z-index:30!important;
    box-shadow:0 3px 22px #00000010!important;
  }
  body .header-main.container,
  body .header-main{
    width:min(1220px,calc(100% - 32px))!important;
    height:76px!important;
    min-height:76px!important;
    margin:auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:230px 1fr 220px 90px!important;
    gap:18px!important;
    align-items:center!important;
    background:#fff!important;
    overflow:visible!important;
  }
  body .brand:before,body .brand:after{display:none!important;content:none!important}
  body .brand img.logo-desktop{display:block!important;width:auto!important;max-height:48px!important}
  body .hotline{
    grid-column:3!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    color:#ff3333!important;
    background:transparent!important;
    padding:0!important;
    overflow:visible!important;
  }
  body .hotline .header-phone-img{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:12px!important;
    background:#fff1f1!important;
    display:grid!important;
    place-items:center!important;
  }
  body .hotline .header-phone-img img{
    width:25px!important;
    height:25px!important;
    object-fit:contain!important;
    filter:none!important;
  }
  body .hotline div{
    display:block!important;
    position:static!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    text-align:left!important;
    color:#ff3333!important;
    overflow:visible!important;
  }
  body .hotline div small{
    display:block!important;
    color:#6b7280!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  body .hotline div b{
    color:#ff3333!important;
    font-size:18px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  body .cart-link{
    grid-column:4!important;
    position:relative!important;
    width:90px!important;
    min-width:90px!important;
    height:62px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    background:transparent!important;
    color:#111827!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  body .cart-link .cart-img{
    width:31px!important;
    height:31px!important;
    object-fit:contain!important;
    filter:none!important;
    margin:0 auto!important;
  }
  body .cart-link em{
    position:absolute!important;
    top:4px!important;
    right:23px!important;
    min-width:19px!important;
    height:19px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#ff3333!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    font-style:normal!important;
  }
  body .cart-link small{
    display:block!important;
    color:#111827!important;
    font-size:12px!important;
    line-height:1.1!important;
  }
}

/* Mobile: remove white gap, J09 only, phone before cart, cart at far right */
@media(max-width:768px){
  html,body{
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#fff!important;
  }

  body .top-marquee{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
    padding:0!important;
    background:#ff3333!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
    line-height:28px!important;
    font-weight:800!important;
    overflow:hidden!important;
  }
  body .top-marquee span{
    animation:none!important;
    transform:none!important;
    width:100%!important;
    height:28px!important;
    line-height:28px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    padding:0 8px!important;
  }

  /* force no blank row between marquee and header */
  body header.site-header,
  body .site-header{
    display:block!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0!important;
    background:#ff3333!important;
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body .main-nav,
  body .nav-scroll{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  body .header-main.container,
  body .header-main,
  body .site-header > .container.header-main{
    width:100%!important;
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:7px 8px!important;
    background:#ff3333!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 42px 42px!important;
    gap:6px!important;
    align-items:center!important;
    overflow:visible!important;
    position:relative!important;
    top:0!important;
  }

  body .brand{
    grid-column:1!important;
    height:44px!important;
    width:48px!important;
    min-width:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:transparent!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  body .brand img,
  body .brand .logo-desktop,
  body .brand .logo-mobile{
    display:none!important;
  }
  body .brand:before{
    content:'J09'!important;
    display:block!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:900!important;
    font-style:italic!important;
    letter-spacing:-2px!important;
  }
  body .brand:after{
    display:none!important;
    content:none!important;
  }

  body .search{
    grid-column:2!important;
    height:38px!important;
    margin:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#fff!important;
    overflow:hidden!important;
    display:flex!important;
    box-shadow:none!important;
  }
  body .search input{
    min-width:0!important;
    height:38px!important;
    padding:0 10px!important;
    border:0!important;
    font-size:13px!important;
    background:#fff!important;
  }
  body .search button{
    height:38px!important;
    width:40px!important;
    min-width:40px!important;
    padding:0!important;
    border:0!important;
    background:#ff3333!important;
    color:#fff!important;
    border-radius:0 999px 999px 0!important;
  }

  body .hotline{
    grid-column:3!important;
    width:42px!important;
    min-width:42px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    position:relative!important;
    overflow:visible!important;
  }
  body .hotline .header-phone-img{
    width:27px!important;
    height:27px!important;
    display:grid!important;
    place-items:center!important;
    background:transparent!important;
  }
  body .hotline .header-phone-img img{
    display:block!important;
    width:27px!important;
    height:27px!important;
    object-fit:contain!important;
    filter:brightness(0) invert(1)!important;
  }
  body .hotline div{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:30px!important;
    transform:translateX(-50%)!important;
    width:48px!important;
    max-width:48px!important;
    overflow:hidden!important;
    text-align:center!important;
    pointer-events:none!important;
  }
  body .hotline div small{display:none!important}
  body .hotline div b{
    color:#fff!important;
    font-size:7.5px!important;
    line-height:1!important;
    letter-spacing:.25px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    display:block!important;
  }

  body .cart-link{
    grid-column:4!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.14)!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body .cart-link .cart-img{
    display:block!important;
    width:28px!important;
    height:28px!important;
    object-fit:contain!important;
    filter:brightness(0) invert(1)!important;
    background:transparent!important;
  }
  body .cart-link small{display:none!important}
  body .cart-link em{
    position:absolute!important;
    right:-2px!important;
    top:-8px!important;
    min-width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;
    background:#df001a!important;
    color:#fff!important;
    border-radius:50%!important;
    font-size:10px!important;
    font-weight:900!important;
    z-index:3!important;
  }

  body .hero-section.mobile-compact-hero{
    margin:0!important;
    padding:8px 6px 10px!important;
    background:#fff!important;
  }
  body .hero-section.mobile-compact-hero .container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  body .shortcut-row.j09-transparent-categories{
    width:calc(100% - 12px)!important;
    margin:8px auto 12px!important;
    padding:14px 8px 14px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:12px 4px!important;
    background:#fff!important;
    border:1px solid #ececec!important;
    border-radius:14px!important;
    box-shadow:0 5px 16px rgba(0,0,0,.035)!important;
  }
  body .j09-transparent-categories .shortcut{
    height:76px!important;
    min-height:76px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  body .j09-transparent-categories .shortcut span{
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0 auto 6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    overflow:visible!important;
  }
  body .j09-transparent-categories .shortcut span img{
    display:block!important;
    width:44px!important;
    height:44px!important;
    object-fit:contain!important;
    background:transparent!important;
    filter:drop-shadow(0 5px 8px rgba(255,51,51,.14))!important;
  }
  body .j09-transparent-categories .shortcut b{
    display:block!important;
    min-height:26px!important;
    max-height:30px!important;
    color:#111827!important;
    font-family:Calibri,Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:700!important;
    text-align:center!important;
    overflow:hidden!important;
  }
}

/* Keep new contact, prevent old contact returning */
.floating-contact,.contact-overlay{display:none!important}
.j09-contact-fab{position:fixed!important;right:18px!important;bottom:86px!important;width:54px!important;height:54px!important;z-index:9999!important}
@media(max-width:768px){.j09-contact-fab{right:12px!important;bottom:86px!important}}