:root{
  --bg:#f4f7fb;--surface:#fff;--surface-2:#f8fbff;--ink:#0d1730;--muted:#667085;--line:#e4eaf2;
  --blue:#075ee8;--blue-2:#0b70f5;--blue-dark:#054ec0;--sky:#eaf4ff;--success:#0f9f6e;--danger:#e5484d;
  --shadow:0 12px 34px rgba(16,39,79,.08);--shadow-lg:0 24px 70px rgba(16,39,79,.13);
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1200px,calc(100% - 32px));margin:auto}button{cursor:pointer}h1,h2,h3{letter-spacing:-.035em;line-height:1.08}p{margin-top:0}

.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#0862df,#0a6ef0);color:#fff;box-shadow:0 8px 28px rgba(3,75,180,.16)}
.nav-wrap{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand-mark{width:48px;height:42px;border-radius:15px 15px 13px 13px;display:grid;place-items:center;background:#fff;color:var(--blue);box-shadow:0 5px 14px rgba(0,0,0,.12);transform:rotate(-2deg)}.cube-face{font-size:17px;font-weight:950;letter-spacing:-.08em}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:20px;letter-spacing:-.03em}.brand-copy small{font-size:8px;margin-top:5px;letter-spacing:.08em;font-weight:800;opacity:.85}.main-nav{display:flex;align-items:center;justify-content:center;gap:28px;font-size:13px;font-weight:800;text-transform:uppercase;white-space:nowrap}.main-nav a{opacity:.91;position:relative;padding:27px 0 24px}.main-nav a:hover,.main-nav a.active{opacity:1}.main-nav a.active:after,.main-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;background:#fff;border-radius:2px}.header-actions{display:flex;align-items:center;gap:9px}.header-search{height:40px;width:230px;background:#fff;border-radius:7px;display:flex;align-items:center;overflow:hidden}.header-search input{border:0;background:#fff;color:#15213b;width:100%;height:100%;padding:0 12px;outline:none;font-size:12px}.header-search input::placeholder{color:#8b96a9}.header-search button{width:42px;height:100%;border:0;background:#fff;color:#17223b;font-size:22px}.account-button,.cart-button{height:40px;border:1px solid rgba(255,255,255,.7);border-radius:7px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;white-space:nowrap}.cart-button{position:relative;padding:0 10px}.cart-button b{position:absolute;right:-5px;top:-7px;background:#fff;color:var(--blue);width:19px;height:19px;border-radius:999px;display:grid;place-items:center;font-size:10px}.account-menu{position:relative}.account-popover{display:none;position:absolute;right:0;top:45px;width:150px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.account-menu:hover .account-popover{display:block}.account-popover a,.account-popover button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:10px 12px;font-size:12px}.account-popover a:hover,.account-popover button:hover{background:var(--surface-2)}.mobile-menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:25px}

.hero-light{background:linear-gradient(180deg,#fff 0,#f8fbff 100%);border-bottom:1px solid #edf1f7;overflow:hidden}.hero-grid{min-height:520px;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:42px}.hero-copy{padding:50px 0}.hero-kicker{display:inline-block;color:#1064cc;font-size:12px;font-weight:900;letter-spacing:.04em;margin-bottom:18px}.hero-copy h1{font-size:clamp(43px,5vw,66px);margin:0 0 20px;max-width:640px}.hero-copy h1 span{color:var(--blue)}.hero-copy>p{font-size:16px;color:#586477;max-width:600px}.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.hero-benefits>div{display:flex;align-items:center;gap:9px;min-width:0}.hero-benefits b{width:35px;height:35px;flex:0 0 35px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:var(--blue);font-size:16px}.hero-benefits span{display:flex;flex-direction:column}.hero-benefits strong{font-size:12px}.hero-benefits small{font-size:10px;color:#7a8496}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;padding:12px 22px;font-weight:850;border:1px solid #ccd6e4;background:#fff;color:#14203a;transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(23,51,92,.08)}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 10px 24px rgba(7,94,232,.18)}.btn.primary:hover{background:var(--blue-dark)}.btn.ghost{background:#fff}.btn.small{padding:8px 12px;font-size:12px}.btn.full{width:100%}.grow{flex:1}

.hero-showcase{height:430px;position:relative;display:grid;place-items:center}.showcase-glow{position:absolute;width:500px;height:340px;border-radius:50%;background:radial-gradient(ellipse,#dcecff 0,#edf6ff 44%,transparent 72%);filter:blur(2px)}.hero-model{width:280px;height:330px;position:relative;z-index:3;display:grid;place-items:center}.printer-head{position:absolute;top:8px;width:92px;height:43px;border-radius:14px;background:linear-gradient(145deg,#dde9f7,#fff);border:1px solid #d5deea;display:grid;place-items:center;color:#7d8ba2;font-weight:950;box-shadow:0 12px 24px rgba(33,63,105,.12)}.printed-figure{width:170px;height:225px;margin-top:55px;border-radius:72px 72px 55px 55px;background:linear-gradient(145deg,#eef5ff 0,#bfddff 36%,#4d93e8 72%,#1265d2 100%);box-shadow:inset 18px 18px 40px rgba(255,255,255,.58),0 28px 38px rgba(37,91,157,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transform:rotate(-4deg)}.printed-figure span{font-size:68px;font-weight:950;letter-spacing:-.08em;text-shadow:0 5px 18px rgba(0,50,130,.22)}.printed-figure small{font-weight:900;letter-spacing:.25em}.print-base{position:absolute;bottom:8px;width:240px;height:28px;border-radius:50%;background:linear-gradient(#c9d6e7,#eef4fa);box-shadow:0 14px 18px rgba(46,72,110,.13)}.floating-product{position:absolute;z-index:4;width:140px;height:100px;background:#fff;border:1px solid #dce4ef;border-radius:14px;padding:7px;box-shadow:0 16px 35px rgba(24,67,119,.13);overflow:hidden}.floating-product img,.floating-product .mini-3d{width:100%;height:70px;object-fit:cover;border-radius:9px;background:linear-gradient(135deg,#d7eaff,#edf6ff);display:grid;place-items:center;color:var(--blue);font-size:28px;font-weight:950}.floating-product small{position:absolute;left:9px;bottom:5px;right:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:800}.fp-1{top:40px;left:18px;transform:rotate(-4deg)}.fp-2{top:58px;right:10px;transform:rotate(4deg)}.fp-3{bottom:42px;left:6px;transform:rotate(3deg)}.fp-4{right:8px;bottom:38px;transform:rotate(-3deg)}

.category-strip{background:#fff;padding:0 0 18px}.category-strip-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 8px 25px rgba(18,48,90,.04);overflow:hidden;transform:translateY(-1px)}.category-tile{min-height:86px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line);transition:.16s}.category-tile:last-child{border-right:0}.category-tile:hover{background:#f6faff;color:var(--blue)}.category-icon{font-size:25px;line-height:1;color:var(--blue);margin-bottom:7px}.category-tile strong{font-size:11px;text-align:center}.category-tile small{font-size:9px;color:#8d97a8;margin-top:3px;text-align:center}

.section{padding:42px 0}.storefront-section{background:#fff}.process-section{background:#f6f9fd;border-block:1px solid #edf1f6}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.compact-head>div{display:flex;align-items:center;gap:9px}.section-rule{width:4px;height:24px;background:var(--blue);border-radius:4px}.section-head h2{font-size:20px;margin:0;text-transform:uppercase;letter-spacing:-.02em}.section-more{font-size:11px;color:var(--blue);font-weight:800}.eyebrow{display:inline-block;font-size:11px;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.11em}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-grid-five{grid-template-columns:repeat(5,1fr);gap:14px}.product-card{background:#fff;border:1px solid #e0e6ef;border-radius:9px;overflow:hidden;transition:.18s;box-shadow:0 3px 12px rgba(23,48,84,.035)}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cdd8e7}.product-media{height:155px;position:relative;background:linear-gradient(145deg,#eaf3ff,#f7fbff);display:block;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover}.product-badge{position:absolute;z-index:2;left:8px;top:8px;background:rgba(255,255,255,.93);border:1px solid #dfe7f1;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:850}.placeholder-scene{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 48%,#cce2ff 0,#eaf4ff 42%,#f8fbff 72%);color:var(--blue)}.placeholder-3d{font-size:42px;font-weight:950;letter-spacing:-.07em}.placeholder-scene small{font-size:8px;letter-spacing:.19em;font-weight:900}.product-body{padding:11px 10px 10px}.product-body h3{font-size:13px;line-height:1.3;min-height:34px;margin:0 0 8px}.product-body h3 a:hover{color:var(--blue)}.product-points{list-style:none;padding:0;margin:0 0 10px;color:#6b7484;font-size:9px;line-height:1.8}.product-foot{border-top:1px solid #edf0f4;padding-top:9px;display:flex;align-items:center;justify-content:space-between}.product-foot strong{font-size:14px;color:#0758c7}.mini-cart{width:27px;height:27px;display:grid;place-items:center;border:1px solid #b9d1ef;border-radius:5px;font-size:12px;color:var(--blue)}.mini-cart:hover{background:var(--blue);color:#fff}.span-all{grid-column:1/-1}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px;min-height:130px}.process-card>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--sky);color:var(--blue);font-size:10px;font-weight:950;margin-bottom:13px}.process-card b{display:block;font-size:13px}.process-card p{margin:6px 0 0;color:#778195;font-size:10px}

.trust-section{background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:16px;background:#fff}.trust-card>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef6ff;color:var(--blue);font-size:18px}.trust-card div{display:flex;flex-direction:column}.trust-card strong{font-size:11px}.trust-card small{font-size:9px;color:#7b8595;margin-top:3px}.stats-ribbon{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.stats-ribbon>div{padding:14px 18px;border-right:1px solid var(--line);display:flex;align-items:center;gap:8px}.stats-ribbon>div:last-child{border:0}.stats-ribbon strong{color:var(--blue);font-size:17px}.stats-ribbon span{font-size:9px;color:#778195}

.page-hero{padding:44px 0 28px;background:#f7faff;border-bottom:1px solid var(--line)}.page-hero h1{font-size:42px;margin:8px 0}.page-hero p{color:var(--muted);max-width:720px}.light-page-hero{background:linear-gradient(180deg,#f8fbff,#fff)}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:10px}.category-card strong{display:block;font-size:18px}.category-card span,.category-card p{color:var(--muted);font-size:12px}.text-link{color:var(--blue);font-weight:800}

.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.detail-media{min-height:520px;border-radius:14px;overflow:hidden;background:#eef5ff;display:grid;place-items:center;border:1px solid var(--line)}.detail-media img{width:100%;height:100%;min-height:520px;object-fit:cover}.placeholder-large{font-size:100px;color:var(--blue);font-weight:950}.detail-info h1{font-size:45px;margin:10px 0 16px}.rating,.stars{color:#f0a700;letter-spacing:.06em}.rating span{color:var(--muted);letter-spacing:0;margin-left:8px;font-size:12px}.lead,.prose{color:#667085}.buy-box,.content-card,.summary-card,.qr-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:22px;box-shadow:0 8px 24px rgba(17,45,82,.04)}.buy-box{margin-top:22px}.variant-list{display:grid;gap:9px;margin:10px 0 16px}.variant-option,.address-option,.payment-option{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:8px;padding:12px 13px;background:#fff}.variant-option:has(input:checked),.address-option:has(input:checked),.payment-option:has(input:checked){border-color:#6ca4ef;box-shadow:0 0 0 2px rgba(7,94,232,.08)}.variant-option span,.address-option span,.payment-option span{display:flex;flex-direction:column;flex:1}.variant-option small,.address-option small,.payment-option small{color:var(--muted)}.buy-row{display:flex;gap:10px}.qty{width:78px}.micro{font-size:11px;color:var(--muted)}.center{text-align:center}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.steps{padding-left:20px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-card{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.review-card p{color:#566174}.review-card small{display:block;color:var(--muted)}.review-form{margin-top:24px;max-width:780px}

.auth-section{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:50px 16px;background:#f4f8fd}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:var(--shadow)}.auth-card.wide{width:min(660px,100%)}.auth-card h1{font-size:36px;margin:8px 0}.auth-card>p{color:var(--muted)}label{display:block;font-size:12px;font-weight:750;margin:11px 0;color:#39445a}input,select,textarea{width:100%;border:1px solid #d6deea;border-radius:7px;background:#fff;color:#172036;padding:10px 11px;outline:none;margin-top:6px}input:focus,select:focus,textarea:focus{border-color:#70a5ee;box-shadow:0 0 0 3px rgba(7,94,232,.08)}input[type=checkbox],input[type=radio]{width:auto;margin:0;accent-color:var(--blue)}.check{display:flex;align-items:center;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.span-2{grid-column:span 2}

.cart-layout,.checkout-grid,.order-grid,.address-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.cart-list{display:grid;gap:10px}.cart-item{display:grid;grid-template-columns:82px 1fr 105px 115px;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.thumb{width:82px;height:82px;border-radius:8px;overflow:hidden;background:#eef5ff;display:grid;place-items:center;font-weight:900;color:var(--blue)}.thumb img{width:100%;height:100%;object-fit:cover}.cart-item h3{margin:0 0 4px}.cart-item p{margin:0;color:var(--muted);font-size:12px}.qty-form button{background:none;border:0;color:var(--blue);font-size:11px}.item-total{text-align:right;font-weight:800}.danger-link{border:0;background:none;color:var(--danger);font-size:11px;padding:0}.summary-card.sticky,.content-card.sticky{position:sticky;top:92px}.summary-row,.mini-line,.payment-facts>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.summary-row.total{font-size:18px;border-bottom:0}.mini-line span{display:flex;flex-direction:column}.mini-line small{color:var(--muted)}.address-option,.payment-option{margin-bottom:9px}.address-option em{display:inline-block;margin-left:8px;color:var(--blue);font-style:normal;font-size:10px}.empty{padding:42px;border:1px dashed #c9d3e1;border-radius:10px;text-align:center;color:var(--muted);background:#fff}.table-wrap{overflow:auto}.table-wrap.content-card{padding:0}table{width:100%;border-collapse:collapse;min-width:720px;background:#fff}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);font-size:12px}th{color:#7e899b;text-transform:uppercase;letter-spacing:.07em;font-size:9px}.block{display:block;color:var(--muted);margin-top:3px}.status{display:inline-block;padding:5px 8px;border-radius:999px;background:#eaf3ff;color:#115cbf;font-size:10px}.qr-card{text-align:center}.money-big{font-size:36px;font-weight:900;margin:10px 0;color:var(--blue)}.qr-img{width:min(100%,300px);margin:18px auto;border-radius:10px;background:white;padding:8px}.paid-badge{padding:16px;border:1px solid #aee8cf;background:#ecfff7;color:#087b56;border-radius:9px}.payment-facts{margin-top:14px;text-align:left}

.flash{margin-top:16px;border-radius:8px;padding:11px 14px;font-size:12px}.flash.success{background:#eafff6;border:1px solid #b7ead5;color:#087a56}.flash.error{background:#fff1f2;border:1px solid #f3c1c5;color:#b42631}.flash ul{margin:5px 0 0}

.footer{border-top:1px solid var(--line);padding:36px 0 16px;color:#687386;background:#fff}.footer-grid-rich{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:34px}.footer-grid-rich>div:not(.footer-brand-col){display:flex;flex-direction:column;gap:8px}.footer-brand{color:var(--blue);margin-bottom:12px}.footer-brand .brand-mark{background:var(--blue);color:#fff;box-shadow:none}.footer-brand-col p{font-size:10px;max-width:250px}.footer-title{color:#172036;text-transform:uppercase;font-size:10px;margin-bottom:5px}.footer-grid-rich a,.footer-grid-rich p{font-size:10px;margin:0}.footer-grid-rich a:hover{color:var(--blue)}.social-row{display:flex;gap:7px;margin-top:15px}.social-row span{width:25px;height:25px;border-radius:50%;background:#eef3f8;display:grid;place-items:center;color:#536078;font-size:10px;font-weight:900}.footer-bottom{text-align:center;font-size:9px;color:#8c96a6;border-top:1px solid #eef1f5;margin-top:28px;padding-top:14px}

/* Admin */
.admin-body{background:#f4f7fb}.admin-header{background:#0d1c37;color:#fff;position:sticky;top:0;z-index:40}.admin-header .nav-wrap{display:flex;justify-content:space-between}.admin-header .main-nav a{padding:0}.admin-header .main-nav a:after{display:none}.admin-main{min-height:calc(100vh - 72px)}.admin-page{padding:34px 0 66px}.admin-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.admin-title h1{font-size:38px;margin:7px 0}.admin-title p{color:var(--muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:24px;margin-top:5px}.stat.money strong{font-size:18px}.admin-two{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px}.compact-form{margin-bottom:10px}.form-actions,.check-row{display:flex;align-items:center;gap:14px;justify-content:flex-end}.form-actions span{color:var(--muted);font-size:11px}.delete-below{margin:-4px 10px 12px}.filter-bar{display:flex;gap:10px;margin-bottom:15px}.filter-bar input{max-width:420px;margin:0}.filter-bar select{max-width:220px;margin:0}.product-editor{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.product-editor>div{display:grid;gap:16px}.variant-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr .75fr auto auto;gap:8px;align-items:end;border-top:1px solid var(--line);padding:11px 0}.variant-row label{margin:0}.variant-row .check{padding-bottom:12px}.variant-row .danger-link{padding-bottom:13px}.admin-preview{width:150px;height:150px;object-fit:cover;border-radius:9px;margin:12px 0}.danger-zone{margin-top:16px}.narrow{max-width:820px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.pagination{margin-top:22px}.pagination nav{display:flex;justify-content:center}.pagination svg{width:20px}.pagination [role=navigation]{font-size:12px}.pagination .flex{display:flex}.pagination .hidden{display:none}.pagination span,.pagination a{border-color:var(--line)!important;background:#fff!important;color:#354057!important}

@media(max-width:1120px){.nav-wrap{grid-template-columns:auto 1fr}.header-actions{grid-column:1/-1;padding-bottom:10px}.main-nav{justify-content:flex-end}.header-search{margin-left:auto}.product-grid-five{grid-template-columns:repeat(4,1fr)}.category-strip-grid{grid-template-columns:repeat(4,1fr)}.category-tile:nth-child(4n){border-right:0}.footer-grid-rich{grid-template-columns:1.5fr repeat(2,1fr)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero-showcase{height:360px}.product-grid,.product-grid-five{grid-template-columns:repeat(3,1fr)}.process-grid,.trust-grid,.stats-ribbon{grid-template-columns:repeat(2,1fr)}.stats-ribbon>div:nth-child(2){border-right:0}.product-detail{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.product-editor,.admin-two{grid-template-columns:1fr}.product-editor aside .sticky,.admin-two .sticky{position:static}.variant-row{grid-template-columns:repeat(3,1fr)}.footer-grid-rich{grid-template-columns:repeat(3,1fr)}.footer-brand-col{grid-column:1/-1}}
@media(max-width:760px){.container{width:min(100% - 22px,1200px)}.site-header{position:relative}.nav-wrap{min-height:64px;display:flex;flex-wrap:wrap;gap:10px;padding:10px 0}.mobile-menu-toggle{display:block;margin-left:auto}.main-nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0;background:rgba(0,0,0,.08);border-radius:8px;padding:6px}.menu-open .main-nav{display:flex}.main-nav a{padding:10px 12px}.main-nav a:after{display:none!important}.header-actions{order:5;width:100%;padding:0;display:grid;grid-template-columns:1fr auto auto}.header-search{width:100%;margin:0}.brand-copy strong{font-size:17px}.brand-copy small{font-size:7px}.hero-grid{min-height:auto}.hero-copy{padding:42px 0 0}.hero-copy h1{font-size:45px}.hero-benefits{grid-template-columns:1fr;gap:10px}.hero-showcase{height:330px}.floating-product{width:112px;height:84px}.floating-product img,.floating-product .mini-3d{height:56px}.hero-model{transform:scale(.85)}.category-strip-grid{grid-template-columns:repeat(3,1fr)}.category-tile{border-bottom:1px solid var(--line)}.product-grid,.product-grid-five{grid-template-columns:repeat(2,1fr);gap:10px}.product-media{height:170px}.section{padding:34px 0}.process-grid,.trust-grid,.stats-ribbon,.two-col,.checkout-grid,.cart-layout,.order-grid,.address-grid{grid-template-columns:1fr}.stats-ribbon>div{border-right:0;border-bottom:1px solid var(--line)}.stats-ribbon>div:last-child{border-bottom:0}.detail-info h1,.page-hero h1,.admin-title h1{font-size:34px}.detail-media,.detail-media img{min-height:350px}.summary-card.sticky,.content-card.sticky{position:static}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.cart-item{grid-template-columns:70px 1fr}.qty-form,.item-total{grid-column:2}.item-total{text-align:left}.admin-title,.section-head{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.variant-row{grid-template-columns:1fr 1fr}.filter-bar{flex-wrap:wrap}.footer-grid-rich{grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:1/-1}}
@media(max-width:470px){.account-button span{display:none}.product-grid,.product-grid-five{grid-template-columns:1fr}.product-media{height:230px}.category-strip-grid{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-showcase{height:285px}.floating-product{width:96px;height:76px}.floating-product img,.floating-product .mini-3d{height:48px}.fp-1,.fp-3{left:0}.fp-2,.fp-4{right:0}.process-grid,.trust-grid{grid-template-columns:1fr}.footer-grid-rich{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.variant-row{grid-template-columns:1fr}.buy-row{flex-direction:column}.qty{width:100%}}

/* =========================================================
   MOBILE APP EXPERIENCE V3
   PC keeps the marketplace layout; phones get app-style UI.
   ========================================================= */
.header-search button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mobile-bottom-nav,.mobile-action-dock{display:none}

@media (max-width:760px){
  html{scroll-padding-top:118px}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom));background:#f6f8fc;-webkit-tap-highlight-color:transparent}
  .container{width:min(100% - 20px,1200px)}
  .site-header{position:sticky;top:0;z-index:70;box-shadow:0 3px 16px rgba(3,75,180,.18)}
  .nav-wrap{min-height:auto;display:grid;grid-template-columns:1fr;gap:8px;padding:9px 0 10px}
  .brand{width:max-content;max-width:100%;gap:8px}
  .brand-mark{width:39px;height:35px;border-radius:11px}.cube-face{font-size:14px}
  .brand-copy strong{font-size:17px}.brand-copy small{font-size:6.5px;margin-top:4px}
  .main-nav,.mobile-menu-toggle,.desktop-action{display:none!important}
  .header-actions{display:block;width:100%;padding:0;grid-column:auto;order:initial}
  .header-search{width:100%;height:44px;margin:0;border-radius:12px;box-shadow:0 3px 12px rgba(0,41,112,.12)}
  .header-search input{font-size:16px;padding:0 13px}
  .header-search button{width:48px;min-width:48px}

  .hero-light{border-bottom:0}
  .hero-grid{display:block;min-height:0}
  .hero-copy{padding:28px 0 24px}
  .hero-kicker{font-size:10px;margin-bottom:10px}
  .hero-copy h1{font-size:clamp(32px,10vw,42px);margin-bottom:12px;max-width:520px}
  .hero-copy>p{font-size:14px;line-height:1.55;margin-bottom:16px}
  .hero-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0}
  .hero-benefits>div{display:block;background:#f3f7ff;border:1px solid #e0ebfb;border-radius:12px;padding:9px 7px;text-align:center}
  .hero-benefits b{width:31px;height:31px;margin:0 auto 6px;font-size:14px}
  .hero-benefits span{display:block}.hero-benefits strong{display:block;font-size:9px;line-height:1.25}.hero-benefits small{display:none}
  .hero-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:16px}
  .hero-actions .btn{width:100%;min-height:46px;padding:10px 12px;border-radius:11px;font-size:13px}
  .hero-showcase{display:none}

  .category-strip{padding:8px 0 13px;background:#fff}
  .category-strip-grid{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:9px;border:0;box-shadow:none;border-radius:0;background:transparent;padding:2px 0 6px;transform:none;scrollbar-width:none}
  .category-strip-grid::-webkit-scrollbar{display:none}
  .category-tile{flex:0 0 94px;min-height:88px;scroll-snap-align:start;border:1px solid #e4eaf2!important;border-radius:13px;background:#fff;padding:10px 6px;box-shadow:0 3px 10px rgba(20,49,91,.035)}
  .category-icon{font-size:23px;margin-bottom:6px}.category-tile strong{font-size:10px}.category-tile small{font-size:8px}

  .section{padding:27px 0}
  .section-head{flex-direction:row;align-items:center;gap:10px;margin-bottom:14px}
  .section-head h2{font-size:17px}.section-rule{height:20px}.section-more{font-size:10px;margin-left:auto}
  .product-grid,.product-grid-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .product-card{min-width:0;border-radius:13px;box-shadow:0 3px 14px rgba(23,48,84,.05)}
  .product-media{height:auto;aspect-ratio:1/1;border-bottom:1px solid #eef2f7}
  .product-badge{left:6px;top:6px;max-width:calc(100% - 12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7.5px;border-radius:6px}
  .product-body{padding:9px 8px 8px}
  .product-body h3{font-size:12px;min-height:31px;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .product-points{font-size:8px;line-height:1.65;margin-bottom:7px}
  .product-points li:nth-child(3){display:none}
  .product-foot{gap:5px}.product-foot strong{font-size:13px;white-space:nowrap}
  .mini-cart{min-width:38px;width:38px;height:38px;border-radius:10px;font-size:15px}

  .process-grid,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .process-card,.trust-card{border-radius:12px;padding:13px}
  .process-card p,.trust-card small{font-size:10px}
  .stats-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:12px;overflow:hidden}

  .product-detail{gap:16px}
  .detail-media,.detail-media img{min-height:0;aspect-ratio:1/1;border-radius:14px}
  .detail-info h1,.page-hero h1,.admin-title h1{font-size:29px}
  .buy-box{border-radius:14px;padding:14px}
  .variant-option{min-height:54px;padding:10px;border-radius:11px}
  .variant-option strong{font-size:12px}
  .buy-row{gap:8px}.qty{width:74px;min-height:46px}.buy-row .btn{min-height:46px;border-radius:11px}

  .cart-item{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:11px;border-radius:12px}
  .thumb{width:72px;height:72px;border-radius:10px}
  .cart-item h3{font-size:13px}.qty-form,.item-total{grid-column:2}.qty-form input{min-height:44px;font-size:16px}
  .summary-card{border-radius:14px}
  input,select,textarea{font-size:16px;min-height:44px}

  .footer{padding-bottom:28px}.footer-grid-rich{grid-template-columns:1fr 1fr;gap:22px 18px}.footer-brand-col{grid-column:1/-1}.footer-bottom{margin-bottom:8px}

  .mobile-bottom-nav{position:fixed;z-index:100;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;background:rgba(255,255,255,.97);border-top:1px solid #dfe5ee;box-shadow:0 -7px 24px rgba(17,42,79,.12);padding:5px 4px max(7px,env(safe-area-inset-bottom));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-nav-item{position:relative;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#738096;font-size:9.5px;font-weight:750;line-height:1.1;padding:2px 1px}
  .mobile-nav-icon{position:relative;width:28px;height:28px;display:grid;place-items:center;border-radius:10px}
  .mobile-nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav-item.active{color:var(--blue)}
  .mobile-nav-item.active .mobile-nav-icon{background:#eaf3ff}
  .mobile-nav-item.is-cart .mobile-nav-icon{width:42px;height:42px;margin-top:-19px;border-radius:15px;background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(7,94,232,.28);border:4px solid #fff}
  .mobile-nav-item.is-cart.active .mobile-nav-icon{background:var(--blue-dark)}
  .mobile-nav-item.is-cart .mobile-nav-icon svg{width:21px;height:21px}
  .mobile-nav-item.is-cart .mobile-nav-icon b{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ff3b4f;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:8px;line-height:1}
  .mobile-nav-item.is-cart>span:last-child{margin-top:-2px}

  .mobile-action-dock{position:fixed;display:flex;z-index:95;left:10px;right:10px;bottom:calc(70px + env(safe-area-inset-bottom));min-height:62px;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px 9px 15px;background:rgba(255,255,255,.98);border:1px solid #dfe7f1;border-radius:16px;box-shadow:0 10px 34px rgba(12,35,71,.17);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .mobile-action-dock>div{min-width:0;display:flex;flex-direction:column}.mobile-action-dock small{font-size:9px;color:#7b8799}.mobile-action-dock strong{font-size:16px;color:var(--blue);white-space:nowrap}
  .mobile-dock-button{min-height:44px;min-width:126px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-size:13px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;box-shadow:0 8px 18px rgba(7,94,232,.22)}
}

@media (max-width:390px){
  .container{width:calc(100% - 16px)}
  .brand-copy small{display:none}
  .hero-copy h1{font-size:31px}
  .hero-benefits{gap:5px}.hero-benefits>div{padding:8px 4px}.hero-benefits strong{font-size:8px}
  .product-grid,.product-grid-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .product-body{padding:8px 7px}.product-body h3{font-size:11.5px}.product-foot strong{font-size:12px}.product-points{display:none}
  .category-tile{flex-basis:88px}
  .mobile-nav-item{font-size:8.5px}.mobile-nav-icon svg{width:21px;height:21px}
  .process-grid,.trust-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:330px){
  .product-grid,.product-grid-five{grid-template-columns:1fr}.product-media{aspect-ratio:1.25/1}.product-points{display:block}
  .hero-actions{grid-template-columns:1fr}.hero-benefits{grid-template-columns:1fr 1fr}.hero-benefits>div:last-child{grid-column:1/-1}
}

/* =========================================================
   SUPPORT CENTER: live chat + tickets + Telegram status
   ========================================================= */
.support-page{min-height:62vh}.narrow-support{width:min(860px,calc(100% - 32px))}.support-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.support-page-head h1{font-size:34px;margin:4px 0 8px}.support-page-head p{color:var(--muted);margin:0}.support-head-actions{display:flex;gap:10px;flex-wrap:wrap}.support-chat-shell{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.support-chat-status{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"dot title" "dot sub";column-gap:9px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:#fbfdff}.support-chat-status .online-dot{grid-area:dot;width:11px;height:11px;border-radius:50%;background:#19b66a;box-shadow:0 0 0 4px #e6f8ef}.support-chat-status strong{grid-area:title;font-size:13px}.support-chat-status small{grid-area:sub;color:var(--muted);font-size:10px}.support-chat-messages{height:520px;max-height:65vh;overflow-y:auto;padding:18px;background:linear-gradient(180deg,#f7faff,#f3f6fb)}.chat-line{display:flex;margin:9px 0}.chat-line.from-customer{justify-content:flex-end}.chat-line.from-admin{justify-content:flex-start}.chat-bubble{max-width:min(76%,560px);padding:10px 12px;border-radius:16px;background:#fff;border:1px solid #e2e8f1;box-shadow:0 3px 12px rgba(22,50,88,.04);font-size:13px;overflow-wrap:anywhere}.from-customer .chat-bubble{background:var(--blue);color:#fff;border-color:var(--blue);border-bottom-right-radius:5px}.from-admin .chat-bubble{border-bottom-left-radius:5px}.chat-bubble small{display:block;font-size:9px;font-weight:850;opacity:.72;margin-bottom:3px}.chat-bubble time{display:block;text-align:right;font-size:8.5px;opacity:.62;margin-top:5px}.support-empty-chat{max-width:500px;margin:60px auto;text-align:center;color:#788397;font-size:13px}.support-chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-top:1px solid var(--line);background:#fff}.support-chat-compose textarea{resize:none;border:1px solid #d9e1ec;border-radius:12px;padding:11px 12px;min-height:50px;max-height:120px;outline:none}.support-chat-compose textarea:focus{border-color:#9dc0f7;box-shadow:0 0 0 3px #edf4ff}.support-chat-compose .btn{min-width:92px}.chat-form-note{padding:0 14px 10px;color:#8a94a6;font-size:9px;background:#fff}

.ticket-list{display:grid;gap:9px}.ticket-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:13px;transition:.16s}.ticket-row:hover{border-color:#b9d2f7;box-shadow:0 8px 22px rgba(19,54,101,.06)}.ticket-row>div:first-child{min-width:0}.ticket-row strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis}.ticket-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.ticket-tags{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.ticket-priority,.ticket-status,.support-unread{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap}.ticket-priority{background:#f2f4f7;color:#596579}.p-high{background:#fff1e7;color:#bc5d19}.p-urgent{background:#ffebec;color:#c6323b}.p-low{background:#eef8f2;color:#30704d}.ticket-status{background:#edf4ff;color:#1b62bb}.s-resolved{background:#eaf8f1;color:#178052}.s-closed{background:#f0f2f5;color:#687386}.s-waiting_customer{background:#fff7da;color:#946c00}.s-in_progress{background:#e9f3ff;color:#1266cb}.support-unread{background:#ff3b4f;color:#fff}.support-ticket-form label,.ticket-reply-form label{display:flex;flex-direction:column;gap:6px;font-weight:750;font-size:12px}.support-ticket-form label+label,.ticket-reply-form label+label{margin-top:14px}.support-ticket-form input,.support-ticket-form select,.support-ticket-form textarea,.ticket-reply-form input,.ticket-reply-form textarea{width:100%;border:1px solid #dbe2ec;border-radius:9px;padding:11px 12px;background:#fff}.support-ticket-form small{color:var(--muted);font-weight:500}.support-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.ticket-thread{display:grid;gap:12px;margin-bottom:18px}.ticket-message{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 15px}.ticket-message.from-admin{border-left:4px solid var(--blue);background:#f9fcff}.ticket-message.from-customer{border-left:4px solid #b7c1ce}.ticket-message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.ticket-message-meta strong{font-size:11px}.ticket-message-meta time{font-size:9px;color:var(--muted)}.ticket-message-body{font-size:13px;white-space:normal;overflow-wrap:anywhere}.ticket-attachment{display:inline-flex;margin-top:10px;padding:7px 10px;border-radius:8px;background:#edf5ff;color:var(--blue);font-size:10px;font-weight:800}.support-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.support-filter input,.support-filter select{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff}.support-filter input{min-width:260px;flex:1}.inline-check{display:flex;align-items:center;gap:6px;font-size:11px}.inline-check input{min-width:auto;flex:0}.support-admin-head{display:flex;justify-content:space-between;align-items:flex-start}.ticket-admin-controls{margin-bottom:15px}.telegram-config-card{margin-top:18px}.telegram-config-card code{font-size:11px;background:#f1f4f8;border-radius:6px;padding:2px 5px}.telegram-status{display:inline-flex;margin:8px 0 12px;padding:7px 10px;border-radius:8px;font-size:11px;font-weight:800}.telegram-status.ok{background:#e8f8ef;color:#147449}.telegram-status.off{background:#fff0f0;color:#b8363d}

.support-fab-wrap{position:fixed;z-index:92;right:20px;bottom:22px}.support-fab{height:52px;border:0;border-radius:999px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:8px;padding:0 17px;box-shadow:0 12px 30px rgba(7,94,232,.3);font-weight:850}.support-fab svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.support-fab-panel{position:absolute;right:0;bottom:62px;width:310px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(17,42,79,.18)}.support-fab-panel[hidden]{display:none}.support-fab-panel>strong{display:block;font-size:15px}.support-fab-panel>small{display:block;color:var(--muted);font-size:10px;margin:2px 0 10px}.support-fab-panel>a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;border:1px solid #e8edf4;margin-top:7px}.support-fab-panel>a:hover{background:#f7fbff;border-color:#cfe0f8}.support-fab-panel>a>b{width:38px;height:38px;border-radius:10px;background:#eef5ff;display:grid;place-items:center;font-size:18px}.support-fab-panel>a>span{min-width:0}.support-fab-panel>a strong{display:block;font-size:11px}.support-fab-panel>a small{display:block;color:var(--muted);font-size:9px;margin-top:2px}

@media (max-width:760px){
  .narrow-support{width:calc(100% - 20px)}.support-page{padding-top:22px}.support-page-head{align-items:flex-start;gap:10px}.support-page-head h1{font-size:26px}.support-page-head p{font-size:12px}.support-page-head>.btn{flex:0 0 auto}.support-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.support-page-head:has(.support-head-actions){display:block}.support-head-actions{margin-top:12px}.support-head-actions .btn{padding:10px 8px;font-size:11px}
  .support-chat-shell{border-radius:14px}.support-chat-messages{height:430px;max-height:58vh;padding:12px}.chat-bubble{max-width:84%;font-size:12px}.support-chat-compose{grid-template-columns:1fr auto;padding:9px;gap:7px}.support-chat-compose textarea{font-size:16px;min-height:48px}.support-chat-compose .btn{min-width:68px;padding:10px 12px}
  .ticket-row{padding:12px;align-items:flex-start}.ticket-row strong{font-size:12px}.ticket-tags{max-width:44%}.ticket-priority,.ticket-status,.support-unread{font-size:8px;padding:3px 6px}.support-form-actions{display:grid;grid-template-columns:1fr 1fr}.ticket-message{padding:12px}.ticket-message-body{font-size:12px}.support-filter{display:grid;grid-template-columns:1fr 1fr}.support-filter input{grid-column:1/-1;min-width:0}.support-filter select{min-width:0;width:100%}.support-filter .btn{grid-column:1/-1}.support-admin-head{display:flex}.ticket-admin-controls .form-grid{grid-template-columns:1fr 1fr}
  .support-fab-wrap{right:11px;bottom:calc(82px + env(safe-area-inset-bottom))}.support-fab{width:48px;height:48px;padding:0;justify-content:center;border-radius:15px}.support-fab span{display:none}.support-fab-panel{right:0;bottom:57px;width:min(310px,calc(100vw - 22px));border-radius:15px}body:has(.mobile-action-dock) .support-fab-wrap{bottom:calc(145px + env(safe-area-inset-bottom))}
}

/* Telegram stock state */
.product-card.is-sold-out .product-media img{filter:grayscale(.45);opacity:.72}.sold-out-badge{background:#e83b48!important;color:#fff!important;border-color:#e83b48!important}.product-card.is-sold-out .product-foot strong{color:#747f90}.btn:disabled,.mobile-dock-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.variant-option:has(input:disabled){opacity:.55;background:#f5f6f8}


/* =========================================================
   TYPOGRAPHY V7 — professional Vietnamese storefront
   Font: Be Vietnam Pro (Vietnamese-optimized, clean commerce UI)
   ========================================================= */
body{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;letter-spacing:-.008em}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4,h5,h6{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-weight:700;letter-spacing:-.028em;line-height:1.18}
strong,b{font-weight:700}
.brand{font-weight:700}.brand-copy strong{font-weight:800;letter-spacing:-.025em}.brand-copy small{font-weight:600;letter-spacing:.11em}.cube-face{font-weight:800;letter-spacing:-.055em}
.main-nav,.account-button,.cart-button{font-weight:600;letter-spacing:-.005em}
.hero-kicker,.eyebrow{font-weight:700;letter-spacing:.095em}
.hero-copy h1{font-weight:800;letter-spacing:-.042em;line-height:1.12}
.hero-copy>p{font-weight:400;letter-spacing:-.012em;line-height:1.65}
.hero-benefits strong{font-weight:600}.hero-benefits small{font-weight:400}
.btn{font-weight:700;letter-spacing:-.012em}
.category-tile strong{font-weight:650;letter-spacing:-.015em}.category-tile small{font-weight:400}
.section-head h2{font-weight:750;letter-spacing:-.025em}.section-more{font-weight:600}
.product-badge{font-weight:650}.product-body h3{font-weight:600;letter-spacing:-.014em}.product-foot strong{font-weight:700}
.process-card b,.trust-card b{font-weight:650}.footer-title{font-weight:700;letter-spacing:.02em}
.money-big{font-weight:750}.status{font-weight:600}
.mobile-nav-item{font-weight:600}.mobile-dock-button{font-weight:700}
.support-fab{font-weight:700}.ticket-priority,.ticket-status,.support-unread{font-weight:650}

@media (max-width:760px){
  .hero-copy h1{font-weight:800;letter-spacing:-.04em;line-height:1.13}
  .hero-kicker{font-weight:700;letter-spacing:.085em}
  .hero-benefits strong{font-weight:600}
  .section-head h2{font-weight:750;letter-spacing:-.025em}
  .mobile-nav-item{font-weight:600;letter-spacing:-.012em}
  .product-body h3{font-weight:600;line-height:1.42}
}

/* V8 image upload + VietQR admin */
.image-upload-box{margin-top:18px;padding:16px;border:1px dashed #cbd7e8;border-radius:16px;background:#f8fbff}.admin-image-preview{margin-top:12px;display:flex;align-items:center;justify-content:center;min-height:120px}.admin-image-preview img,.admin-preview{display:block;max-width:100%;max-height:360px;object-fit:contain;border-radius:14px}.vietqr-preview-box{margin:18px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:20px;align-items:center;padding:18px;border:1px solid #dce6f3;border-radius:18px;background:#f8fbff}.qr-preview-img{width:100%;max-width:260px;justify-self:end;border-radius:16px;background:#fff}.qr-preview-empty{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;border:1px dashed #cbd7e8;border-radius:16px;color:#6e7e96;background:#fff}@media(max-width:700px){.vietqr-preview-box{grid-template-columns:1fr}.qr-preview-img{justify-self:center;max-width:240px}.qr-preview-empty{min-height:120px}}

/* =========================================================
   V9 COMMERCE THEME — storefront inspired by modern marketplace
   and CRM-like admin dashboard.
   ========================================================= */
.v9-store-body{background:#f6f8fc}
.desktop-only{display:block}
.store-header-v9{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.store-topbar-v9{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0}
.brand-v9{display:flex;align-items:center;gap:12px;min-width:0}.brand-v9-mark{width:52px;height:52px;border-radius:14px;background:#fff;color:#1d63ea;border:2px solid #dbe7fb;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 6px 18px rgba(26,99,234,.08)}.brand-v9-copy{display:flex;flex-direction:column;min-width:0}.brand-v9-copy strong{font-size:16px;line-height:1.05}.brand-v9-copy small{font-size:9px;color:#6e7d95;letter-spacing:.14em;font-weight:800;margin-top:4px}
.catalog-toggle-v9{height:46px;padding:0 16px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:10px;font-weight:700;color:#1b2740}
.search-v9{display:grid;grid-template-columns:1fr 190px 54px;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;min-width:0}.search-v9 input,.search-v9 select{height:48px;border:0;outline:none;background:#fff;color:#17233f;padding:0 16px}.search-v9 input{font-size:14px}.search-v9 select{border-left:1px solid var(--line);font-size:13px;color:#55657d}.search-v9 button{border:0;background:#1170ff;color:#fff;height:48px;display:grid;place-items:center}.search-v9 svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.quick-actions-v9{display:flex;align-items:center;gap:18px}.quick-actions-v9 a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:62px;color:#1d2b46;font-size:12px}.quick-actions-v9 a b{font-size:18px;font-weight:600}.quick-actions-v9 a span{color:#354763}.cart-link-v9{position:relative}.cart-link-v9 em{position:absolute;right:4px;top:-2px;min-width:18px;height:18px;border-radius:999px;background:#ff445d;color:#fff;font-style:normal;font-size:10px;display:grid;place-items:center;padding:0 4px}
.store-nav-v9{border-top:1px solid #edf2f7}.store-nav-v9 nav{display:flex;align-items:center;gap:30px}.store-nav-v9 a{display:inline-flex;align-items:center;height:54px;font-size:14px;font-weight:600;color:#223252;position:relative}.store-nav-v9 a.active,.store-nav-v9 a:hover{color:#1a68f0}.store-nav-v9 a.active:after,.store-nav-v9 a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#1a68f0;border-radius:4px 4px 0 0}
.home-v9-shell{padding:18px 0 0}.home-v9-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}.sidebar-card-v9{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 28px rgba(17,40,84,.05)}.sidebar-card-v9 h3{font-size:22px;margin:4px 0 14px;line-height:1.2}.sidebar-links-v9{display:grid;gap:6px}.sidebar-links-v9 a{display:flex;justify-content:space-between;align-items:center;padding:11px 10px;border-radius:10px;color:#1a2742;font-size:14px}.sidebar-links-v9 a:hover{background:#f6f9ff;color:#1766ef}.sidebar-links-v9 small{font-size:11px;color:#7a899f}.promo-link-v9{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #edf1f6;font-weight:700;color:#e55353}
.desktop-home-tabs{display:flex;gap:30px;align-items:center;padding:0 10px 16px}.desktop-home-tabs a{font-size:14px;font-weight:600;color:#253655;position:relative;padding-bottom:10px}.desktop-home-tabs a.active,.desktop-home-tabs a:hover{color:#1a68f0}.desktop-home-tabs a.active:after,.desktop-home-tabs a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#1a68f0;border-radius:3px}
.hero-banner-v9{background:linear-gradient(135deg,#ecf5ff 0,#f3f8ff 100%);border-radius:22px;padding:34px 34px 26px;display:grid;grid-template-columns:1fr .95fr;gap:26px;overflow:hidden;border:1px solid #deebfd}.label-v9{display:inline-flex;align-items:center;padding:6px 12px;background:#deefff;color:#2b82df;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em}.hero-banner-copy-v9 h1{font-size:clamp(34px,4vw,58px);margin:18px 0 12px;line-height:1.08}.hero-banner-copy-v9 h1 span{color:#1c72ff}.hero-banner-copy-v9 p{max-width:520px;font-size:17px;color:#53657f}.hero-banner-actions-v9{display:flex;gap:12px;margin-top:24px}
.hero-banner-art-v9{position:relative;min-height:340px;display:grid;place-items:center}.hero-card-main-v9{position:relative;width:100%;height:100%;min-height:300px}.hero-art-glow{position:absolute;inset:20px 50px 10px;background:radial-gradient(circle at center,#dbeafe 0,#eef6ff 40%,transparent 72%)}.hero-device{position:absolute;display:block;background:linear-gradient(145deg,#fff,#dceafe);border:1px solid #d7e4f6;box-shadow:0 18px 40px rgba(46,95,165,.13)}.hero-phone{right:42px;top:8px;width:180px;height:250px;border-radius:30px}.hero-phone:before,.hero-phone:after{content:"";position:absolute;background:#17344e;border-radius:50%}.hero-phone:before{width:26px;height:26px;left:22px;top:22px;box-shadow:38px 0 0 #17344e,19px 38px 0 #17344e}.hero-phone:after{width:70px;height:70px;right:20px;bottom:25px;border-radius:24px;background:rgba(255,255,255,.45)}.hero-watch{left:80px;top:95px;width:112px;height:136px;border-radius:26px;background:linear-gradient(145deg,#0b1730,#27364d)}.hero-watch:before,.hero-watch:after{content:"";position:absolute;left:38px;width:36px;height:70px;border-radius:20px;background:#233248}.hero-watch:before{top:-55px}.hero-watch:after{bottom:-55px}.hero-watch{color:#fff;font-size:34px;font-weight:800;display:grid;place-items:center}.hero-watch::marker{content:''}.hero-watch{font-family:"Inter",sans-serif}.hero-watch::after,.hero-watch::before{} .hero-watch{background-image:radial-gradient(circle at 55% 35%,rgba(255,255,255,.08),transparent 28%),linear-gradient(145deg,#0b1730,#27364d)}
.hero-buds{right:8px;bottom:25px;width:120px;height:100px;border-radius:22px;background:#fff}.hero-buds:before,.hero-buds:after{content:"";position:absolute;width:28px;height:50px;border-radius:16px 16px 22px 22px;background:#fff;border:1px solid #e4edf8;top:-20px}.hero-buds:before{left:24px;transform:rotate(-12deg)}.hero-buds:after{right:24px;transform:rotate(12deg)}
.hero-mini-item-v9{position:absolute;width:120px;height:92px;padding:8px;background:#fff;border:1px solid #d9e6f8;border-radius:16px;box-shadow:0 18px 34px rgba(24,66,120,.12);overflow:hidden}.hero-mini-item-v9 img,.hero-mini-item-v9 span{width:100%;height:100%;object-fit:cover;border-radius:10px;display:grid;place-items:center;background:#eef5ff;color:#1b68ef;font-size:30px;font-weight:800}.hero-mini-item-v9:nth-of-type(1){left:0;top:10px;transform:rotate(-6deg)}.hero-mini-item-v9:nth-of-type(2){left:12px;bottom:18px;transform:rotate(5deg)}.hero-mini-item-v9:nth-of-type(3){right:0;top:110px;transform:rotate(4deg)}
.trust-strip-v9{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:20px 12px 8px}.trust-strip-v9>div{display:flex;align-items:flex-start;gap:12px}.trust-strip-v9 b{font-size:22px;color:#1b68ef}.trust-strip-v9 strong{display:block;font-size:15px}.trust-strip-v9 small{display:block;color:#74839a;font-size:12px;margin-top:3px}
.v9-head{align-items:center}.v9-head h2{font-size:38px;text-transform:none;letter-spacing:-.03em}.tab-row-v9{display:flex;gap:10px;margin:0 0 18px}.tab-row-v9 span{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:10px;background:#f1f4f9;font-size:13px;font-weight:700;color:#314360}.tab-row-v9 span.active{background:#1470ff;color:#fff}
.product-grid-v9 .product-card{border-radius:16px;box-shadow:0 10px 26px rgba(18,43,81,.05)}.product-grid-v9 .product-media{height:210px;background:#f4f8fd}.product-grid-v9 .product-body{padding:14px 14px 12px}.shop-card-v9 .wish-icon-v9{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;border:1px solid #dde6f2;background:#fff;color:#74839a;display:grid;place-items:center;z-index:2}.rating-row-v9{font-size:12px;color:#f2b21b;font-weight:700;margin-bottom:8px}.rating-row-v9 small{color:#6d7d96;font-weight:600}.price-stack-v9{display:flex;flex-direction:column;gap:2px}.price-stack-v9 small{font-size:11px;color:#9aa7bb;text-decoration:line-through}
.trust-grid-v9 .trust-card{background:#fff;border:1px solid #e4ebf5;border-radius:16px;box-shadow:0 8px 24px rgba(18,43,81,.05)}

.admin-v9-body{margin:0;background:#f5f7fb;color:#15233e}.admin-v9-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.admin-v9-sidebar{background:#fff;border-right:1px solid #e8edf4;padding:20px 18px;display:flex;flex-direction:column;gap:20px}.admin-v9-logo{display:flex;align-items:center;gap:12px;font-weight:800;color:#18263f}.admin-v9-logo span{width:42px;height:42px;border-radius:14px;background:#2b7cff;color:#fff;display:grid;place-items:center;box-shadow:0 10px 20px rgba(43,124,255,.24)}.admin-v9-nav{display:grid;gap:4px}.admin-v9-nav a{display:flex;align-items:center;min-height:42px;padding:0 14px;border-radius:12px;color:#42546f;font-weight:600}.admin-v9-nav a.active,.admin-v9-nav a:hover{background:#eef5ff;color:#1a68f0}.admin-v9-upgrade{margin-top:auto;padding:16px;border-radius:16px;background:linear-gradient(180deg,#f6f9ff,#eef3ff);border:1px solid #dfe8fb}.admin-v9-upgrade strong{display:block;font-size:14px}.admin-v9-upgrade small{display:block;color:#70819a;font-size:12px;margin:6px 0 10px}.meter{height:6px;border-radius:999px;background:#d8e4fb;overflow:hidden}.meter span{display:block;height:100%;width:75%;background:#2b7cff}
.admin-v9-main{display:flex;flex-direction:column;min-width:0}.admin-v9-topbar{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.admin-v9-search{display:flex;align-items:center;gap:10px;min-width:0;flex:1;max-width:520px;background:#fff;border:1px solid #e6ecf4;border-radius:12px;padding:0 14px;height:46px}.admin-v9-search input{border:0;outline:none;background:transparent;width:100%}.admin-v9-top-actions{display:flex;align-items:center;gap:12px}.admin-v9-icon{width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid #e6ecf4;display:grid;place-items:center}.admin-v9-user{display:flex;align-items:center;gap:10px;padding-left:4px}.admin-v9-user .avatar{width:42px;height:42px;border-radius:50%;background:#1a68f0;color:#fff;display:grid;place-items:center;font-weight:800}.admin-v9-user strong{display:block;font-size:14px}.admin-v9-user small{display:block;color:#74839a;font-size:11px}
.admin-v9-content{padding:6px 22px 28px}.admin-page-head-v9{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.admin-page-head-v9 h1{font-size:32px;margin:8px 0 6px}.admin-page-head-v9 p{margin:0;color:#6f7f96}.admin-head-tools-v9{display:flex;align-items:center;gap:12px}.date-chip-v9{height:40px;padding:0 14px;border-radius:10px;background:#fff;border:1px solid #e5ebf3;display:flex;align-items:center;color:#506179;font-size:13px}
.crm-stat-grid-v9{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.crm-stat-card-v9{background:#fff;border:1px solid #e6ecf4;border-radius:18px;padding:18px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.crm-stat-card-v9 .icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px}.crm-stat-card-v9 .icon.blue{background:#edf4ff}.crm-stat-card-v9 .icon.green{background:#e8fbf1}.crm-stat-card-v9 .icon.orange{background:#fff5e8}.crm-stat-card-v9 .icon.purple{background:#f3eefe}.crm-stat-card-v9 small{display:block;color:#7a8aa2;font-size:12px}.crm-stat-card-v9 strong{display:block;font-size:28px;line-height:1.15;margin:4px 0}.crm-stat-card-v9 em{display:block;color:#57a66a;font-size:12px;font-style:normal}
.crm-main-grid-v9{display:grid;grid-template-columns:1.25fr .8fr;gap:18px;margin-bottom:18px}.crm-secondary-grid-v9{display:grid;grid-template-columns:1.25fr .8fr;gap:18px}.crm-panel-v9{background:#fff;border:1px solid #e6ecf4;border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.panel-head-v9{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.panel-head-v9 strong{font-size:17px}.panel-head-v9 span,.panel-head-v9 a{font-size:12px;color:#7687a1}
.chart-mock-v9{position:relative;border:1px solid #edf2f8;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f5f8fd);padding:14px 14px 10px;overflow:hidden}.chart-axis-v9{position:absolute;inset:16px 14px 32px;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#eef3f9 37px,#eef3f9 38px)}.chart-mock-v9 svg{position:relative;z-index:1;width:100%;height:190px}.chart-foot-v9{display:flex;justify-content:space-between;color:#8090a8;font-size:11px}
.donut-wrap-v9{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:14px}.donut-v9{width:140px;height:140px;border-radius:50%;background:conic-gradient(#2d7cff 0 24%,#f5bd42 24% 46%,#4cb883 46% 69%,#8d6df5 69% 100%);display:grid;place-items:center;margin:auto;position:relative}.donut-v9:after{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%}.donut-v9 span,.donut-v9 small{position:relative;z-index:1;display:block;text-align:center}.donut-v9 span{font-size:26px;font-weight:800}.donut-v9 small{font-size:11px;color:#7a8aa2}.donut-wrap-v9 ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.donut-wrap-v9 li{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#40536f;font-size:13px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.dot.blue{background:#2d7cff}.dot.amber{background:#f5bd42}.dot.green{background:#4cb883}.dot.purple{background:#8d6df5}
.activity-list-v9{display:grid;gap:12px}.activity-item-v9{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:start}.activity-avatar{width:40px;height:40px;border-radius:50%;background:#edf4ff;color:#1a68f0;display:grid;place-items:center;font-weight:800}.activity-item-v9 strong{display:block;font-size:13px}.activity-item-v9 p{margin:3px 0 0;color:#687891;font-size:12px}.activity-item-v9 time{color:#8a98ad;font-size:11px;white-space:nowrap}

@media (max-width:1180px){
  .store-topbar-v9{grid-template-columns:auto minmax(0,1fr) auto}.catalog-toggle-v9{display:none}.home-v9-grid{grid-template-columns:1fr}.category-sidebar-v9{display:none}.hero-banner-v9{grid-template-columns:1fr}.trust-strip-v9{grid-template-columns:repeat(2,1fr)}
  .crm-stat-grid-v9{grid-template-columns:repeat(2,1fr)}.crm-main-grid-v9,.crm-secondary-grid-v9{grid-template-columns:1fr}
}
@media (max-width:760px){
  .desktop-only{display:none!important}.store-header-v9{position:sticky;top:0}.store-topbar-v9{display:flex;flex-direction:column;align-items:stretch;padding:12px 0 18px}.brand-v9{align-self:flex-start}.search-v9{grid-template-columns:1fr 54px;border-radius:18px}.search-v9 select{display:none}.search-v9 input,.search-v9 button{height:56px}.home-v9-shell{padding-top:0}.hero-banner-v9{padding:22px 18px 18px;border-radius:0 0 22px 22px;margin:0 -16px}.hero-banner-copy-v9 h1{font-size:42px}.hero-banner-copy-v9 p{font-size:15px}.hero-banner-actions-v9{display:grid;grid-template-columns:1fr 1fr}.hero-banner-art-v9{min-height:180px}.hero-card-main-v9{min-height:180px}.hero-phone{width:120px;height:170px;right:12px}.hero-phone:before{width:18px;height:18px;left:16px;top:16px;box-shadow:28px 0 0 #17344e,14px 28px 0 #17344e}.hero-phone:after{width:48px;height:48px;right:16px;bottom:20px}.hero-watch{left:46px;top:50px;width:76px;height:92px}.hero-watch:before,.hero-watch:after{left:26px;width:24px;height:50px}.hero-watch:before{top:-34px}.hero-watch:after{bottom:-34px}.hero-buds{width:84px;height:68px;right:2px;bottom:12px}.hero-buds:before,.hero-buds:after{width:20px;height:34px;top:-13px}.hero-buds:before{left:16px}.hero-buds:after{right:16px}.hero-mini-item-v9{display:none}.trust-strip-v9{grid-template-columns:1fr 1fr;gap:12px;padding:18px 0 0}.v9-head h2{font-size:22px}.product-grid-v9{grid-template-columns:repeat(2,1fr)!important;gap:14px}.product-grid-v9 .product-media{height:150px}.product-grid-v9 .product-body{padding:12px}.shop-card-v9 .product-body h3{min-height:38px;font-size:14px}.store-main-v9{padding-bottom:110px}
  .admin-v9-shell{grid-template-columns:1fr}.admin-v9-sidebar{display:none}.admin-v9-topbar{padding:14px 14px 0;flex-wrap:wrap}.admin-v9-search{max-width:none;flex-basis:100%}.admin-v9-content{padding:10px 14px 24px}.admin-page-head-v9{display:block}.admin-head-tools-v9{margin-top:12px}.crm-stat-grid-v9{grid-template-columns:1fr}.donut-wrap-v9{grid-template-columns:1fr}.donut-v9{width:120px;height:120px}.crm-panel-v9{padding:14px}
}

/* V10 hero banner hotfix - use real featured images instead of abstract shapes */
.hero-banner-showcase-v10{align-items:center}
.hero-banner-art-v10{min-height:360px;position:relative}
.hero-banner-art-v10 .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid #d9e6f7;background:#fff;color:#2a3d5b;display:grid;place-items:center;font-size:28px;line-height:1;box-shadow:0 10px 24px rgba(20,43,82,.10);z-index:4}
.hero-banner-art-v10 .hero-arrow-left{left:-14px}
.hero-banner-art-v10 .hero-arrow-right{right:-14px}
.hero-stage-v10{position:relative;width:100%;height:100%;min-height:320px;border-radius:28px;overflow:hidden}
.hero-stage-glow{position:absolute;inset:6% 10%;background:radial-gradient(circle at center,rgba(52,128,255,.15),rgba(52,128,255,0) 66%)}
.hero-main-visual-v10{position:absolute;right:40px;top:20px;bottom:26px;width:58%;min-width:300px}
.hero-main-visual-card{position:absolute;right:0;top:12px;width:78%;height:84%;border-radius:32px;background:linear-gradient(180deg,#f8fbff,#ebf4ff);border:1px solid #d7e5f8;box-shadow:0 18px 40px rgba(32,71,131,.10);overflow:hidden;display:grid;place-items:center}
.hero-main-visual-card img{width:100%;height:100%;object-fit:cover}
.hero-main-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(180deg,#f6faff,#eaf3ff)}
.hero-main-placeholder span{display:block;font-size:74px;font-weight:900;color:#1a68f0;line-height:1}.hero-main-placeholder small{display:block;letter-spacing:.18em;font-weight:800;color:#6b7d99;margin-top:10px}
.hero-side-card{position:absolute;width:140px;height:100px;border-radius:18px;border:1px solid #d8e5f8;background:#fff;box-shadow:0 16px 32px rgba(20,43,82,.12);overflow:hidden;display:grid;place-items:center;z-index:3}
.hero-side-card img{width:100%;height:100%;object-fit:cover}
.hero-side-card span{font-size:32px;font-weight:900;color:#1a68f0}
.hero-side-card-top{left:40px;top:26px;transform:rotate(-6deg)}
.hero-side-card-bottom{left:60px;bottom:28px;transform:rotate(7deg)}
.hero-plate{position:absolute;border-radius:24px;background:rgba(255,255,255,.55);border:1px solid rgba(215,228,246,.9);backdrop-filter:blur(2px)}
.hero-plate-1{right:18px;top:28px;width:28%;height:56%}
.hero-plate-2{right:8px;bottom:16px;width:24%;height:28%}
.hero-plate-3{left:38%;top:36px;width:16%;height:58%;background:linear-gradient(180deg,#172642,#243652);border:0;box-shadow:0 16px 30px rgba(18,34,67,.12)}
.hero-dots-v10{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:8px;z-index:5}.hero-dots-v10 span{width:10px;height:10px;border-radius:999px;background:#d2dceb}.hero-dots-v10 span.active{width:28px;background:#1b68ef}
@media (max-width:760px){
  .hero-banner-art-v10{min-height:220px}
  .hero-banner-art-v10 .hero-arrow{display:none}
  .hero-stage-v10{min-height:200px}
  .hero-main-visual-v10{right:0;left:auto;top:14px;bottom:18px;width:62%;min-width:0}
  .hero-main-visual-card{width:88%;height:82%;border-radius:24px}
  .hero-side-card{width:84px;height:64px;border-radius:12px}
  .hero-side-card-top{left:4px;top:8px}
  .hero-side-card-bottom{left:10px;bottom:18px}
  .hero-plate-1{right:6px;top:14px;width:34%;height:58%}
  .hero-plate-2{right:6px;bottom:8px;width:28%;height:25%}
  .hero-plate-3{left:34%;top:28px;width:20%;height:56%;border-radius:18px}
}

/* V11 banner closer to sample screenshot */
.hero-banner-like-sample-v11{grid-template-columns:1.02fr 1.15fr;gap:8px;align-items:center;padding:38px 30px 26px;background:linear-gradient(180deg,#eef6ff,#edf5ff);border-radius:24px;border:1px solid #dbe8fb;position:relative}
.hero-copy-v11{padding-left:18px;padding-right:10px;max-width:470px}.hero-copy-v11 h1{font-size:clamp(40px,4.5vw,58px);line-height:1.05;margin:16px 0 14px}.hero-copy-v11 p{font-size:16px;max-width:360px;margin-bottom:18px}.hero-copy-v11 .btn.primary{min-width:132px;height:48px;border-radius:10px;box-shadow:none}
.hero-banner-art-v11{position:relative;min-height:320px;padding:12px 40px 24px}
.hero-banner-art-v11 .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid #d9e6f7;background:#fff;color:#2a3d5b;display:grid;place-items:center;font-size:28px;line-height:1;box-shadow:0 10px 24px rgba(20,43,82,.10);z-index:6}
.hero-banner-art-v11 .hero-arrow-left{left:-2px}.hero-banner-art-v11 .hero-arrow-right{right:-2px}
.hero-sample-stage-v11{position:relative;height:100%;min-height:290px}.hero-blur-v11{position:absolute;right:0;top:20px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at center,rgba(104,180,255,.24),rgba(104,180,255,0) 72%)}
.hero-product{position:absolute;display:grid;place-items:center;overflow:visible}.hero-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(25,61,120,.18))}.hero-product-main{right:70px;top:0;width:260px;height:280px;z-index:3}.hero-product-second{left:30px;top:82px;width:185px;height:190px;z-index:4}.hero-product-third{right:10px;bottom:0;width:160px;height:145px;z-index:5}.hero-image-fallback{width:100%;height:100%;border-radius:26px;background:linear-gradient(180deg,#fff,#e8f1ff);border:1px solid #d9e7f9;display:grid;place-items:center;font-size:54px;font-weight:900;color:#1969ef;letter-spacing:-.03em}.hero-image-fallback.small{font-size:26px;border-radius:18px}
.hero-dots-v11{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);display:flex;gap:8px;z-index:7}.hero-dots-v11 span{width:9px;height:9px;border-radius:999px;background:#d2dceb}.hero-dots-v11 span.active{width:26px;background:#1b68ef}
@media (max-width:1180px){.hero-banner-like-sample-v11{grid-template-columns:1fr;gap:18px}.hero-copy-v11{max-width:none}.hero-banner-art-v11{padding:0 24px 22px}}
@media (max-width:760px){.hero-banner-like-sample-v11{padding:24px 18px 18px;border-radius:0 0 22px 22px;margin:0 -16px}.hero-copy-v11{padding:0;max-width:none}.hero-copy-v11 h1{font-size:42px}.hero-copy-v11 p{font-size:15px;max-width:none}.hero-banner-art-v11{min-height:230px;padding:0 8px 18px}.hero-banner-art-v11 .hero-arrow{display:none}.hero-sample-stage-v11{min-height:220px}.hero-product-main{right:20px;top:6px;width:180px;height:190px}.hero-product-second{left:8px;top:70px;width:118px;height:120px}.hero-product-third{right:-6px;bottom:6px;width:104px;height:94px}.hero-blur-v11{right:0;top:30px;width:160px;height:160px}}

/* V12 banner only: remove text and use pure visual hero banner */
.hero-area-v9{display:flex;flex-direction:column;gap:16px}
.hero-banner-only-v12{position:relative;min-height:418px;border-radius:26px;background:linear-gradient(180deg,#edf5ff,#edf5ff);border:1px solid #dbe8fb;overflow:hidden;box-shadow:0 10px 24px rgba(17,40,84,.04)}
.hero-banner-only-v12 .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid #d9e6f7;background:#fff;color:#2a3d5b;display:grid;place-items:center;font-size:30px;line-height:1;box-shadow:0 10px 24px rgba(20,43,82,.10);z-index:6}
.hero-banner-only-v12 .hero-arrow-left{left:18px}.hero-banner-only-v12 .hero-arrow-right{right:18px}
.hero-banner-only-stage-v12{position:relative;height:418px}.hero-banner-bg-v12{position:absolute;inset:0;background:radial-gradient(circle at 76% 34%,rgba(77,166,255,.16),transparent 16%),radial-gradient(circle at 78% 60%,rgba(108,190,255,.14),transparent 18%),linear-gradient(180deg,#eff6ff,#edf5ff)}
.hero-banner-photo{position:absolute;display:grid;place-items:center}.hero-banner-photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 30px rgba(25,61,120,.17))}.hero-banner-fallback{width:100%;height:100%;display:grid;place-items:center;border-radius:24px;background:linear-gradient(180deg,#fff,#edf5ff);border:1px solid #dae6f8;color:#1a68f0;font-weight:900;font-size:64px}.hero-banner-fallback.small{font-size:28px;border-radius:18px}
.hero-banner-photo-main{right:150px;top:52px;width:320px;height:290px;z-index:3}.hero-banner-photo-second{right:360px;top:118px;width:200px;height:190px;z-index:4}.hero-banner-photo-third{right:40px;top:155px;width:180px;height:164px;z-index:5}.hero-banner-photo-fourth{right:92px;top:42px;width:160px;height:126px;z-index:2}
.hero-dots-v12{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:8px;z-index:7}.hero-dots-v12 span{width:9px;height:9px;border-radius:999px;background:#d2dceb}.hero-dots-v12 span.active{width:26px;background:#1b68ef}
@media (max-width:1180px){.hero-banner-only-v12{min-height:340px}.hero-banner-only-stage-v12{height:340px}.hero-banner-photo-main{right:100px;top:34px;width:250px;height:225px}.hero-banner-photo-second{right:290px;top:104px;width:160px;height:148px}.hero-banner-photo-third{right:18px;top:140px;width:150px;height:138px}.hero-banner-photo-fourth{right:62px;top:34px;width:126px;height:100px}}
@media (max-width:760px){.hero-banner-only-v12{min-height:220px;border-radius:0 0 22px 22px;margin:0 -16px}.hero-banner-only-v12 .hero-arrow{display:none}.hero-banner-only-stage-v12{height:220px}.hero-banner-photo-main{right:50px;top:28px;width:160px;height:136px}.hero-banner-photo-second{right:158px;top:82px;width:92px;height:84px}.hero-banner-photo-third{right:6px;top:108px;width:88px;height:82px}.hero-banner-photo-fourth{right:42px;top:20px;width:78px;height:62px}.hero-dots-v12{bottom:12px}}

/* V13 premium desktop header */
@media (min-width:761px){
  .store-header-v9{background:rgba(255,255,255,.97);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid #edf1f7;box-shadow:0 7px 24px rgba(16,36,72,.05)}
  .store-header-v9>.container{width:min(1380px,calc(100% - 40px))}
  .store-topbar-v9{grid-template-columns:auto auto minmax(380px,1fr) auto;gap:14px;min-height:82px;padding:10px 0}
  .brand-v9{gap:11px;padding-right:4px}.brand-v9-mark{width:54px;height:54px;border-radius:16px;border:1px solid #dbe6f6;background:linear-gradient(180deg,#fff,#f7fbff);font-size:23px;box-shadow:0 8px 22px rgba(17,89,210,.10)}
  .brand-v9-copy strong{font-size:18px;font-weight:800;letter-spacing:-.025em;color:#0f1b33}.brand-v9-copy small{font-size:8.5px;color:#7890ad;letter-spacing:.13em;margin-top:5px}
  .catalog-toggle-v9{height:50px;padding:0 18px;border-radius:13px;border:1px solid #dfe7f1;background:#fff;gap:9px;font-size:14px;box-shadow:0 4px 14px rgba(16,42,82,.04);transition:.18s ease}.catalog-toggle-v9:hover{border-color:#bcd4f7;background:#f8fbff;color:#1269ed}.catalog-toggle-v9 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
  .search-v9{height:52px;grid-template-columns:minmax(0,1fr) 180px 54px;border:1px solid #dfe7f1;border-radius:14px;box-shadow:0 5px 18px rgba(19,46,88,.04);transition:.18s ease}.search-v9:focus-within{border-color:#9fc3f8;box-shadow:0 0 0 3px rgba(20,112,255,.09),0 8px 22px rgba(19,46,88,.05)}.search-v9 input,.search-v9 select,.search-v9 button{height:50px}.search-v9 input{padding:0 18px;font-size:13.5px;color:#17233d}.search-v9 input::placeholder{color:#9aa8bb}.search-v9 select{padding:0 14px;font-size:12.5px;color:#5d6e87}.search-v9 button{width:54px;background:linear-gradient(180deg,#1778ff,#0c65ec);transition:.18s}.search-v9 button:hover{background:#075fe4}.search-v9 svg{width:22px;height:22px;stroke-width:2.1}
  .quick-actions-v9{gap:4px;align-self:stretch}.quick-actions-v9 .quick-action-v13{position:relative;min-width:72px;height:62px;padding:6px 8px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#283a57;transition:.18s ease}.quick-actions-v9 .quick-action-v13:hover{background:#f5f9ff;color:#1167eb}.quick-icon-v13{width:26px;height:26px;display:grid;place-items:center}.quick-icon-v13 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quick-label-v13{font-size:11px;font-weight:600;white-space:nowrap;color:inherit}.cart-link-v9 em{right:11px;top:4px;min-width:18px;height:18px;font-size:9px;border:2px solid #fff;box-sizing:content-box}
  .store-nav-v9{border-top:1px solid #eef2f7;background:#fff}.store-nav-v9 nav{gap:8px;height:52px}.store-nav-v9 a{height:52px;padding:0 15px;font-size:13px;border-radius:10px;color:#30415d}.store-nav-v9 a:hover{background:#f6f9ff}.store-nav-v9 a.active{color:#0f67ef;background:#f4f8ff}.store-nav-v9 a.active:after,.store-nav-v9 a:hover:after{left:14px;right:14px;bottom:0;height:2px}
}
@media (min-width:761px) and (max-width:1180px){
  .store-topbar-v9{grid-template-columns:auto minmax(320px,1fr) auto}.catalog-toggle-v9{display:none}.quick-actions-v9 .quick-action-v13{min-width:62px;padding-inline:5px}.quick-label-v13{font-size:10px}
}


/* V14 compact header: remove standalone category button */
@media (min-width:761px){
  .store-topbar-v9{grid-template-columns:auto minmax(420px,1fr) auto!important;gap:16px!important}
  .catalog-toggle-v9{display:none!important}
  .search-v9{max-width:none;width:100%}
}
@media (min-width:761px) and (max-width:1180px){
  .store-topbar-v9{grid-template-columns:auto minmax(300px,1fr) auto!important}
}

/* V15 product image ratio — slightly landscape instead of square */
.product-grid-v9 .product-media,
.shop-card-v9 .product-media{
  width:100%;
  height:auto;
  aspect-ratio:6 / 5;
  min-height:0;
}
.product-grid-v9 .product-media img,
.shop-card-v9 .product-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.product-grid-v9 .placeholder-scene,
.shop-card-v9 .placeholder-scene{
  width:100%;
  height:100%;
}
@media (max-width:760px){
  .product-grid-v9 .product-media,
  .shop-card-v9 .product-media{aspect-ratio:6 / 5;height:auto;}
}

/* =========================================================
   V16 — product multi-image gallery + storage cleanup UI
   ========================================================= */
.product-detail-section-v16{padding-top:38px}
.product-gallery-v16{min-width:0}
.detail-media-v16{
  width:100%;
  min-height:0!important;
  aspect-ratio:4 / 3!important;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  border:1px solid #dfe7f2;
  display:grid;
  place-items:center;
  box-shadow:0 12px 32px rgba(24,48,88,.05);
}
.detail-media-v16 img{
  width:100%;
  height:100%;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center;
  background:#fff;
}
.product-thumbnails-v16{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:12px 2px 4px;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
}
.product-thumb-v16{
  width:92px;
  min-width:92px;
  aspect-ratio:4 / 3;
  border:2px solid transparent;
  border-radius:11px;
  background:#fff;
  padding:3px;
  overflow:hidden;
  scroll-snap-align:start;
  box-shadow:0 3px 12px rgba(20,44,83,.05);
}
.product-thumb-v16.active{border-color:#176ff5;box-shadow:0 0 0 2px rgba(23,111,245,.08)}
.product-thumb-v16 img{width:100%;height:100%;object-fit:contain;border-radius:7px;background:#fff}

.product-gallery-admin{border-style:solid;background:#fbfdff}
.gallery-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.gallery-admin-head>div{min-width:0}.gallery-admin-head>div>strong{display:block;font-size:15px;margin-bottom:4px}
.gallery-upload-button{white-space:nowrap;cursor:pointer}
.existing-gallery-grid,.new-gallery-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.existing-gallery-item,.new-gallery-item{min-width:0;border:1px solid #e0e8f3;border-radius:14px;background:#fff;padding:8px;box-shadow:0 4px 14px rgba(20,45,85,.04)}
.existing-gallery-item img,.new-gallery-item img{width:100%;aspect-ratio:4 / 3;object-fit:contain;background:#f7faff;border-radius:9px}
.existing-gallery-item small,.new-gallery-item small{display:block;font-size:9px;color:#73839a;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gallery-cover-choice,.gallery-remove-choice{display:flex!important;align-items:center;gap:6px!important;margin-top:8px!important;font-size:10px!important;font-weight:650!important;cursor:pointer}
.gallery-cover-choice input,.gallery-remove-choice input{width:auto!important;margin:0!important}
.gallery-cover-choice{color:#1768e8}.gallery-remove-choice{color:#c63f48}

@media(max-width:900px){
  .existing-gallery-grid,.new-gallery-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .product-detail-section-v16{padding-top:18px}
  .detail-media-v16,.detail-media-v16 img{aspect-ratio:4 / 3!important;min-height:0!important}
  .product-thumb-v16{width:78px;min-width:78px}
  .gallery-admin-head{flex-direction:column}
  .gallery-upload-button{width:100%}
  .existing-gallery-grid,.new-gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
}

/* =========================================================
   ADMIN V18 — full PC + mobile management navigation
   ========================================================= */
.admin-v18-body{background:#f5f7fb;min-width:0}.admin-v18-shell{grid-template-columns:244px minmax(0,1fr)}
.admin-v18-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:18px 14px;border-right:1px solid #e7edf5;box-shadow:4px 0 20px rgba(18,40,78,.025)}
.admin-v18-logo{padding:4px 8px 14px;gap:10px}.admin-v18-logo>span{width:40px;height:40px;border-radius:12px}.admin-v18-logo>div{display:flex;flex-direction:column}.admin-v18-logo strong{font-size:15px}.admin-v18-logo small{font-size:8px;letter-spacing:.15em;color:#8795a9;margin-top:3px}
.admin-v18-nav{gap:3px}.admin-v18-nav a{gap:11px;min-height:43px;padding:0 12px;border-radius:10px;font-size:13px}.admin-v18-nav a i{width:25px;height:25px;border-radius:8px;background:#f2f5f9;display:grid;place-items:center;font-style:normal;color:#667991;font-size:13px}.admin-v18-nav a.active i,.admin-v18-nav a:hover i{background:#dfeaff;color:#1768ef}.admin-v18-nav-label{font-size:9px;font-weight:800;letter-spacing:.12em;color:#a1adbd;padding:14px 12px 5px}
.admin-v18-user-card{margin-top:auto;border-top:1px solid #edf1f6;padding:14px 8px 4px;display:flex;align-items:center;gap:10px}.admin-v18-user-card .avatar{width:36px;height:36px;border-radius:50%;background:#1768ef;color:#fff;display:grid;place-items:center;font-weight:800}.admin-v18-user-card strong{display:block;font-size:12px}.admin-v18-user-card small{display:block;font-size:10px;color:#8795aa}
.admin-v18-topbar{position:sticky;top:0;z-index:38;background:rgba(245,247,251,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e9eef5;min-height:70px;padding:12px 22px}.admin-v18-search svg{width:19px;height:19px;fill:none;stroke:#718199;stroke-width:2;stroke-linecap:round}.admin-v18-user .avatar{width:38px;height:38px}.admin-v18-content{max-width:1600px;width:100%;margin:0 auto;padding:18px 22px 34px}.admin-v18-mobile-brand{display:none}
.admin-mobile-nav-v18,.admin-more-sheet-v18,.admin-more-backdrop-v18{display:none}

@media(max-width:900px){
  .admin-v18-shell{display:block}.admin-v18-sidebar{display:none!important}.admin-v18-main{min-width:0}.admin-v18-topbar{position:sticky;top:0;display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 14px 12px;background:rgba(245,247,251,.97);z-index:70}.admin-v18-mobile-brand{display:block}.admin-v18-mobile-brand a{display:flex;align-items:center;gap:9px}.admin-v18-mobile-brand a>span{width:34px;height:34px;border-radius:10px;background:#1768ef;color:#fff;display:grid;place-items:center;font-weight:800}.admin-v18-mobile-brand strong{font-size:15px}.admin-v18-search{grid-column:1/-1;grid-row:2;max-width:none;height:46px;background:#fff}.admin-v18-top-actions{grid-column:2;grid-row:1;gap:7px}.admin-v18-top-actions .admin-v9-icon{width:36px;height:36px;border-radius:10px;font-size:15px}.admin-v18-user{display:none}.admin-v18-content{padding:16px 14px calc(96px + env(safe-area-inset-bottom));max-width:none}.admin-v18-content .container,.admin-v18-content .narrow-support{width:100%;max-width:none;margin:0}.admin-v18-content .admin-page,.admin-v18-content .support-page{padding-top:6px}.admin-v18-content .support-page-head h1,.admin-v18-content .admin-title h1{font-size:28px}

  .admin-mobile-nav-v18{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e2e9f3;box-shadow:0 -10px 30px rgba(25,45,78,.08);backdrop-filter:blur(14px)}.admin-mobile-nav-v18 a,.admin-mobile-nav-v18 button{min-width:0;min-height:58px;border:0;background:transparent;color:#73839a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:3px 2px;font-size:10px;font-weight:650}.admin-mobile-nav-v18 svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.admin-mobile-nav-v18 a.active{color:#1768ef}.admin-mobile-nav-v18 a.active svg{filter:drop-shadow(0 4px 8px rgba(23,104,239,.16))}

  .admin-more-backdrop-v18{display:block;position:fixed;inset:0;z-index:94;background:rgba(9,18,34,.36);backdrop-filter:blur(2px)}.admin-more-backdrop-v18[hidden]{display:none}.admin-more-sheet-v18{display:block;position:fixed;left:0;right:0;bottom:0;z-index:95;background:#fff;border-radius:24px 24px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(10,26,54,.2);max-height:76vh;overflow:auto}.admin-more-sheet-v18[hidden]{display:none}.admin-more-handle-v18{width:44px;height:5px;border-radius:999px;background:#d7deea;margin:2px auto 12px}.admin-more-head-v18{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.admin-more-head-v18 strong{display:block;font-size:17px}.admin-more-head-v18 small{display:block;font-size:11px;color:#8190a6;margin-top:2px}.admin-more-head-v18 button{width:36px;height:36px;border-radius:50%;border:0;background:#f1f4f8;color:#596a82;font-size:23px}.admin-more-grid-v18{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-more-grid-v18 a{min-height:84px;border:1px solid #e7edf5;border-radius:16px;background:#f9fbfe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#34465f;font-size:11px;font-weight:700}.admin-more-grid-v18 a b{width:35px;height:35px;border-radius:11px;background:#eaf2ff;color:#1768ef;display:grid;place-items:center;font-size:17px}.admin-more-logout-v18{margin-top:12px}.admin-more-logout-v18 button{width:100%;min-height:46px;border-radius:12px;border:1px solid #f0d8dc;background:#fff6f7;color:#c63b4b;font-weight:700}.admin-sheet-open{overflow:hidden}

  .admin-v18-content .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-v18-content table{min-width:650px}.admin-v18-content .content-card{border-radius:16px}.admin-v18-content input,.admin-v18-content select,.admin-v18-content textarea{font-size:16px}
}
@media(max-width:380px){.admin-more-grid-v18{grid-template-columns:repeat(2,1fr)}.admin-mobile-nav-v18 a,.admin-mobile-nav-v18 button{font-size:9px}.admin-mobile-nav-v18 svg{width:21px;height:21px}}

/* V19 availability: product is available by default; only explicit admin flag shows sold-out */
.product-media,.detail-media-v16{position:relative;overflow:hidden}
.soldout-ribbon{position:absolute;z-index:8;top:22px;right:-46px;width:180px;padding:8px 0;background:#ef3340;color:#fff;text-align:center;font-size:12px;font-weight:800;letter-spacing:.12em;transform:rotate(38deg);box-shadow:0 5px 14px rgba(173,20,31,.22);pointer-events:none}
.soldout-ribbon-detail{top:34px;right:-38px;width:210px;padding:10px 0;font-size:14px}
.product-card.is-sold-out .product-media img{filter:grayscale(.28);opacity:.8}
.product-card.is-sold-out .mini-cart{background:#f4f5f7;color:#677388;border-color:#d9dee7}
.soldout-admin-check{padding:9px 12px!important;border-radius:10px;background:#fff1f2;color:#b4232d!important;border:1px solid #ffd7da}
.status-available{background:#e9f8ef!important;color:#167447!important}.status-soldout{background:#ffebed!important;color:#c8323d!important}
@media(max-width:760px){.soldout-ribbon{top:17px;right:-50px;width:165px;font-size:10px;padding:7px 0}.soldout-ribbon-detail{top:24px;right:-44px;width:185px;font-size:12px}}

/* =========================================================
   V20 — Giá Liên Hệ + Wishlist + premium add-to-cart
   ========================================================= */
.product-media-wrap-v20{position:relative}.product-media-wrap-v20>.product-media{display:block}.wishlist-toggle-form-v20{position:absolute;right:10px;top:10px;z-index:8;margin:0}.wishlist-toggle-form-v20 .wish-icon-v9,.product-media-wrap-v20>a.wish-icon-v9{position:static!important}.shop-card-v9 .wish-icon-v9{width:34px;height:34px;border-radius:50%;border:1px solid #d8e3f2;background:rgba(255,255,255,.96);color:#71829b;display:grid;place-items:center;box-shadow:0 7px 18px rgba(15,45,88,.07);transition:.18s}.shop-card-v9 .wish-icon-v9 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.shop-card-v9 .wish-icon-v9:hover{color:#f0445e;border-color:#ffc3cd;transform:translateY(-1px)}.shop-card-v9 .wish-icon-v9.active{background:#fff0f3;color:#ef3854;border-color:#ffc3cd}.shop-card-v9 .wish-icon-v9.active svg{fill:currentColor}
.wishlist-header-v20 .quick-icon-v13{position:relative}.wishlist-header-v20 .quick-icon-v13 em{position:absolute;right:-9px;top:-8px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ff445d;color:#fff;font:700 9px/17px "Inter",sans-serif;text-align:center}
.contact-price-v20{font-size:15px!important;color:#1264d9!important}.contact-sub-v20{text-decoration:none!important;color:#7b8aa0!important}.mini-cart.contact{background:#edf6ff;color:#1264d9}
.product-title-row-v20{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.product-title-row-v20>div{min-width:0}.detail-wishlist-v20{width:48px;height:48px;flex:0 0 48px;border-radius:15px;border:1px solid #dbe5f2;background:#fff;color:#667991;display:grid;place-items:center;box-shadow:0 8px 22px rgba(15,45,88,.05)}.detail-wishlist-v20 svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.detail-wishlist-v20.active{background:#fff0f3;color:#ef3854;border-color:#ffc6cf}.detail-wishlist-v20.active svg{fill:currentColor}
.buy-box-v20{border-radius:20px!important;padding:20px!important;border:1px solid #dbe5f2!important;box-shadow:0 16px 40px rgba(16,45,86,.07)!important}.buy-box-head-v20{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}.buy-box-head-v20>span{font-size:14px;font-weight:750}.buy-box-head-v20 small{color:#8190a5;font-size:10px}.buy-box-v20 .variant-option{border-radius:14px;padding:14px 15px;transition:.16s}.buy-box-v20 .variant-option:has(input:checked){border-color:#2879f6;background:#f7fbff;box-shadow:0 0 0 3px rgba(40,121,246,.08)}.buy-row-v20{align-items:stretch;margin-top:16px}.qty-box-v20{width:100px;flex:0 0 100px;border:1px solid #d9e4f1;border-radius:15px;background:#f8fbff;padding:7px 11px;display:flex;flex-direction:column;justify-content:center}.qty-box-v20 small{font-size:9px;color:#7b8ba2;font-weight:650}.qty-box-v20 .qty{width:100%;height:30px;border:0;background:transparent;outline:none;font-size:18px;font-weight:750;color:#14223d;padding:0}.add-cart-premium-v20{min-height:66px;border:0;border-radius:16px;background:linear-gradient(135deg,#0a67f4,#147cff);color:#fff;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 14px 30px rgba(14,104,244,.25);transition:.18s;cursor:pointer}.add-cart-premium-v20:hover{transform:translateY(-1px);box-shadow:0 17px 34px rgba(14,104,244,.3)}.add-cart-premium-v20:disabled{background:#a9b6c7;box-shadow:none;cursor:not-allowed}.cart-icon-v20{font-size:24px}.add-cart-premium-v20>span:last-child{display:flex;flex-direction:column;text-align:left;line-height:1.25}.add-cart-premium-v20 b{font-size:15px}.add-cart-premium-v20 small{font-size:9px;color:rgba(255,255,255,.82);font-weight:500;margin-top:3px}
.contact-buy-box-v20{border-radius:20px!important;padding:22px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;border:1px solid #dbe6f5!important}.contact-price-hero-v20 small{display:block;color:#7c8ba0;font-size:11px}.contact-price-hero-v20 strong{display:block;color:#0864e8;font-size:32px;letter-spacing:-.04em;margin:4px 0}.contact-price-hero-v20 p{color:#667791;font-size:13px;margin:0}.contact-variants-v20{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:18px 0}.contact-variants-v20>span{width:100%;font-size:11px;color:#74849c}.contact-variants-v20 b{display:inline-flex;padding:7px 10px;border-radius:9px;background:#edf5ff;color:#235da9;font-size:10px}.contact-actions-v20{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.contact-main-button-v20,.contact-secondary-button-v20{min-height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:750;text-align:center;padding:0 14px}.contact-main-button-v20{background:linear-gradient(135deg,#0a67f4,#147cff);color:#fff;box-shadow:0 12px 26px rgba(14,104,244,.22)}.contact-secondary-button-v20{background:#fff;border:1px solid #cfe0f5;color:#175aa9}.contact-main-button-v20.disabled{border:0;background:#a9b6c7;box-shadow:none;width:100%}.contact-mobile-dock-v20 .mobile-dock-button{display:flex;align-items:center;justify-content:center;text-decoration:none}
.price-mode-admin-v20{display:grid;grid-template-columns:minmax(190px,1fr) 1fr 1fr;gap:12px;align-items:stretch;margin:18px 0 4px;padding:16px;border-radius:16px;background:#f8fbff;border:1px solid #dce7f5}.price-mode-admin-v20>div p{margin:4px 0 0}.price-mode-choice-v20{display:flex;align-items:center;gap:10px;border:1px solid #dbe5f2;background:#fff;border-radius:13px;padding:12px;cursor:pointer}.price-mode-choice-v20:has(input:checked){border-color:#2879f6;box-shadow:0 0 0 3px rgba(40,121,246,.08);background:#f8fbff}.price-mode-choice-v20 span{display:flex;flex-direction:column}.price-mode-choice-v20 b{font-size:12px}.price-mode-choice-v20 small{font-size:9px;color:#74849a;margin-top:2px}.variant-price-field.is-hidden-price{display:none!important}
.wishlist-page-v20 .section-head h1{font-size:34px;margin:5px 0}.wishlist-subtitle-v20{color:#718098;margin:0}.wishlist-empty-v20{min-height:320px;border:1px dashed #cbd8e8;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.wishlist-empty-icon-v20{width:74px;height:74px;border-radius:24px;background:#eef5ff;color:#1264df;display:grid;place-items:center;font-size:42px}.wishlist-empty-v20 h2{margin:15px 0 7px}.wishlist-empty-v20 p{color:#718098;margin:0 0 18px}.pagination-wrap{margin-top:22px}
@media(max-width:760px){.product-title-row-v20 h1{font-size:31px}.detail-wishlist-v20{width:44px;height:44px;flex-basis:44px}.buy-box-v20{padding:14px!important}.buy-box-head-v20{display:block}.buy-box-head-v20 small{display:block;margin-top:3px}.buy-row-v20{display:grid!important;grid-template-columns:88px 1fr}.qty-box-v20{width:auto;min-width:0}.add-cart-premium-v20{min-height:60px;padding:0 12px}.cart-icon-v20{font-size:20px}.add-cart-premium-v20 b{font-size:12px}.add-cart-premium-v20 small{font-size:8px}.contact-actions-v20{grid-template-columns:1fr}.price-mode-admin-v20{grid-template-columns:1fr}.wishlist-page-v20 .section-head{align-items:flex-start}.wishlist-page-v20 .section-head h1{font-size:27px}}
.product-media-wrap-v20>a.wish-icon-v9{position:absolute!important;right:10px;top:10px;z-index:8}

/* V21 admin entry for authenticated administrators */
.quick-action-v13.admin-entry-v21 .quick-icon-v13{color:#1267ed}.quick-action-v13.admin-entry-v21 .quick-label-v13{color:#1267ed;font-weight:800}.mobile-admin-entry-v21{color:#1267ed!important}.mobile-admin-entry-v21 .mobile-nav-icon{background:#edf5ff;border-radius:14px}.mobile-admin-entry-v21 .mobile-nav-icon svg{stroke:#1267ed}

/* =========================================================
   V22 PC/MOBILE FEATURE PARITY
   - Mobile quick menu exposes categories/account/address/support/admin.
   - Account center is shared by PC/mobile.
   - Dedicated all-categories page.
   ========================================================= */
.store-mobile-menu-v22,.store-mobile-backdrop-v22,.store-mobile-sheet-v22{display:none}
.account-center-hero-v22{padding-bottom:28px}.account-grid-v22{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.account-tile-v22{min-height:116px;background:#fff;border:1px solid #e1e9f4;border-radius:18px;padding:18px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;box-shadow:0 8px 24px rgba(20,43,82,.05)}.account-tile-v22>span{width:46px;height:46px;border-radius:14px;background:#edf5ff;color:#1768ef;display:grid;place-items:center;font-size:22px;font-weight:800}.account-tile-v22 strong{display:block;font-size:15px}.account-tile-v22 small{display:block;margin-top:4px;color:#75859c;font-size:11px}.account-tile-v22>b{font-size:24px;color:#9aabc1}.account-tile-v22:hover{border-color:#bcd4fb;transform:translateY(-1px)}.account-tile-v22.admin{background:linear-gradient(135deg,#eef5ff,#f8fbff);border-color:#cbdcff}.account-orders-v22{margin-top:18px}.account-logout-v22{display:flex;justify-content:flex-end;margin-top:16px}.account-logout-v22 button{border:1px solid #f1c9ce;background:#fff;color:#c73545;border-radius:10px;padding:10px 16px;font-weight:700}
.all-categories-grid-v22{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-card-v22{min-height:100px;background:#fff;border:1px solid #e1e9f4;border-radius:16px;padding:16px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;box-shadow:0 8px 24px rgba(20,43,82,.04)}.category-card-v22>span{width:52px;height:52px;border-radius:15px;background:#eef5ff;color:#1768ef;display:grid;place-items:center;font-weight:900}.category-card-v22 strong{display:block}.category-card-v22 small{display:block;color:#7a899f;font-size:11px;margin-top:4px}.category-card-v22>b{font-size:24px;color:#9aabc1}.category-card-v22:hover{border-color:#bcd4fb;color:#1768ef}

@media(max-width:760px){
  .store-topbar-v9{position:relative}
  .store-mobile-menu-v22{display:grid;place-items:center;position:absolute;right:0;top:10px;width:46px;height:46px;border:1px solid #dce7f6;border-radius:14px;background:#fff;color:#17345d;z-index:3}
  .store-mobile-menu-v22 svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .store-mobile-backdrop-v22{display:block;position:fixed;inset:0;background:rgba(9,20,38,.38);z-index:118;backdrop-filter:blur(2px)}.store-mobile-backdrop-v22[hidden]{display:none}
  .store-mobile-sheet-v22{display:block;position:fixed;left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:119;background:#fff;border:1px solid #e1e8f2;border-radius:24px;padding:10px 14px 16px;box-shadow:0 28px 70px rgba(12,31,62,.24)}.store-mobile-sheet-v22[hidden]{display:none}.store-mobile-sheet-handle-v22{width:42px;height:4px;background:#d8e0eb;border-radius:999px;margin:0 auto 10px}.store-mobile-sheet-head-v22{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 12px}.store-mobile-sheet-head-v22 strong{display:block;font-size:16px}.store-mobile-sheet-head-v22 small{display:block;color:#7b8ba1;font-size:10px;margin-top:2px}.store-mobile-sheet-head-v22 button{width:38px;height:38px;border:0;border-radius:12px;background:#f1f5fa;color:#253a5c;font-size:25px}.store-mobile-grid-v22{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.store-mobile-grid-v22 a{min-height:78px;border:1px solid #e5ebf3;border-radius:15px;background:#f9fbfe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;font-size:10px;font-weight:700;color:#31445f}.store-mobile-grid-v22 a b{font-size:21px;line-height:1}.store-mobile-grid-v22 a.admin{background:#edf5ff;color:#1768ef;border-color:#cfe0fb}.store-mobile-logout-v22{margin-top:10px}.store-mobile-logout-v22 button{width:100%;height:42px;border:1px solid #f0d2d6;border-radius:12px;background:#fff;color:#bd3c4a;font-weight:700}.store-sheet-open-v22{overflow:hidden}
  .account-grid-v22{grid-template-columns:1fr 1fr;gap:10px}.account-tile-v22{min-height:104px;padding:13px;grid-template-columns:40px minmax(0,1fr);gap:10px}.account-tile-v22>span{width:40px;height:40px;border-radius:12px;font-size:19px}.account-tile-v22>b{display:none}.account-tile-v22 strong{font-size:13px}.account-tile-v22 small{font-size:9px}.account-orders-v22{padding:12px}.account-logout-v22 button{width:100%;height:46px}.all-categories-grid-v22{grid-template-columns:1fr 1fr;gap:10px}.category-card-v22{min-height:94px;padding:12px;grid-template-columns:42px minmax(0,1fr);gap:10px}.category-card-v22>span{width:42px;height:42px;border-radius:12px}.category-card-v22>b{display:none}.category-card-v22 strong{font-size:13px}.category-card-v22 small{font-size:9px}
}
@media(max-width:360px){.store-mobile-grid-v22{grid-template-columns:repeat(3,minmax(0,1fr))}.account-grid-v22,.all-categories-grid-v22{grid-template-columns:1fr}}
.admin-user-card-v22{grid-template-columns:auto minmax(0,1fr) auto}.admin-user-card-v22 form{margin:0}.admin-user-card-v22 button{width:34px;height:34px;border:0;border-radius:10px;background:#f3f6fa;color:#52647e;font-size:18px;cursor:pointer}.admin-user-card-v22 button:hover{background:#ffecef;color:#bd3d4b}


/* =========================================================
   V23 — Buy Now, quick categories, refined typography
   ========================================================= */
:root{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body,button,input,select,textarea{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,h4,h5,h6,.brand-v9-copy strong,.btn,.mobile-dock-button,.product-body h3,.footer-title{font-family:"Manrope","Inter",ui-sans-serif,system-ui,sans-serif}
h1,h2,h3{letter-spacing:-.035em}.product-body h3{letter-spacing:-.02em}.brand-v9-copy strong{letter-spacing:-.025em}

.mobile-category-strip-v23{display:none;background:#fff;border-top:1px solid #eef2f7;border-bottom:1px solid #e8eef7}
.mobile-category-scroll-v23{display:flex;gap:9px;overflow-x:auto;padding:10px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mobile-category-scroll-v23::-webkit-scrollbar{display:none}
.mobile-category-scroll-v23 a{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid #dbe5f2;border-radius:999px;background:#fff;color:#52637b;font:700 12px/1 "Manrope","Inter",sans-serif;white-space:nowrap}
.mobile-category-scroll-v23 a.all{color:#1268ec;background:#f4f8ff;border-color:#cfe0fa}.mobile-category-scroll-v23 a.active{background:#1268ec;border-color:#1268ec;color:#fff;box-shadow:0 6px 16px rgba(18,104,236,.18)}

.product-category-link-v23{display:inline-flex;align-items:center;gap:5px}.product-category-link-v23:hover{color:#075ee8}
.buy-row-v23{align-items:stretch}.product-buy-actions-v23{display:grid;grid-template-columns:1fr;gap:10px;min-width:0}
.buy-now-premium-v23,.add-cart-secondary-v23{width:100%;min-height:64px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;font-family:"Manrope","Inter",sans-serif;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.buy-now-premium-v23{border:1px solid #0b65ef;background:linear-gradient(135deg,#0868f2,#167cff);color:#fff;box-shadow:0 12px 26px rgba(7,94,232,.22)}
.buy-now-premium-v23:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(7,94,232,.27)}
.buy-now-premium-v23:disabled,.add-cart-secondary-v23:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.buy-now-premium-v23>span:last-child,.add-cart-secondary-v23>span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.buy-now-premium-v23 b,.add-cart-secondary-v23 b{font-size:15px}.buy-now-premium-v23 small,.add-cart-secondary-v23 small{font:500 10px/1.4 "Inter",sans-serif;margin-top:3px;opacity:.86}.buy-now-icon-v23{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:19px}
.add-cart-secondary-v23{background:#fff!important;color:#0f2e5d!important;border:1px solid #bcd2f1!important;box-shadow:none!important}.add-cart-secondary-v23:hover{border-color:#75a9ee!important;background:#f7fbff!important}.add-cart-secondary-v23 .cart-icon-v20{background:#eef5ff;color:#0b65ef}
.mobile-buy-now-v23{background:linear-gradient(135deg,#075ee8,#167cff)!important;color:#fff!important;box-shadow:0 12px 26px rgba(7,94,232,.24)!important;font-family:"Manrope","Inter",sans-serif!important;font-weight:800!important}

@media (min-width:761px){
  .buy-row-v23{grid-template-columns:92px minmax(0,1fr)}
  .product-buy-actions-v23{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .mobile-category-strip-v23{display:block;position:relative;z-index:42}
  .product-detail-section-v16{padding-top:20px}
  .buy-row-v23{display:grid;grid-template-columns:1fr;gap:12px}
  .qty-box-v20{width:100%;min-height:78px}
  .product-buy-actions-v23{grid-template-columns:1fr}
  .buy-now-premium-v23,.add-cart-secondary-v23{min-height:68px;border-radius:18px}
  .buy-now-premium-v23 b,.add-cart-secondary-v23 b{font-size:16px}
  .mobile-product-dock .mobile-dock-button{min-width:150px}
}

/* =========================================================
   V24 — All products filters + Flash Sale
   ========================================================= */
.all-products-page-v24{padding:36px 0 64px;background:#f6f8fc;min-height:70vh}.all-products-head-v24{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.all-products-head-v24 h1{font-family:"Manrope",sans-serif;font-size:42px;margin:6px 0 6px;letter-spacing:-.035em}.all-products-head-v24 p{margin:0;color:#738199}.clear-filter-v24{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid #dce5f2;background:#fff;color:#1269ee;font-weight:700;font-size:13px}
.product-filter-v24{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(150px,.8fr)) auto;gap:12px;padding:16px;background:#fff;border:1px solid #e1e8f2;border-radius:18px;box-shadow:0 10px 28px rgba(26,48,82,.05);margin-bottom:16px}.product-filter-v24 label{display:flex;flex-direction:column;gap:7px;min-width:0}.product-filter-v24 label>span{font-size:11px;color:#6e7d95;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.product-filter-v24 input,.product-filter-v24 select{height:46px;width:100%;border:1px solid #dce5f0;border-radius:11px;background:#fff;padding:0 12px;color:#17243f;outline:none}.product-filter-v24 input:focus,.product-filter-v24 select:focus{border-color:#4a91ff;box-shadow:0 0 0 3px rgba(40,116,255,.11)}.filter-submit-v24{align-self:end;height:46px;border:0;border-radius:11px;padding:0 18px;background:#146df4;color:#fff;font-weight:800;white-space:nowrap}.active-filters-v24{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.active-filters-v24 span{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;background:#fff;border:1px solid #dfe7f2;border-radius:999px;font-size:12px;color:#50617a}.flash-filter-chip-v24{background:#fff1ed!important;border-color:#ffd3c7!important;color:#df3e25!important;font-weight:800}.all-product-grid-v24{margin-top:8px}.empty-products-v24{padding:48px 20px;text-align:center;border:1px dashed #ccd8e8;border-radius:18px;background:#fff}.empty-products-v24 strong{display:block;font-size:20px}.empty-products-v24 p{color:#74839a;margin:8px 0 16px}.pagination-v24{margin-top:28px}.pagination-v24 nav{display:flex;justify-content:center}.pagination-v24 .pagination{display:flex;gap:6px;list-style:none;padding:0}.pagination-v24 a,.pagination-v24 span{min-width:38px;height:38px;padding:0 10px;border-radius:9px;border:1px solid #dce5f0;background:#fff;display:inline-flex;align-items:center;justify-content:center}

.flash-sale-section-v24{padding:30px 0 34px;background:linear-gradient(180deg,#fff5f1,#fff);border-block:1px solid #ffe2d8}.flash-sale-head-v24{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:15px 18px;border-radius:16px;background:linear-gradient(100deg,#ff4438,#ff7b2c);color:#fff;box-shadow:0 14px 30px rgba(239,75,41,.16)}.flash-sale-head-v24>div{display:flex;align-items:center;gap:10px}.flash-lightning-v24{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:24px}.flash-sale-head-v24 strong{display:block;font-family:"Manrope",sans-serif;font-size:24px;letter-spacing:.02em}.flash-sale-head-v24 small{display:block;opacity:.9;font-size:11px}.flash-sale-head-v24 a{font-weight:800;font-size:13px}.flash-product-grid-v24 .product-card{border-color:#ffd9cf}.is-flash-sale-v24{position:relative}.flash-sale-badge-v24{position:absolute;z-index:8;left:9px;top:9px;padding:6px 9px;border-radius:8px;background:linear-gradient(120deg,#ff4438,#ff7a2f);color:#fff;font-size:10px;font-weight:900;box-shadow:0 6px 16px rgba(238,73,42,.22)}.product-badge-under-flash-v24{top:45px!important}.flash-price-v24{color:#eb3d2b!important}.price-stack-v9 small{text-decoration:line-through;color:#9aa8bc}.detail-flash-badge-v24{display:inline-flex;align-items:center;padding:7px 11px;border-radius:9px;background:#fff0eb;color:#e94028;font-size:12px;font-weight:900;margin-bottom:8px}.variant-option strong del{display:block;margin-top:3px;color:#9aa7ba;font-size:11px;font-weight:500}.is-flash-sale-v24 .mini-cart{border-color:#ffc2b3;background:#fff5f1}

.flash-sale-admin-v24{margin-top:16px;border:1px solid #ffd8cc;border-radius:16px;background:linear-gradient(180deg,#fff8f5,#fff);padding:16px}.flash-sale-admin-head-v24{display:flex;align-items:center;justify-content:space-between;gap:16px}.flash-sale-admin-head-v24>div{display:flex;align-items:center;gap:10px}.flash-admin-icon-v24{width:42px;height:42px;border-radius:12px;background:#ffebe5;display:grid;place-items:center;font-size:21px}.flash-sale-admin-head-v24 strong{display:block}.flash-sale-admin-head-v24 small{display:block;color:#7b8799;font-size:11px;margin-top:2px}.flash-switch-v24 input{position:absolute;opacity:0;pointer-events:none}.flash-switch-v24>span{width:52px;height:30px;border-radius:999px;background:#ccd6e3;display:block;position:relative;cursor:pointer;transition:.18s}.flash-switch-v24>span:after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 3px 8px rgba(0,0,0,.16);transition:.18s}.flash-switch-v24 input:checked+span{background:#ff573f}.flash-switch-v24 input:checked+span:after{left:25px}.flash-switch-v24 input:disabled+span{opacity:.45;cursor:not-allowed}.flash-percent-field-v24{display:block;margin-top:14px;font-size:12px;font-weight:700}.flash-percent-field-v24>div{display:flex;align-items:center;margin-top:7px;width:170px;border:1px solid #e0e6ef;border-radius:10px;background:#fff;overflow:hidden}.flash-percent-field-v24 input{width:120px;height:42px;border:0;padding:0 12px;outline:none}.flash-percent-field-v24 b{padding:0 12px;color:#e94731}.flash-percent-field-v24 small{display:block;color:#7b8799;font-weight:400;margin-top:6px}.flash-percent-field-v24.is-disabled{opacity:.48}.flash-ready-note-v24{margin:12px 0 0;color:#c23e2a}.admin-flash-pill-v24{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff0eb;color:#e83f28;font-size:10px;font-weight:800}.muted-dash-v24{color:#9aa7b8}

@media(max-width:980px){.product-filter-v24{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-search-v24{grid-column:1/-1}.filter-submit-v24{grid-column:1/-1}.all-products-head-v24 h1{font-size:34px}}
@media(max-width:760px){.all-products-page-v24{padding:24px 0 120px}.all-products-head-v24{align-items:flex-start}.all-products-head-v24 h1{font-size:30px}.product-filter-v24{grid-template-columns:1fr 1fr;padding:12px;gap:10px;border-radius:15px}.filter-search-v24{grid-column:1/-1}.product-filter-v24 label>span{font-size:9px}.product-filter-v24 input,.product-filter-v24 select{height:44px;font-size:14px}.filter-submit-v24{grid-column:1/-1}.flash-sale-section-v24{padding:22px 0 26px}.flash-sale-head-v24{padding:12px;border-radius:14px}.flash-sale-head-v24 strong{font-size:20px}.flash-sale-head-v24 small{display:none}.flash-sale-head-v24 a{font-size:11px;text-align:right}.flash-lightning-v24{width:38px;height:38px}.flash-sale-badge-v24{left:8px;top:8px;padding:5px 7px;font-size:9px}.product-badge-under-flash-v24{top:40px!important}}

.flash-admin-title-v24 p{margin:6px 0 0;color:#718198}.flash-admin-grid-v24{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.flash-admin-product-v24{background:#fff;border:1px solid #e2e9f2;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(17,42,79,.04)}.flash-admin-product-v24.active{border-color:#ffb9a9;box-shadow:0 10px 26px rgba(239,79,47,.09)}.flash-admin-product-v24.disabled{opacity:.68}.flash-admin-product-media-v24{height:150px;background:#f4f8fd;position:relative;display:grid;place-items:center}.flash-admin-product-media-v24 img{width:100%;height:100%;object-fit:cover}.flash-admin-product-media-v24>div{font-size:38px;font-weight:900;color:#1b68ef}.flash-admin-product-media-v24>span{position:absolute;left:8px;top:8px;padding:5px 8px;border-radius:8px;background:#ff4a35;color:#fff;font-size:10px;font-weight:900}.flash-admin-product-info-v24{padding:13px}.flash-admin-product-info-v24>small{display:block;color:#708199;font-size:10px}.flash-admin-product-info-v24>strong{display:block;margin:4px 0;font-size:14px}.flash-admin-product-info-v24>p{font-size:11px;color:#718198;margin:6px 0 12px}.flash-admin-controls-v24{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:end}.flash-admin-checkbox-v24{min-height:42px;display:flex;align-items:center;gap:8px;border:1px solid #e1e8f2;border-radius:10px;padding:0 10px}.flash-admin-checkbox-v24 input{width:17px;height:17px}.flash-admin-checkbox-v24 span{font-size:11px;font-weight:700}.flash-admin-controls-v24>label:last-child>span{display:block;font-size:9px;color:#78879d;font-weight:700;margin-bottom:5px}.flash-admin-controls-v24>label:last-child>div{height:42px;border:1px solid #e1e8f2;border-radius:10px;display:flex;align-items:center;overflow:hidden}.flash-admin-controls-v24 input[type=number]{width:78px;height:100%;border:0;padding:0 9px;outline:none}.flash-admin-controls-v24 b{font-size:12px;color:#e8442d}.flash-admin-save-v24{position:sticky;bottom:18px;display:flex;justify-content:flex-end;margin-top:18px;z-index:5}.flash-admin-save-v24 .btn{box-shadow:0 12px 30px rgba(18,105,238,.22)}
@media(max-width:1100px){.flash-admin-grid-v24{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.flash-admin-grid-v24{grid-template-columns:1fr}.flash-admin-product-v24{display:grid;grid-template-columns:110px 1fr}.flash-admin-product-media-v24{height:100%;min-height:150px}.flash-admin-controls-v24{grid-template-columns:1fr 100px}.flash-admin-save-v24 .btn{width:100%}}

/* =========================================================
   V25 — Mobile app shell stability / iPhone horizontal-drift fix
   ========================================================= */
@media (max-width:760px){
  html{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    overscroll-behavior-x:none;
    -webkit-text-size-adjust:100%;
  }
  body,
  .v9-store-body,
  .admin-v9-body{
    width:100%;
    max-width:100vw;
    min-width:0;
    overflow-x:hidden;
    overscroll-behavior-x:none;
    position:relative;
  }

  /* Keep the storefront anchored like an app header. */
  .store-header-v9{
    position:sticky!important;
    top:0;
    left:0;
    right:0;
    width:100%;
    max-width:100vw;
    z-index:110;
    background:#fff!important;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    box-shadow:0 1px 0 #e8eef6,0 8px 22px rgba(18,43,81,.055)!important;
  }
  .store-header-v9>.container,
  .store-main-v9>.container,
  .home-v9-shell>.container,
  .flash-sale-section-v24>.container,
  .storefront-section>.container,
  .process-section>.container,
  .trust-section>.container,
  .footer-v9>.container{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:max(16px,env(safe-area-inset-left))!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
  }
  .store-topbar-v9,
  .search-v9,
  .store-main-v9,
  .home-v9-shell,
  .home-v9-grid,
  .hero-area-v9,
  .featured-v9,
  .flash-sale-section-v24,
  .storefront-section,
  .process-section,
  .trust-section,
  .footer-v9{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  /* Old full-bleed negative margins were creating the sideways page scroll. */
  .hero-banner-v9,
  .hero-banner-like-sample-v11,
  .hero-banner-only-v12{
    margin-left:0!important;
    margin-right:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  .hero-banner-only-v12{border-radius:20px!important;overflow:hidden!important}

  /* Only category chips themselves may scroll sideways; the page may not. */
  .mobile-category-strip-v23{
    width:100%;
    max-width:100vw;
    overflow:hidden;
    background:#fff;
    position:relative;
    z-index:45;
  }
  .mobile-category-scroll-v23{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
    padding-left:max(16px,env(safe-area-inset-left));
    padding-right:max(16px,env(safe-area-inset-right));
  }

  /* Grid children must be allowed to shrink instead of widening the viewport. */
  .product-grid,
  .product-grid-five,
  .product-grid-v9,
  .flash-product-grid-v24,
  .trust-strip-v9,
  .process-grid,
  .trust-grid,
  .stats-ribbon,
  .checkout-grid,
  .cart-layout,
  .order-grid,
  .address-grid{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .product-grid>* ,
  .product-grid-five>* ,
  .product-grid-v9>* ,
  .flash-product-grid-v24>* ,
  .trust-strip-v9>* ,
  .process-grid>* ,
  .trust-grid>*{
    min-width:0;
    max-width:100%;
  }
  .trust-strip-v9{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .trust-strip-v9>div span{min-width:0}
  .trust-strip-v9 strong,.trust-strip-v9 small{overflow-wrap:anywhere}

  /* Flash-sale and headings can never push beyond the screen. */
  .flash-sale-head-v24,
  .section-head,
  .all-products-head-v24,
  .product-filter-v24{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .flash-sale-head-v24>div{min-width:0}.flash-sale-head-v24 strong{white-space:nowrap}.flash-sale-head-v24 a{min-width:0;white-space:normal}

  /* App bottom navigation is pinned to the viewport and respects iPhone safe areas. */
  .mobile-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:100vw!important;
    padding-left:max(4px,env(safe-area-inset-left))!important;
    padding-right:max(4px,env(safe-area-inset-right))!important;
    padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    contain:layout paint;
  }
  .mobile-action-dock{
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    max-width:calc(100vw - max(20px, env(safe-area-inset-left) + env(safe-area-inset-right)))!important;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
  }
  .support-fab-wrap{
    right:max(11px,env(safe-area-inset-right))!important;
    max-width:calc(100vw - 22px)!important;
  }

  /* Sheets are viewport-bound; opening one never moves the page underneath. */
  .store-mobile-sheet-v22{
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    max-width:calc(100vw - 20px)!important;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
  }
  body.store-sheet-open-v22{overflow:hidden!important;position:relative!important;width:100%!important}

  /* Admin mobile gets the same locked app-shell behavior. */
  .admin-v9-shell,.admin-v9-main,.admin-v9-content,.admin-v18-content{
    width:100%;
    max-width:100vw;
    min-width:0;
    overflow-x:hidden;
  }
  .admin-v18-content .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
}

/* V27 stable product editor */
.product-feature-warning-v27{border-left:4px solid #f0ad36;background:#fffaf0;margin-bottom:16px}.product-feature-warning-v27 p{margin:5px 0 0;color:#6d7788}.product-editor-v27{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.product-editor-main-v27{display:grid;gap:18px}.product-editor-side-v27{min-width:0}.product-editor-v27 .content-card{overflow:visible}.product-editor-v27 input,.product-editor-v27 select,.product-editor-v27 textarea{max-width:100%}@media(max-width:900px){.product-editor-v27{grid-template-columns:1fr}.product-editor-side-v27 .sticky{position:static}}

/* V28 - trạng thái đơn tiếng Việt + quản lý trạng thái + nút X ảnh */
.status-v28{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--status-color,#64748B) 12%,#fff);color:var(--status-color,#64748B);border:1px solid color-mix(in srgb,var(--status-color,#64748B) 28%,#fff);font-weight:700;font-size:12px;white-space:nowrap}.status-v28:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--status-color,#64748B);margin-right:7px}.order-status-current-v28{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px;padding:12px;border-radius:12px;background:#f8fbff;border:1px solid #e1e9f5}.order-status-current-v28>span{font-size:12px;color:#6b7b91}.order-status-manage-link-v28{display:inline-flex;margin:14px 0 4px}
.order-status-admin-grid-v28{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.5fr);gap:18px}.status-create-form-v28{display:grid;gap:13px}.status-create-form-v28 label,.status-edit-fields-v28 label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.status-create-form-v28 input:not([type="checkbox"]),.status-edit-fields-v28 input:not([type="checkbox"]){width:100%;min-height:42px;border:1px solid #dbe4f0;border-radius:10px;padding:0 11px;background:#fff}.status-create-form-v28 input[type="color"],.status-edit-fields-v28 input[type="color"]{padding:5px;min-height:44px}.status-list-v28{display:grid;gap:12px}.status-edit-card-v28{display:flex;align-items:flex-end;gap:10px;padding:14px;border:1px solid #e2e9f3;border-radius:14px;background:#fff}.status-edit-card-v28>form:first-child{flex:1;min-width:0}.status-preview-line-v28{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.status-preview-line-v28 small{color:#8190a5;font-size:10px}.status-edit-fields-v28{display:grid;grid-template-columns:minmax(160px,1.4fr) 86px 90px auto;gap:10px;align-items:end;margin-bottom:10px}
.existing-gallery-item,.new-gallery-item-v28{position:relative}.gallery-x-button-v28{position:absolute;right:8px;top:8px;z-index:4;width:34px;height:34px;border-radius:50%;border:0;background:rgba(13,23,48,.86);color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;box-shadow:0 8px 18px rgba(12,24,49,.2)}.gallery-x-button-v28:hover{background:#e53945}.new-gallery-item-v28 small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.existing-gallery-item.marked-for-remove-v28{opacity:.48;filter:grayscale(.6)}.existing-gallery-item.marked-for-remove-v28:after{content:"SẼ XÓA";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);background:#e53945;color:#fff;padding:7px 12px;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.08em;z-index:3}.existing-gallery-item.marked-for-remove-v28 .gallery-x-button-v28{background:#1670f8}.existing-remove-note-v28{display:block;color:#c72d38;font-weight:700;margin-top:6px}
@media(max-width:760px){.order-status-admin-grid-v28{grid-template-columns:1fr}.status-edit-card-v28{display:block}.status-edit-fields-v28{grid-template-columns:1fr 90px}.status-edit-card-v28>form+form{margin-top:10px}.status-create-form-v28 .btn{width:100%}.status-v28{font-size:11px;min-height:28px;padding:4px 9px}.gallery-x-button-v28{width:32px;height:32px;right:6px;top:6px}}

/* =========================================================
   V29 — Benaushop mobile polish, bold Vietnamese typography,
   availability mode, password form and no-scroll order cards.
   ========================================================= */
:root{--v29-font:"Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html,body,button,input,select,textarea{font-family:var(--v29-font)!important}
body{font-weight:500;color:#101b35}
h1,h2,h3,h4,h5,h6,.brand-v9-copy strong,.btn,.mobile-nav-item,.store-mobile-sheet-v22 strong{font-family:var(--v29-font)!important;font-weight:800!important;letter-spacing:-.025em}
.product-body h3,.product-foot strong,.quick-label-v13,.footer-title{font-weight:700!important}

/* Product availability: available vs preorder/waiting. */
.availability-admin-v29{display:grid;grid-template-columns:minmax(180px,.9fr) repeat(2,minmax(180px,1fr));gap:12px;align-items:stretch;margin:18px 0;padding:16px;border:1px solid #dfe8f4;border-radius:16px;background:#f8fbff}.availability-admin-v29>div{padding:4px 2px}.availability-admin-v29>div strong{font-size:15px}.availability-choice-v29{position:relative;display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid #d8e4f4;border-radius:13px;background:#fff;cursor:pointer}.availability-choice-v29:has(input:checked){border-color:#1670f8;box-shadow:0 0 0 3px rgba(22,112,248,.10);background:#f5f9ff}.availability-choice-v29 input{margin-top:4px}.availability-choice-v29 b{display:block;font-size:14px}.availability-choice-v29 small{display:block;margin-top:4px;color:#6d7e97;font-size:11px;line-height:1.5}.availability-line-v29.preorder{color:#a36308!important;font-weight:700}.availability-line-v29.available{color:#47708c;font-weight:600}.detail-availability-v29{display:flex;flex-direction:column;gap:3px;margin:13px 0 17px;padding:12px 14px;border-radius:13px;border:1px solid #dce8f5;background:#f7fbff}.detail-availability-v29 strong{font-size:13px;color:#1670f8}.detail-availability-v29 span{font-size:11px;color:#6d7c92}.detail-availability-v29.preorder{background:#fff9ec;border-color:#f3dfb1}.detail-availability-v29.preorder strong{color:#a56808}

/* Account security. */
.account-password-v29{margin-top:20px}.password-form-v29{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end}.password-form-v29 label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.password-form-v29 input{min-height:46px;border:1px solid #dce5f1;border-radius:12px;padding:0 13px;background:#fff;outline:none}.password-form-v29 input:focus{border-color:#1670f8;box-shadow:0 0 0 3px rgba(22,112,248,.09)}

/* Customer order page: full information without horizontal dragging. */
.orders-mobile-v29,.admin-orders-mobile-v29{display:none}.orders-hero-v29 p{color:#6c7a91;margin:8px 0 0}.order-mobile-card-v29,.admin-order-card-v29{display:block;background:#fff;border:1px solid #dfe7f2;border-radius:18px;padding:15px;box-shadow:0 10px 26px rgba(20,44,82,.055);color:#14213b}.order-mobile-top-v29,.admin-order-card-head-v29{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.order-mobile-top-v29 small,.admin-order-card-head-v29 small,.order-mobile-grid-v29 small,.admin-order-money-v29 small{display:block;color:#7b8aa0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.order-mobile-top-v29 strong,.admin-order-card-head-v29 strong{display:block;color:#0867e9;font-size:14px;margin-top:3px;overflow-wrap:anywhere}.order-mobile-grid-v29,.admin-order-money-v29{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;padding:13px;border-radius:14px;background:#f7f9fc}.order-mobile-grid-v29 b,.admin-order-money-v29 b{display:block;margin-top:4px;font-size:13px}.order-mobile-open-v29,.admin-order-open-v29{display:flex;justify-content:space-between;align-items:center;margin-top:13px;color:#126ced;font-size:12px;font-weight:800}.admin-order-customer-v29{display:flex;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid #edf1f6}.admin-order-customer-v29 strong{font-size:13px}.admin-order-customer-v29 span{font-size:11px;color:#76859b}

/* Refine quick mobile sheet to feel more like a native app. */
.store-mobile-sheet-v22{border-radius:28px 28px 18px 18px!important;box-shadow:0 -18px 70px rgba(16,32,61,.22)!important}.store-mobile-sheet-head-v22 strong{font-size:21px!important}.store-mobile-sheet-head-v22 small{font-size:12px!important}.store-mobile-grid-v22{gap:10px!important}.store-mobile-grid-v22>a{border-radius:16px!important;border:1px solid #dfe8f5!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;min-height:104px!important;font-weight:800!important}.store-mobile-grid-v22>a b{font-size:25px!important}.store-mobile-logout-v22 button{font-weight:800!important}

@media(max-width:900px){.availability-admin-v29{grid-template-columns:1fr}.password-form-v29{grid-template-columns:1fr 1fr}.password-form-v29 .btn{grid-column:1/-1}}

@media(max-width:760px){
  /* Larger, heavier typography on phone. */
  body{font-size:16px;font-weight:500}.brand-v9-copy strong{font-size:21px!important}.brand-v9-copy small{font-size:10px!important;font-weight:700!important;letter-spacing:.13em!important}.search-v9 input{font-size:16px!important;font-weight:500}.section-head h2,.v9-head h2{font-size:26px!important;font-weight:800!important}.product-body h3{font-size:16px!important;font-weight:700!important;line-height:1.35!important}.product-foot strong{font-size:18px!important}.page-hero h1{font-size:35px!important;font-weight:800!important}.eyebrow{font-size:11px!important;font-weight:800!important}.mobile-nav-item{font-size:11px!important;font-weight:700!important}

  /* Category chips live below the banner only on the home page. */
  .mobile-category-below-banner-v29{display:block!important;margin:0;background:#fff;border-top:1px solid #eaf0f7;border-bottom:1px solid #eaf0f7;padding:10px 0!important}.mobile-category-below-banner-v29 .mobile-category-scroll-v23{padding-top:0!important;padding-bottom:0!important}.mobile-category-scroll-v23 a{font-size:13px!important;font-weight:700!important;min-height:42px!important;padding:0 16px!important;border-radius:999px!important}

  /* Remove extra whitespace left by the old four-benefit strip. */
  .home-v9-shell{padding-bottom:0!important}.hero-area-v9{gap:0!important}.hero-banner-only-v12{margin-bottom:0!important}

  /* Orders are native-looking cards; desktop table is hidden on phone. */
  .orders-desktop-v29,.admin-orders-desktop-v29{display:none!important}.orders-mobile-v29,.admin-orders-mobile-v29{display:grid!important;gap:12px}.orders-page-v29{padding-top:20px!important}.orders-page-v29>.container,.admin-orders-v29>.container{overflow:visible!important}.order-mobile-card-v29,.admin-order-card-v29{width:100%;max-width:100%;min-width:0}.status-v28{max-width:145px;white-space:normal!important;text-align:center;line-height:1.25}.admin-order-filter-v29{display:grid!important;grid-template-columns:1fr 110px!important}.admin-order-filter-v29 input{grid-column:1/-1!important;min-width:0!important}.admin-order-filter-v29 select,.admin-order-filter-v29 .btn{width:100%!important;min-width:0!important}

  /* Account password form becomes one clean vertical stack. */
  .password-form-v29{grid-template-columns:1fr}.password-form-v29 .btn{grid-column:auto;width:100%}.account-password-v29{border-radius:18px!important}

  .availability-admin-v29{padding:13px;margin:14px 0}.availability-choice-v29{padding:14px}.availability-choice-v29 b{font-size:15px}.availability-choice-v29 small{font-size:12px}
}
.status-preorder-v29{background:#fff7e5!important;color:#9a6108!important;border-color:#f0d598!important}

/* =========================================================
   V30 — Mobile menu redesign + username/password authentication
   ========================================================= */
.auth-v30{padding-top:38px;padding-bottom:80px;background:linear-gradient(180deg,#f7faff,#fff)}
.auth-card-v30{border-radius:24px!important;border:1px solid #dde7f4!important;box-shadow:0 22px 60px rgba(21,45,82,.09)!important;padding:30px!important}.auth-icon-v30{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#edf5ff,#dceaff);color:#1268ef;display:grid;place-items:center;font-size:26px;margin-bottom:14px}.auth-card-v30 h1{font-size:34px;margin:5px 0 10px}.auth-card-v30>p{color:#718198;margin-bottom:22px}.auth-card-v30 label{font-weight:750;color:#21314e}.auth-card-v30 input{margin-top:7px;min-height:50px;border-radius:12px!important;border:1px solid #d9e3f0!important;padding:0 14px!important;font-size:15px}.auth-card-v30 input:focus{outline:none;border-color:#3987ff!important;box-shadow:0 0 0 4px rgba(38,120,255,.10)}.auth-card-v30 label b{color:#ea4457}.auth-card-v30 label small{display:block;font-size:10px;font-weight:500;color:#7b8ba1;margin-top:6px}.auth-submit-v30{min-height:52px;border-radius:13px!important;margin-top:8px;font-weight:800}.optional-profile-v30{margin:16px 0;border:1px solid #e2e9f2;border-radius:14px;background:#fafcff;overflow:hidden}.optional-profile-v30 summary{padding:13px 15px;cursor:pointer;font-weight:750;color:#344963}.optional-profile-v30 summary span{font-weight:500;color:#8997a9;font-size:11px}.optional-profile-v30[open] summary{border-bottom:1px solid #e6edf5}.optional-profile-v30 .form-grid{padding:15px}

@media(max-width:760px){
  .store-mobile-sheet-v30{left:12px!important;right:12px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;max-height:min(72vh,650px);overflow:auto;padding:9px 14px 16px!important;border-radius:26px!important;overscroll-behavior:contain}
  .mobile-menu-profile-v30{display:grid;grid-template-columns:48px minmax(0,1fr) 42px;align-items:center;gap:11px;padding:3px 1px 13px;border-bottom:1px solid #edf1f6}.mobile-menu-avatar-v30{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#0d6cf4,#2e82ff);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:850;box-shadow:0 9px 18px rgba(16,104,239,.20)}.mobile-menu-profile-copy-v30{min-width:0}.mobile-menu-profile-copy-v30 strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#15233f}.mobile-menu-profile-copy-v30 small{display:block;margin-top:2px;color:#8290a5;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-close-v30{width:40px;height:40px;border:0;border-radius:13px;background:#f3f6fa;color:#324761;font-size:24px;display:grid;place-items:center}
  .mobile-menu-auth-v30{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.mobile-menu-auth-v30 a{min-height:43px;border:1px solid #dce5f0;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#2e415f}.mobile-menu-auth-v30 a.primary{background:#116cf1;color:#fff;border-color:#116cf1}
  .mobile-menu-promo-v30{margin:12px 0}.mobile-menu-promo-v30>a{min-height:62px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-radius:16px;background:linear-gradient(105deg,#fff3ed,#fff9f5);border:1px solid #ffd9cb;color:#2b3850}.mobile-menu-promo-icon-v30{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#ff493c,#ff7b31);color:#fff;display:grid;place-items:center;font-size:20px}.mobile-menu-promo-v30 strong{display:block;color:#e7472e;font-size:13px}.mobile-menu-promo-v30 small{display:block;margin-top:2px;color:#8a6d67;font-size:9px}.mobile-menu-promo-v30 b{font-size:22px;color:#d95b43}
  .mobile-menu-section-v30{margin-top:12px}.mobile-menu-section-title-v30{font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#96a3b5;padding:0 4px 6px}.mobile-menu-list-v30{background:#fff;border:1px solid #e5ebf3;border-radius:17px;overflow:hidden}.mobile-menu-list-v30>a{min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #edf1f6;color:#263955}.mobile-menu-list-v30>a:last-child{border-bottom:0}.menu-row-icon-v30{width:38px;height:38px;border-radius:12px;background:#f1f6fd;color:#1e68d8;display:grid;place-items:center}.menu-row-icon-v30 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-menu-list-v30>a>span:nth-child(2){min-width:0}.mobile-menu-list-v30 strong{display:block;font-size:12px}.mobile-menu-list-v30 small{display:block;margin-top:2px;color:#8492a6;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-list-v30>a>b{font-size:21px;color:#a5b1c1;font-weight:500}
  .mobile-menu-admin-v30{margin-top:12px;min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,#eaf3ff,#f7fbff);border:1px solid #c9ddfb;color:#155fbf}.mobile-menu-admin-v30>span{width:42px;height:42px;border-radius:13px;background:#176cf0;color:#fff;display:grid;place-items:center;font-size:20px}.mobile-menu-admin-v30 strong{display:block;font-size:12px}.mobile-menu-admin-v30 small{display:block;font-size:9px;color:#6e86a7;margin-top:2px}.mobile-menu-admin-v30>b{font-size:22px}.mobile-menu-logout-v30{margin-top:11px!important}.mobile-menu-logout-v30 button{height:45px!important;border-radius:13px!important;background:#fff8f8!important;border-color:#f2d8dc!important;font-size:12px}
  .store-mobile-grid-v22{display:none!important}
  .store-mobile-sheet-head-v22{display:none!important}
  .auth-v30{padding:22px 0 120px}.auth-card-v30{width:calc(100% - 24px)!important;margin:auto;padding:22px!important;border-radius:22px!important}.auth-card-v30 h1{font-size:29px}.auth-card-v30>p{font-size:13px;line-height:1.6}.auth-grid-v30{grid-template-columns:1fr!important}.auth-grid-v30 .span-2{grid-column:auto}.auth-card-v30 input{font-size:16px}.optional-profile-v30 .form-grid{grid-template-columns:1fr!important}.optional-profile-v30 .span-2{grid-column:auto}
}

/* =========================================================
   V31 · VUA3D BRAND + ORDER RECOVERY EDITOR
   ========================================================= */
.brand-logo-image-v31{display:flex;align-items:center;min-width:154px}
.site-logo-v31{display:block;width:172px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.footer-logo-v31{width:184px;max-height:68px}
.admin-logo-image-v31{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.admin-site-logo-v31{display:block;width:150px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.admin-logo-image-v31 small{font-size:9px;letter-spacing:.18em;color:#8a98ad;padding-left:4px}
.admin-mobile-logo-v31 a{display:flex;align-items:center;gap:10px}.admin-mobile-logo-v31 img{width:96px;height:40px;object-fit:contain;object-position:left center}

.order-editor-v31{padding-bottom:50px}.order-editor-title-v31{align-items:center}.order-editor-actions-v31{display:flex;align-items:center;gap:10px}.order-recovery-banner-v31{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:16px 18px;border-radius:16px;border:1px solid}.order-recovery-banner-v31 strong{white-space:nowrap}.order-recovery-banner-v31.is-hold{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.order-recovery-banner-v31.is-error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.order-edit-grid-v31{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:18px;align-items:start}.order-edit-main-v31{display:grid;gap:18px}.order-edit-side-v31{min-width:0}.order-edit-card-v31{border-radius:18px}.order-edit-card-head-v31{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.order-edit-card-head-v31>div{display:flex;align-items:center;gap:10px}.order-edit-card-head-v31 small{width:30px;height:30px;border-radius:10px;background:#eaf3ff;color:#1168ef;display:grid;place-items:center;font-weight:800}.order-edit-card-head-v31 h2{margin:0;font-size:20px}.order-edit-card-head-v31>span{font-size:12px;color:#71819a}
.order-customer-grid-v31{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:1/-1}.order-edit-form-v31 label{font-weight:700;color:#263855}.order-edit-form-v31 input,.order-edit-form-v31 select,.order-edit-form-v31 textarea{margin-top:7px;width:100%;border:1px solid #dce6f3;background:#fff;border-radius:12px;padding:11px 12px;font:inherit;color:#10213d;outline:none}.order-edit-form-v31 input:focus,.order-edit-form-v31 select:focus,.order-edit-form-v31 textarea:focus{border-color:#2680ff;box-shadow:0 0 0 3px rgba(38,128,255,.10)}
.order-items-edit-v31{display:grid;gap:12px}.order-item-edit-v31{display:grid;grid-template-columns:50px minmax(180px,1.5fr) minmax(130px,1fr) minmax(100px,.7fr) minmax(110px,.7fr) 90px;gap:10px;align-items:end;padding:14px;border:1px solid #e4ebf5;border-radius:15px;background:#fbfdff}.order-item-index-v31{align-self:center;width:38px;height:38px;border-radius:12px;background:#edf4ff;color:#1768ef;display:grid;place-items:center;font-weight:800}.order-item-delete-v31{grid-column:2/-1;display:flex!important;align-items:center;gap:8px;color:#c33!important}.order-item-delete-v31 input{width:auto!important;margin:0!important}.order-add-line-v31{margin-top:15px;border-top:1px dashed #d7e0ec;padding-top:14px}.order-add-line-v31 summary{cursor:pointer;color:#1768ef;font-weight:800;margin-bottom:12px}.order-add-line-v31 .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-payment-facts-v31{margin:12px 0}.order-save-v31{margin-top:10px;font-size:15px;min-height:48px}

@media(max-width:980px){.order-edit-grid-v31{grid-template-columns:1fr}.order-edit-side-v31 .sticky{position:static}.order-item-edit-v31{grid-template-columns:44px 1fr 1fr}.order-item-delete-v31{grid-column:2/-1}}
@media(max-width:760px){
  .brand-logo-image-v31{min-width:0}.site-logo-v31{width:142px;max-height:54px}.footer-logo-v31{width:150px}.store-topbar-v9{gap:13px}.order-editor-v31 .container{padding-left:14px;padding-right:14px}.order-editor-title-v31{display:block}.order-editor-actions-v31{margin-top:10px;flex-wrap:wrap}.order-recovery-banner-v31{display:grid;gap:5px;padding:14px}.order-edit-card-v31{padding:15px}.order-customer-grid-v31{grid-template-columns:1fr}.span-2{grid-column:auto}.order-item-edit-v31{display:grid;grid-template-columns:38px 1fr;padding:12px;gap:9px}.order-item-index-v31{grid-row:1/3}.order-item-edit-v31 label{grid-column:2}.order-item-delete-v31{grid-column:2!important}.order-add-line-v31 .form-grid{grid-template-columns:1fr}.admin-mobile-logo-v31 img{width:88px;height:36px}
}
.order-quick-filters-v31{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.order-quick-filters-v31 a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border-radius:999px;background:#fff;border:1px solid #dfe7f2;color:#40516b;font-weight:700;font-size:12px}.order-quick-filters-v31 a.active{background:#1768ef;color:#fff;border-color:#1768ef}.order-quick-filters-v31 a.is-hold:not(.active){background:#fff7ed;color:#c2410c;border-color:#fed7aa}.order-quick-filters-v31 a.is-error:not(.active){background:#fff1f2;color:#be123c;border-color:#fecdd3}