:root {
  --bg: #080808;
  --panel: #111111;
  --panel-2: #161616;
  --card: #151515;
  --text: #ffffff;
  --muted: #b7b7b7;
  --line: rgba(255,255,255,.08);
  --primary: #c40000;
  --primary-2: #ff2b2b;
  --soft: rgba(196,0,0,.12);
  --max: 1240px;
  --radius: 20px;
  --shadow: 0 12px 36px rgba(0,0,0,.28);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, Arial, Helvetica, sans-serif;
  background:
    radial-gradient(circle at top right, rgba(196,0,0,.16), transparent 20%),
    radial-gradient(circle at top left, rgba(196,0,0,.09), transparent 18%),
    var(--bg);
  color: var(--text);
}
a { color: inherit; text-decoration: none; }
.container { width: min(var(--max), calc(100% - 32px)); margin: 0 auto; }
.topbar {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(14px);
  background: rgba(8,8,8,.78);
  border-bottom: 1px solid var(--line);
}
.nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 76px; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark {
  width: 42px; height: 42px; border-radius: 14px;
  background: linear-gradient(145deg, var(--primary-2), #8d0000);
  display: grid; place-items: center;
  box-shadow: 0 10px 20px rgba(196,0,0,.25);
  font-weight: 800; font-size: 22px;
}
.brand-name { font-size: 24px; font-weight: 800; letter-spacing: .4px; }
.brand-sub { color: var(--muted); font-size: 12px; margin-top: 2px; }
.menu { display: flex; align-items: center; gap: 26px; color: #f1f1f1; font-size: 15px; }
.menu a { opacity: .88; }
.menu a:hover { opacity: 1; color: #fff; }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.lang-switch {
  display: flex;
  gap: 8px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
}
.lang-switch a {
  min-width: 64px;
  text-align: center;
  font-size: 13px;
  padding: 10px 14px;
  color: var(--muted);
  background: transparent;
  border-radius: 10px;
}
.lang-switch a.active {
  background: linear-gradient(145deg, var(--primary-2), #930000);
  color:#fff;
}
.btn,.ghost {
  border: 0; cursor: pointer; transition: .2s ease;
  padding: 12px 16px; border-radius: 14px; font-weight: 700; display:inline-flex; align-items:center; justify-content:center;
}
.btn { background: linear-gradient(145deg, var(--primary-2), #930000); color: #fff; box-shadow: 0 10px 24px rgba(196,0,0,.22); }
.btn:hover { transform: translateY(-1px); }
.ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.14); }
.hero { padding: 34px 0 22px; }
.hero-grid { display: grid; grid-template-columns: 1.45fr .9fr; gap: 22px; }
.hero-main {
  min-height: 520px; border-radius: 32px; overflow: hidden; position: relative;
  background: radial-gradient(circle at 75% 30%, rgba(255,255,255,.12), transparent 22%), linear-gradient(135deg, #0d0d0d 0%, #250000 50%, #8f0000 100%);
  box-shadow: var(--shadow); border: 1px solid var(--line); padding: 46px; display: flex; align-items: center;
}
.hero-main::after {
  content:""; position:absolute; right:-80px; bottom:-80px; width:280px; height:280px;
  background: radial-gradient(circle, rgba(255,43,43,.35), transparent 60%); filter: blur(20px);
}
.eyebrow {
  display: inline-flex; align-items:center; gap:8px; background: rgba(255,255,255,.08); padding: 8px 12px; border-radius:999px;
  color:#fff; font-size:13px; border:1px solid rgba(255,255,255,.08);
}
h1 { margin: 16px 0 14px; font-size: clamp(40px, 6vw, 68px); line-height: 1.02; letter-spacing: -.03em; }
.hero-text { max-width: 580px; color: #e7e7e7; font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.hero-side { display:grid; gap:18px; }
.side-card, .panel-card {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid var(--line); border-radius: 24px; padding:24px; box-shadow: var(--shadow);
}
.side-title { font-size:18px; font-weight:700; margin:12px 0 6px; }
.side-desc { color: var(--muted); line-height:1.65; font-size:14px; }
.section { padding: 26px 0; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom: 18px; }
.section-title { font-size: 32px; margin:0; letter-spacing: -.02em; }
.section-sub { color: var(--muted); margin-top: 8px; line-height:1.6; font-size:15px; }
.categories { display:grid; grid-template-columns: repeat(4, 1fr); gap:18px; }
.cat-card {
  background: linear-gradient(180deg, #151515, #111111); border:1px solid var(--line); border-radius:24px; padding:22px; min-height:190px;
  box-shadow: var(--shadow); display:flex; flex-direction:column; justify-content:space-between;
}
.cat-icon {
  width:54px; height:54px; border-radius:16px; display:grid; place-items:center; background: var(--soft); color:#fff; font-size:24px;
}
.cat-name { font-size:22px; font-weight:700; margin-top:22px; }
.cat-copy { color: var(--muted); font-size:14px; line-height:1.65; margin-top:10px; }
.cat-link { margin-top: 18px; color:#fff; font-size:14px; opacity:.9; }

.products { display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; }
.product, .related-card {
  background: linear-gradient(180deg, #151515, #101010); border:1px solid var(--line); border-radius:24px; overflow:hidden; box-shadow: var(--shadow);
}
.product-visual, .mini-visual {
  aspect-ratio: 1/1; padding:24px; position:relative; background:
  radial-gradient(circle at 70% 28%, rgba(255,255,255,.12), transparent 18%), linear-gradient(135deg, #0c0c0c, #2b0000 55%, #8d0000);
  display:grid; place-items:center;
}
.badge { position:absolute; top:16px; left:16px; font-size:12px; background: rgba(255,255,255,.1); color:#fff; padding:8px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.08);}
.device {
  width:82%; max-width:260px; aspect-ratio: 1/1; border-radius:28px; position:relative; background: radial-gradient(circle at top left, #4d4d4d, #111 55%);
  box-shadow: inset 0 0 40px rgba(255,255,255,.05), 0 18px 40px rgba(0,0,0,.4);
}
.device::before,.device::after {
  content:""; position:absolute; background: linear-gradient(180deg, #232323, #060606); border-radius:28px; box-shadow: inset 0 0 16px rgba(255,255,255,.03);
}
.earbuds::before { width:28%; height:46%; left:20%; top:18%; transform: rotate(-10deg); }
.earbuds::after { width:28%; height:46%; right:20%; top:18%; transform: rotate(10deg); }
.microphone::before { width:26%; height:56%; left:37%; top:14%; border-radius:999px; }
.microphone::after { width:12%; height:20%; left:44%; bottom:12%; border-radius:999px; }
.swim::before { width:60%; height:20%; left:20%; top:38%; border-radius:999px; }
.swim::after { width:16%; height:16%; right:18%; top:30%; border-radius:50%; }
.product-body, .meta { padding:22px; }
.product-name { font-size:22px; font-weight:700; margin:0 0 8px; }
.product-desc { color: var(--muted); font-size:14px; line-height:1.7; min-height:48px; }
.price-row { display:flex; align-items:center; gap:10px; margin-top:18px; }
.price { font-size:24px; font-weight:800; }
.old-price { color:#777; text-decoration: line-through; font-size:14px; }
.cta-row { display:flex; gap:10px; margin-top:18px; }
.cta-row .btn,.cta-row .ghost { flex:1; text-align:center; }
.page-main { min-height: calc(100vh - 76px); }
.page-head { padding-top: 24px; }
.page-title { font-size: 44px; margin: 10px 0 12px; }
.page-copy { color: var(--muted); max-width: 760px; line-height: 1.8; }

.support-grid { display:grid; grid-template-columns: 1.05fr .95fr; gap:20px; }
.support-box,.promo-box, .detail-gallery, .detail-panel, .detail-block, .admin-card, .form-card {
  background: linear-gradient(180deg, #141414, #101010);
  border:1px solid var(--line); border-radius:28px; padding:30px; box-shadow: var(--shadow);
}
.promo-box { background: radial-gradient(circle at 80% 25%, rgba(255,255,255,.08), transparent 18%), linear-gradient(135deg, #101010, #250000 55%, #770000); }
.mini-list { display:grid; grid-template-columns: repeat(2, 1fr); gap:14px; margin-top:22px; }
.mini-item { background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); border-radius:18px; padding:16px; min-height:92px; }
.mini-item strong { display:block; margin-top:10px; font-size:15px; }
.mini-item span { display:block; color: var(--muted); margin-top:8px; line-height:1.5; font-size:13px; }

.footer { padding:24px 0 40px; color: var(--muted); border-top:1px solid var(--line); margin-top:18px; }
.footer-row { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.footer-links { display:flex; gap:18px; flex-wrap:wrap; }

/* detail */
.detail-hero { padding: 24px 0 8px; }
.breadcrumb { color: var(--muted); font-size:14px; margin-bottom:18px; }
.detail-grid { display:grid; grid-template-columns: 1.05fr .95fr; gap:24px; }
.detail-gallery { overflow:hidden; padding:0; }
.detail-visual {
  min-height:560px; position:relative; padding:32px;
  background: radial-gradient(circle at 72% 24%, rgba(255,255,255,.12), transparent 18%), linear-gradient(135deg, #0c0c0c, #2b0000 55%, #8d0000);
  display:grid; place-items:center;
}
.detail-thumbs { display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; padding:18px; }
.thumb { border:1px solid var(--line); border-radius:18px; min-height:86px; background: linear-gradient(180deg, #131313, #0e0e0e); display:grid; place-items:center; }
.thumb .device { width:56%; max-width:94px; }
.detail-title { font-size:42px; margin:14px 0 10px; line-height:1.05; }
.rating { display:flex; align-items:center; gap:10px; color:#ffcf67; font-size:14px; }
.detail-copy { color: var(--muted); line-height:1.8; font-size:15px; margin-top:14px; }
.detail-price { display:flex; align-items:end; gap:12px; margin-top:18px; }
.detail-price strong { font-size:36px; }
.detail-price span { color:#777; text-decoration:line-through; }
.tag-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.tag { padding:10px 12px; border-radius:999px; font-size:13px; background: rgba(255,255,255,.05); border:1px solid var(--line); color:#fff; }
.spec-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:12px; margin-top:24px; }
.spec-item { border:1px solid var(--line); border-radius:18px; background: rgba(255,255,255,.03); padding:16px; }
.spec-item strong { display:block; font-size:14px; margin-bottom:8px; }
.spec-item span { color: var(--muted); font-size:14px; line-height:1.6; }
.buy-actions { display:grid; grid-template-columns: 1fr 1fr; gap:12px; margin-top:24px; }
.notice-box { margin-top:22px; border:1px solid var(--line); border-radius:18px; padding:16px; background: rgba(255,255,255,.03); color: var(--muted); font-size:14px; line-height:1.7; }
.detail-sections { display:grid; gap:18px; margin-top:26px; }
.detail-block h2 { margin:0 0 14px; font-size:24px; }
.feature-list { display:grid; grid-template-columns: repeat(2, 1fr); gap:14px; }
.feature-card { border:1px solid var(--line); border-radius:18px; padding:16px; background: rgba(255,255,255,.03); }
.feature-card strong { display:block; margin-bottom:8px; }
.feature-card span { color: var(--muted); line-height:1.6; font-size:14px; }
.package-list { display:grid; gap:10px; color: var(--muted); line-height:1.7; }
.related-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; }
.related-card h3 { margin:0 0 8px; font-size:20px; }
.related-card p { margin:0; color: var(--muted); line-height:1.6; min-height:46px; font-size:14px; }
.related-card .mini-price { font-weight:800; font-size:20px; margin-top:12px; }

/* form and admin */
.form-grid { display:grid; grid-template-columns: 1fr .95fr; gap:24px; }
.form-card h2, .admin-card h2 { margin: 0 0 16px; font-size: 28px; }
.field-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:14px; }
.field { display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.field label { font-size:14px; color:#ddd; }
.field input, .field textarea, .field select {
  width:100%; background:#0d0d0d; color:#fff; border:1px solid var(--line); border-radius:14px; padding:14px 14px; outline:none;
}
.field textarea { min-height:120px; resize: vertical; }
.summary-row { display:flex; justify-content:space-between; gap:10px; padding:12px 0; border-bottom:1px solid var(--line); color:#ddd; }
.summary-row.total { font-size:20px; font-weight:800; color:#fff; border-bottom:0; padding-top:18px; }
.notice-success {
  background: rgba(0,128,0,.15); border:1px solid rgba(0,128,0,.25); color:#ddffdd; padding:14px 16px; border-radius:16px; margin-top:16px; display:none;
}
.admin-layout { display:grid; grid-template-columns: 280px 1fr; gap:20px; }
.admin-sidebar {
  background: linear-gradient(180deg, #141414, #101010); border:1px solid var(--line); border-radius:28px; padding:24px; box-shadow: var(--shadow); min-height: calc(100vh - 170px);
}
.admin-menu { display:grid; gap:10px; margin-top:18px; }
.admin-menu a {
  padding:14px 16px; border-radius:16px; border:1px solid var(--line); color:#ddd; background: rgba(255,255,255,.02);
}
.admin-menu a.active, .admin-menu a:hover { background: linear-gradient(145deg, var(--primary-2), #930000); color:#fff; }
.stat-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:16px; }
.stat { background: rgba(255,255,255,.03); border:1px solid var(--line); border-radius:20px; padding:18px; }
.stat strong { font-size:28px; display:block; margin-top:10px; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse: collapse; }
th, td { text-align:left; padding:14px 12px; border-bottom:1px solid var(--line); }
th { color:#ddd; font-size:14px; }
td { color: var(--muted); }
.status-pill { display:inline-block; padding:8px 10px; border-radius:999px; font-size:12px; border:1px solid var(--line); }
.status-on { background: rgba(0,128,0,.12); color:#d9ffd9; }
.status-off { background: rgba(255,165,0,.12); color:#ffe7c2; }
.login-wrap { max-width: 520px; margin: 60px auto; }

@media (max-width: 1080px) {
  .hero-grid, .support-grid, .products, .categories, .detail-grid, .feature-list, .related-grid, .spec-grid, .field-grid, .form-grid, .stat-grid, .admin-layout {
    grid-template-columns: 1fr 1fr;
  }
  .admin-layout { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .menu { display:none; }
  .hero-grid, .support-grid, .products, .categories, .mini-list, .detail-grid, .feature-list, .related-grid, .spec-grid, .field-grid, .form-grid, .stat-grid {
    grid-template-columns: 1fr;
  }
  .hero-main { padding:30px; min-height:420px; }
  .section-title { font-size:28px; }
  .nav-actions .ghost { display:none; }
  .detail-visual { min-height:420px; }
  .detail-title, .page-title { font-size: 34px; }
}


/* V3 backend management */
.toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.toolbar-left, .toolbar-right {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.filter-chip {
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:#ddd;
  font-size:13px;
}
.filter-chip.active {
  background:linear-gradient(145deg, var(--primary-2), #930000);
  color:#fff;
}
.search-input {
  min-width:260px;
  background:#0d0d0d;
  color:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:13px 14px;
}
.admin-panel-note {
  margin-top:14px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--muted);
  line-height:1.7;
  font-size:14px;
}
.upload-box {
  border:1px dashed rgba(255,255,255,.18);
  border-radius:20px;
  padding:28px;
  background:rgba(255,255,255,.03);
  text-align:center;
  color:var(--muted);
}
.grid-3 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.order-cards {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.order-card {
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.03);
  padding:18px;
}
.order-card strong {
  display:block;
  font-size:18px;
  margin-bottom:10px;
}
.order-card span {
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}
@media (max-width: 980px) {
  .grid-3, .order-cards { grid-template-columns:1fr; }
  .search-input { min-width:100%; }
}


/* V4 real orders */
.success-card {
  max-width: 760px;
  margin: 40px auto 0;
}
.kv-grid {
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:14px;
}
.kv-item {
  border:1px solid var(--line);
  border-radius:18px;
  background: rgba(255,255,255,.03);
  padding:16px;
}
.kv-item strong {
  display:block;
  font-size:14px;
  margin-bottom:8px;
}
.kv-item span {
  color:var(--muted);
  line-height:1.6;
}
.status-form {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
  margin-top:16px;
}
.inline-form {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}
.redirect-note {
  margin-top:12px;
  color:var(--muted);
  font-size:14px;
}
@media (max-width: 820px) {
  .kv-grid, .status-form { grid-template-columns: 1fr; }
}


/* V6 product media + quantity + upload */
.product-photo,
.detail-photo,
.thumb-photo,
.mini-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 22px;
  display: block;
}
.product-photo-wrap,
.detail-photo-wrap {
  width: 100%;
  height: 100%;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: inset 0 0 40px rgba(255,255,255,.04), 0 18px 40px rgba(0,0,0,.35);
  background: rgba(0,0,0,.25);
}
.thumb-photo-wrap {
  width: 100%;
  height: 100%;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(0,0,0,.25);
}
.product-visual .device,
.mini-visual .device,
.detail-visual .device,
.thumb .device {
  width: 82%;
}
.qty-box {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 8px;
  background: rgba(255,255,255,.03);
}
.qty-btn {
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #0d0d0d;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
}
.qty-input {
  width: 70px;
  background: transparent;
  color: #fff;
  border: 0;
  text-align: center;
  font-size: 16px;
}
.buy-stack {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}
.buy-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.form-help {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}
.admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.icon-link {
  color: #fff;
  font-size: 13px;
}
.stock-pill {
  display: inline-block;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
}
.upload-preview {
  margin-top: 12px;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.upload-preview img {
  width: 92px;
  height: 92px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid var(--line);
}
.warning-box {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255,165,0,.08);
  border: 1px solid rgba(255,165,0,.2);
  color: #ffe7c2;
  font-size: 14px;
  line-height: 1.7;
}
@media (max-width: 820px) {
  .buy-row { align-items: stretch; }
}


/* V7 image management */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;margin-top:14px;}
.media-item{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #ececec;border-radius:14px;background:#fff;font-size:12px;color:#666;}
.media-item img{width:100%;height:110px;object-fit:cover;border-radius:10px;background:#f6f6f6;}
.thumb-button{padding:0;border:0;background:transparent;cursor:pointer;}
.detail-long-images{display:flex;flex-direction:column;gap:14px;}
.detail-long-image{border:1px solid #ececec;border-radius:18px;overflow:hidden;background:#fff;}
.detail-long-image img{display:block;width:100%;height:auto;}


/* V8 image UX */
.media-section{margin-top:18px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.02)}
.media-section h3{margin:0 0 12px;font-size:18px}
.media-help{font-size:12px;color:#999;margin-top:6px}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-top:14px}
.media-item{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03);position:relative}
.media-item img{width:100%;height:120px;object-fit:cover;border-radius:10px;background:#111}
.media-item .media-name{font-size:12px;color:#ddd;word-break:break-all}
.media-item .media-actions{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#ccc}
.media-item .drag-handle{cursor:grab;font-size:12px;color:#999;border:1px dashed rgba(255,255,255,.12);border-radius:10px;padding:5px 8px;text-align:center}
.media-item.dragging{opacity:.45}
.media-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}
.preview-item{padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02)}
.preview-item img{width:100%;height:100px;object-fit:cover;border-radius:8px}
.main-preview-card{max-width:220px}
.main-preview-card img{width:100%;height:160px;object-fit:cover;border-radius:12px;background:#111}
.thumb-button{padding:0;border:0;background:transparent;cursor:pointer}
.thumb-button.active{outline:2px solid rgba(255,255,255,.25);border-radius:14px}
.detail-long-images{display:flex;flex-direction:column;gap:18px}
.detail-long-image{border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.02);padding:10px}
.detail-long-image img{display:block;width:100%;height:auto;border-radius:14px}
.detail-photo-wrap.clickable{cursor:zoom-in}
.gallery-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:24px;z-index:90}
.gallery-lightbox.open{display:flex}
.gallery-lightbox img{max-width:min(92vw,1200px);max-height:84vh;border-radius:18px;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.gallery-lightbox .lightbox-close,.gallery-lightbox .lightbox-arrow{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:999px;width:44px;height:44px;font-size:22px;cursor:pointer}
.gallery-lightbox .lightbox-close{top:22px;right:22px}
.gallery-lightbox .lightbox-arrow.prev{left:18px}
.gallery-lightbox .lightbox-arrow.next{right:18px}
@media (max-width: 768px){
  .gallery-lightbox{padding:12px}
  .gallery-lightbox .lightbox-arrow{width:38px;height:38px}
  .media-grid{grid-template-columns:repeat(2,1fr)}
}


.home-poster-section{padding:0 0 28px;background:linear-gradient(180deg,#161616 0%,#140101 100%)}
.home-poster-shell{width:100%}
.home-poster{position:relative;display:block;width:100%;height:calc(100vh - 84px);min-height:460px;max-height:760px;overflow:hidden;background:#111;text-decoration:none}
.home-poster img{width:100%;height:100%;object-fit:cover;display:block}
.home-poster-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:40px;background:linear-gradient(90deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.15) 45%,rgba(0,0,0,.30) 100%)}
.poster-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:12px;letter-spacing:.06em;margin-bottom:16px}
.poster-copy{max-width:520px;color:#fff}
.poster-copy h1{margin:0 0 12px;font-size:46px;line-height:1.05}
.poster-copy p{margin:0 0 20px;color:rgba(255,255,255,.82);font-size:16px;line-height:1.7}
.poster-copy .btn{pointer-events:none}
@media (max-width: 900px){.home-poster{height:60vh;min-height:360px}.home-poster-overlay{padding:24px}.poster-copy h1{font-size:32px}.poster-copy p{font-size:14px}}

.home-carousel{position:relative;width:100%;overflow:hidden;background:#111}
.home-poster-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .45s ease;display:block;text-decoration:none}
.home-poster-slide.is-active{position:relative;opacity:1;pointer-events:auto}
.home-poster-picture,.home-poster-picture img{display:block;width:100%;height:100%}
.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.28);color:#fff;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:6}.carousel-nav.prev{left:18px}.carousel-nav.next{right:18px}
.carousel-dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px;z-index:6}.carousel-dot{width:40px;height:4px;border:0;border-radius:999px;background:rgba(255,255,255,.35);cursor:pointer}.carousel-dot.is-active{background:#ff4d4f}
@media (max-width:768px){.carousel-nav{width:36px;height:36px;font-size:24px}.carousel-dot{width:24px}.poster-copy .btn{display:inline-flex}}


/* ==== V12 shared public style upgrade ==== */
.mi-subpage{background:#f5f5f5;color:#191919}
.mi-subpage .page-main{min-height:calc(100vh - 78px)}
.mi-subpage .page-title,.mi-subpage .section-title,.mi-subpage .product-name,.mi-subpage .detail-title,.mi-subpage .related-card h3,.mi-subpage h1,.mi-subpage h2,.mi-subpage h3,.mi-subpage h4{color:#191919}
.mi-subpage .page-copy,.mi-subpage .section-sub,.mi-subpage .product-desc,.mi-subpage .detail-copy,.mi-subpage .feature-card span,.mi-subpage .spec-item span,.mi-subpage .notice-box,.mi-subpage .mini-item span,.mi-subpage .related-card p,.mi-subpage .breadcrumb{color:#666}
.mi-subpage .eyebrow{background:#fff1e6;border:1px solid #ffd4b5;color:#ff6900}
.mi-subpage .btn{background:#111;color:#fff;box-shadow:none;border-radius:999px;padding:13px 22px}
.mi-subpage .ghost{background:#fff;color:#191919;border:1px solid #dedede;border-radius:999px;padding:13px 22px}
.mi-subpage .btn:hover,.mi-subpage .ghost:hover{transform:translateY(-1px)}
.mi-subpage .support-box,.mi-subpage .promo-box,.mi-subpage .detail-gallery,.mi-subpage .detail-panel,.mi-subpage .detail-block,.mi-subpage .product,.mi-subpage .related-card,.mi-subpage .panel-card,.mi-subpage .side-card,.mi-subpage .form-card{background:#fff;border:1px solid #eaeaea;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.mi-subpage .detail-visual,.mi-subpage .product-visual,.mi-subpage .mini-visual{background:linear-gradient(180deg,#fafafa,#f4f4f4);border-bottom:1px solid #eee}
.mi-subpage .detail-visual{min-height:560px}
.mi-subpage .badge,.mi-subpage .tag,.mi-subpage .stock-pill{background:#fff;border:1px solid #e5e5e5;color:#555}
.mi-subpage .spec-item,.mi-subpage .feature-card,.mi-subpage .mini-item,.mi-subpage .notice-box,.mi-subpage .thumb{background:#fafafa;border:1px solid #ececec}
.mi-subpage .price,.mi-subpage .detail-price strong,.mi-subpage .mini-price,.mi-subpage .mi-price{color:#111}
.mi-subpage .old-price,.mi-subpage .detail-price span{color:#999}
.mi-subpage .breadcrumb{font-size:13px}
.mi-subpage .buy-row .ghost,.mi-subpage .buy-row .btn{flex:1}
.mi-subpage .qty-box{display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:14px;background:#fff;overflow:hidden}
.mi-subpage .qty-btn{width:42px;height:42px;border:0;background:#fafafa;color:#111;font-size:20px;cursor:pointer}
.mi-subpage .qty-input{width:56px;height:42px;border:0;text-align:center;background:#fff;color:#111}
.mi-subpage .stock-pill{padding:10px 12px;border-radius:999px;font-size:13px}
.mi-subpage .detail-sections{gap:24px}
.mi-subpage .detail-long-image img{width:100%;display:block;border-radius:18px}
.mi-subpage .related-grid .btn{padding:11px 18px;font-size:14px}
.mi-subpage .product-photo-wrap,.mi-subpage .detail-photo-wrap,.mi-subpage .thumb-photo-wrap{display:flex;align-items:center;justify-content:center;background:transparent}
.mi-subpage .product-photo,.mi-subpage .detail-photo,.mi-subpage .thumb-photo,.mi-subpage .mini-photo{max-width:100%;max-height:100%;object-fit:contain;display:block}
.mi-subpage .detail-photo{max-height:500px}
.mi-subpage .product-visual{aspect-ratio:1/1;padding:28px}
.mi-subpage .mini-visual{aspect-ratio:1/1;padding:22px}
.mi-subpage .thumb-button{background:#fff;cursor:pointer}
.mi-subpage .thumb-button.active{border-color:#ff6900;box-shadow:0 0 0 2px rgba(255,105,0,.12)}
.mi-subpage .products{grid-template-columns:repeat(4,1fr)}
.mi-subpage .product-body,.mi-subpage .meta{padding:22px}
.mi-subpage .section{padding:30px 0}
.mi-subpage .page-head{padding-top:20px}
.mi-subpage .promo-box{background:linear-gradient(135deg,#fff7f1,#fff);border-color:#ffe1cd}
.mi-subpage .hero-actions{margin-top:20px}
.mi-subpage .support-grid{grid-template-columns:1fr 1fr}

/* Shared header/footer for all public pages */
.mi-container{width:min(1440px,calc(100% - 48px));margin:0 auto}
.mi-header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid #eaeaea}
.mi-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}
.mi-brand{display:flex;align-items:center;gap:14px;font-weight:800}
.mi-brand-mark{width:34px;height:34px;border-radius:8px;background:#ff6900;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:800}
.mi-brand-text strong{display:block;font-size:20px;line-height:1;color:#111}
.mi-brand-text span{display:block;font-size:12px;color:#7a7a7a;margin-top:4px}
.mi-nav{display:flex;align-items:center;gap:34px;flex:1;justify-content:center}
.mi-nav-link{display:flex;align-items:center;height:78px;font-size:16px;color:#333;position:relative}
.mi-nav-link:hover,.mi-nav-link.is-open{color:#ff6900}
.mi-nav-link.is-open::after,.mi-nav-link:hover::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#ff6900}
.mi-actions{display:flex;align-items:center;gap:16px}
.mi-icon-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid transparent;cursor:pointer;color:#222;background:#fff;font-size:18px}
.mi-icon-btn:hover{border-color:#ddd;background:#fafafa}
.mi-lang{display:flex;gap:6px;border:1px solid #eaeaea;border-radius:999px;padding:4px}
.mi-lang a{padding:8px 14px;border-radius:999px;font-size:13px;color:#555}
.mi-lang a.active{background:#ff6900;color:#fff}
.mi-top-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:#111;color:#fff;font-weight:700;font-size:14px}
.mi-top-cta:hover{background:#ff6900}
.mi-mega-wrap{position:absolute;left:0;right:0;top:79px;background:#fff;border-bottom:1px solid #eaeaea;box-shadow:0 28px 40px rgba(0,0,0,.08);display:none}
.mi-mega-wrap.is-visible{display:block}
.mi-mega-panel{display:none;padding:30px 0 26px}
.mi-mega-panel.active{display:block}
.mi-mega-grid{display:grid;grid-template-columns:1.15fr 1.5fr;gap:38px;align-items:start}
.mi-mega-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mi-group h4{margin:0 0 14px;font-size:15px;font-weight:800;color:#111}
.mi-group a{display:block;padding:7px 0;font-size:15px;color:#555}
.mi-group a:hover{color:#ff6900}
.mi-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mi-feature-card{background:#fafafa;border-radius:14px;padding:18px;text-align:center;min-height:228px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease;border:1px solid #f0f0f0}
.mi-feature-card:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(0,0,0,.06)}
.mi-feature-card img{width:120px;height:120px;object-fit:contain;display:block;margin:0 auto 12px}
.mi-feature-title{font-size:15px;font-weight:700;line-height:1.45;color:#2a2a2a}
.mi-feature-sub{font-size:12px;color:#888;margin-top:8px}
.mi-footer{background:#161616;color:#fff;padding:54px 0 28px}
.mi-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) minmax(390px,1.15fr);gap:34px 42px;align-items:start}
.mi-footer-group h5{margin:0 0 18px;font-size:20px;color:#fff}
.mi-footer-group a{display:block;color:#bfbfbf;padding:8px 0;font-size:15px}
.mi-footer-group a:hover{color:#fff}
.mi-footer-right h5{margin:0 0 14px;font-size:20px;color:#fff}
.mi-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.mi-social a,.mi-social .mi-social-icon{height:48px;border-radius:15px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 13px;border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.05);transition:.18s ease;font-weight:850;font-size:13px}
.mi-social a:hover,.mi-social .mi-social-icon:hover{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.1);transform:translateY(-1px)}
.mi-social-glyph{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;flex:0 0 32px;background:rgba(255,255,255,.12)}
.mi-social svg{width:21px;height:21px;display:block;fill:currentColor}
.mi-social-instagram .mi-social-glyph{background:radial-gradient(circle at 30% 110%,#feda75 0 18%,#fa7e1e 30%,#d62976 55%,#962fbf 78%,#4f5bd5 100%)}
.mi-social-tiktok .mi-social-glyph{background:#060606;box-shadow:inset 3px 0 0 #25f4ee,inset -3px 0 0 #fe2c55}
.mi-social-shopee .mi-social-glyph{background:#ee4d2d}
.mi-social-whatsapp .mi-social-glyph{background:#25d366}
.mi-social-email .mi-social-glyph{background:#394150}
.mi-contact-box,.mi-subscribe-box,.mi-app-box{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px 18px;margin-top:18px}
.mi-trust-box{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px 20px;margin-top:24px;background:rgba(255,255,255,.055);color:#fff;display:grid;grid-template-columns:1fr;gap:16px;box-shadow:none}
.mi-trust-section{min-width:0}
.mi-trust-section+.mi-trust-section{border-top:1px solid rgba(255,255,255,.1);padding-top:14px}
.mi-trust-title{display:block;color:#fff;font-size:14px;font-weight:950;margin:0 0 10px;letter-spacing:.01em}
.mi-trust-logos{display:flex;flex-wrap:wrap;gap:9px 10px;align-items:center}
.mi-trust-logo{height:34px;min-width:74px;display:flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:8px;background:#fff;transition:.18s ease}
.mi-trust-logo:hover{transform:translateY(-1px)}
.mi-trust-logo svg,.mi-trust-logo img{display:block;width:100%;height:100%;max-width:112px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.06))}
.mi-logo-mastercard{min-width:56px}
.mi-logo-bca{min-width:92px}
.mi-logo-bca img{max-width:82px;max-height:24px}
.mi-logo-bni,.mi-logo-gopay{min-width:82px}
.mi-logo-bri{min-width:108px}
.mi-logo-mandiri{min-width:88px}
.mi-logo-visa{min-width:76px}
.mi-logo-qris{min-width:82px}
.mi-logo-qris img{max-width:74px;max-height:22px}
.mi-trust-logistics{height:34px;min-width:96px}
.mi-trust-logistics img{max-width:112px}
.mi-logo-jne{min-width:82px}
.mi-logo-jnt,.mi-logo-sicepat,.mi-logo-anteraja{min-width:104px}
.mi-logo-ninja{min-width:108px;background:#111;padding:5px 9px}
.mi-logo-ninja img{filter:none}
.mi-trust-section:nth-child(2) .mi-trust-logos{justify-content:flex-start}
@media (min-width: 769px){.mi-trust-section:nth-child(2) .mi-trust-logos{flex-wrap:wrap}}
.mi-trust-fallback{font-weight:900;font-size:18px;color:#111}
.mi-subscribe-input{width:100%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;border-radius:999px;padding:14px 18px;font-size:15px}
.mi-footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;color:#bcbcbc;font-size:14px}

@media (max-width: 1100px){
  .mi-subpage .products{grid-template-columns:repeat(2,1fr)}
  .mi-mega-grid{grid-template-columns:1fr}
  .mi-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mi-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mi-footer-right{grid-column:span 2}
  .mi-trust-box{grid-template-columns:1fr}
}
@media (max-width: 768px){
  .mi-container{width:min(100%,calc(100% - 24px))}
  .mi-topbar{min-height:66px}
  .mi-brand-text strong{font-size:18px}
  .mi-brand-text span{font-size:11px}
  .mi-nav{display:none}
  .mi-actions .mi-icon-btn{display:none}
  .mi-actions{gap:8px}
  .mi-top-cta{padding:10px 14px;font-size:13px}
  .mi-lang a{padding:8px 12px;min-width:44px;text-align:center}
  .mi-subpage .products,.mi-subpage .support-grid,.mi-subpage .related-grid,.mi-subpage .detail-grid,.mi-subpage .spec-grid,.mi-subpage .feature-list{grid-template-columns:1fr}
  .mi-footer-grid{grid-template-columns:1fr}
  .mi-footer-right{grid-column:auto}
  .mi-social{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mi-contact-box,.mi-subscribe-box,.mi-app-box{padding:14px 16px;margin-top:12px}
  .mi-trust-box{padding:14px;margin-top:16px;border-radius:16px}
  .mi-trust-logos{gap:8px}
  .mi-trust-logo{height:30px;min-width:70px;flex:0 1 auto;padding:4px 7px}
  .mi-trust-logo svg,.mi-trust-logo img{max-width:92px}
  .mi-logo-qris img{max-width:66px;max-height:19px}
  .mi-logo-bca img{max-width:74px;max-height:21px}
  .mi-trust-logistics{height:30px;min-width:86px}
  .mi-logo-jnt,.mi-logo-sicepat,.mi-logo-anteraja,.mi-logo-ninja{min-width:92px}
  .mi-footer-bottom{flex-direction:column}
  .mi-subpage .detail-visual{min-height:360px}
}


/* ==== V12 second-stage upgrade ==== */
.mi-subpage{background:#f5f5f5;color:#181818}
.mi-subpage a{color:inherit}
.mi-subpage .container{width:min(1440px,calc(100% - 48px));margin:0 auto}
.mi-subpage .section-head,.products-page-head,.support-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.mi-subpage .page-title{font-size:50px;letter-spacing:-.03em}
.mi-subpage .page-copy{max-width:860px;color:#666}
.mi-subpage .detail-hero{padding:24px 0 40px}
.mi-subpage .detail-anchor-nav{display:flex;align-items:center;gap:18px;padding:14px 18px;background:#fff;border:1px solid #ececec;border-radius:18px;margin:18px 0 24px;position:sticky;top:92px;z-index:10}
.mi-subpage .detail-anchor-nav a{font-size:14px;color:#555}
.mi-subpage .detail-anchor-nav a:hover{color:#ff6900}
.mi-subpage .vic-detail-grid{grid-template-columns:1.08fr .92fr;align-items:start}
.mi-subpage .detail-gallery-sticky{position:sticky;top:148px}
.mi-subpage .vic-detail-panel{padding:34px}
.mi-subpage .detail-title{font-size:46px;line-height:1.05;margin-bottom:12px}
.mi-subpage .detail-copy{font-size:15px;line-height:1.75}
.mi-subpage .detail-price{padding:18px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:20px 0}
.mi-subpage .detail-price strong{font-size:36px}
.mi-subpage .detail-price span{font-size:18px}
.mi-subpage .detail-highlight-list{display:grid;gap:10px;margin:20px 0;padding:18px;background:#fafafa;border:1px solid #ececec;border-radius:18px;color:#444}
.mi-subpage .detail-service-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}
.mi-subpage .detail-service-card{background:#fff;border:1px solid #ececec;border-radius:22px;padding:20px 22px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.mi-subpage .detail-service-card strong{display:block;font-size:18px;margin-bottom:8px;color:#111}
.mi-subpage .detail-service-card span{display:block;color:#666;line-height:1.6}
.mi-subpage .detail-spec-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.mi-subpage .detail-spec-table > div{background:#fafafa;border:1px solid #ececec;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.mi-subpage .detail-spec-table strong{font-size:14px;color:#111}
.mi-subpage .detail-spec-table span{font-size:14px;color:#666;line-height:1.7}
.mi-subpage .support-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mi-subpage .products-page-head{align-items:end}
.mi-subpage .products-head-cta{display:flex;align-items:center}
.mi-subpage .products-nav-section{padding-top:0}
.mi-subpage .products-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mi-subpage .products-nav-card{background:#fff;border:1px solid #ececec;border-radius:24px;padding:24px;box-shadow:0 4px 14px rgba(0,0,0,.04);display:block}
.mi-subpage .products-nav-card:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(0,0,0,.06)}
.mi-subpage .products-nav-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.mi-subpage .products-nav-icon{width:42px;height:42px;border-radius:14px;background:#fff1e6;display:grid;place-items:center;font-size:22px}
.mi-subpage .products-nav-card strong{font-size:22px;color:#111}
.mi-subpage .products-nav-card p{margin:0;color:#666;line-height:1.7;min-height:48px}
.mi-subpage .products-nav-count{display:inline-block;margin-top:16px;font-size:13px;color:#ff6900;background:#fff6ef;padding:8px 12px;border-radius:999px}
.mi-subpage .product-shelf .container{background:#fff;border:1px solid #ececec;border-radius:28px;padding:30px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.mi-subpage .shelf-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.mi-subpage .official-products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mi-subpage .product-official-card{border-radius:22px;overflow:hidden;transition:.22s ease}
.mi-subpage .product-official-card:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(0,0,0,.06)}
.mi-subpage .product-official-card .product-visual{display:block;aspect-ratio:1/1;padding:30px}
.mi-subpage .product-official-card .cta-row{margin-top:16px}
.mi-subpage .support-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px}
.mi-subpage .support-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mi-subpage .support-summary-card,.mi-subpage .support-service-card{background:#fff;border:1px solid #ececec;border-radius:22px;padding:22px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.mi-subpage .support-summary-icon{width:48px;height:48px;border-radius:16px;background:#fff1e6;display:grid;place-items:center;font-size:24px;margin-bottom:14px}
.mi-subpage .support-summary-card h3,.mi-subpage .support-service-card h3{margin:0 0 10px;font-size:22px;color:#111}
.mi-subpage .support-summary-card p,.mi-subpage .support-service-card p{margin:0;color:#666;line-height:1.7}
.mi-subpage .support-highlight-box .support-timeline{display:grid;gap:12px;margin-top:20px}
.mi-subpage .support-highlight-box .support-timeline div{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;background:rgba(255,255,255,.45);border:1px solid #ffe0c8;border-radius:16px;padding:12px 14px}
.mi-subpage .support-highlight-box .support-timeline strong{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ff6900;color:#fff}
.mi-subpage .support-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mi-subpage .support-list-block{margin-top:20px;padding-top:20px;border-top:1px solid #eee}
.mi-subpage .support-list-block h3{margin:0 0 10px;font-size:20px;color:#111}
.mi-subpage .support-list{margin:0;padding-left:18px;color:#666;line-height:1.9}
.mi-subpage .faq-wrap{padding:30px}
.mi-subpage .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.mi-subpage .faq-item{background:#fafafa;border:1px solid #ececec;border-radius:20px;padding:20px}
.mi-subpage .faq-item h3{margin:0 0 12px;font-size:19px;color:#111}
.mi-subpage .faq-item p{margin:0;color:#666;line-height:1.75}
.mi-subpage .support-section-head{margin-bottom:20px}

/* legacy admin pages unified */
.admin-modern{background:#f5f5f5;color:#191919}
.admin-modern .topbar{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid #eaeaea;box-shadow:0 8px 18px rgba(0,0,0,.03)}
.admin-modern .container{width:min(1440px,calc(100% - 48px));margin:0 auto}
.admin-modern .nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}
.admin-modern .brand{display:flex;align-items:center;gap:14px}
.admin-modern .brand-mark{width:34px;height:34px;border-radius:8px;background:#ff6900;display:grid;place-items:center;color:#fff;font-weight:800}
.admin-modern .brand-name{font-size:20px;color:#111;font-weight:800}
.admin-modern .brand-sub{font-size:12px;color:#888;margin-top:2px}
.admin-modern .menu{display:flex;align-items:center;gap:22px;flex:1;justify-content:center;flex-wrap:wrap}
.admin-modern .menu a{color:#444;font-size:14px}
.admin-modern .menu a:hover{color:#ff6900}
.admin-modern .nav-actions{display:flex;align-items:center;gap:12px}
.admin-modern .lang-switch{display:flex;gap:6px;border:1px solid #eaeaea;border-radius:999px;padding:4px}
.admin-modern .lang-switch a{padding:8px 14px;border-radius:999px;color:#555;font-size:13px}
.admin-modern .lang-switch a.active{background:#ff6900;color:#fff}
.admin-modern .nav-actions .ghost{border-radius:999px;background:#fff;border:1px solid #eaeaea;color:#222;padding:10px 14px}
.admin-modern .nav-actions .btn{border-radius:999px;padding:10px 18px;background:#111;color:#fff}
.admin-modern .page-main{min-height:calc(100vh - 80px)}
.admin-modern .admin-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.admin-modern .admin-sidebar,.admin-modern .admin-card,.admin-modern .form-card{background:#fff;border:1px solid #ececec;box-shadow:0 4px 14px rgba(0,0,0,.04);border-radius:28px}
.admin-modern .admin-sidebar{padding:24px;position:sticky;top:110px}
.admin-modern .admin-menu a{background:#fafafa;border:1px solid #eee;color:#333;padding:14px 16px;border-radius:16px}
.admin-modern .admin-menu a.active,.admin-modern .admin-menu a:hover{background:#fff1e6;color:#ff6900;border-color:#ffd9be}
.admin-modern .admin-card,.admin-modern .form-card{padding:30px}
.admin-modern .eyebrow{background:#fff1e6;border:1px solid #ffd4b5;color:#ff6900}
.admin-modern .page-title,.admin-modern .admin-card h2{color:#111}
.admin-modern .page-copy,.admin-modern td{color:#666}
.admin-modern .stat{background:#fafafa;border:1px solid #ececec}
.admin-modern .detail-block{background:#fff;border:1px solid #ececec;box-shadow:none}
.admin-modern table{width:100%;border-collapse:collapse}
.admin-modern th{color:#111;font-size:14px;background:#fafafa}
.admin-modern td,.admin-modern th{padding:14px 12px;border-bottom:1px solid #eee}
.admin-modern .status-pill{border:1px solid #ececec}
.admin-modern .status-on{background:#f1fff4;color:#2c7a3f}
.admin-modern .status-off{background:#fff8ef;color:#a56b00}
.admin-modern .filter-chip{background:#fff;border:1px solid #ececec;color:#555}
.admin-modern .filter-chip.active{background:#ff6900;color:#fff;border-color:#ff6900}
.admin-modern .search-input,.admin-modern .field input,.admin-modern .field textarea,.admin-modern .field select,.admin-modern .inline-form input,.admin-modern .inline-form select{background:#fff;border:1px solid #e5e5e5;color:#111}
.admin-modern .btn{background:#111;color:#fff}
.admin-modern .ghost{background:#fff;color:#111;border:1px solid #e5e5e5}
.admin-modern .upload-box,.admin-modern .admin-panel-note,.admin-modern .preview-card,.admin-modern .thumb-item{background:#fafafa;border:1px solid #ececec}
.admin-modern .notice-success{background:#f3fbf4;border:1px solid #cdebd1;color:#2d6a36}
.admin-modern .preview-card strong,.admin-modern .field label{color:#444}
.admin-modern .cat-card{background:#fff;border:1px solid #ececec;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.admin-modern .cat-copy,.admin-modern .cat-link{color:#666}

@media (max-width: 1180px){
  .mi-subpage .official-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mi-subpage .support-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mi-subpage .support-hero,.mi-subpage .vic-detail-grid{grid-template-columns:1fr}
  .mi-subpage .detail-gallery-sticky{position:relative;top:auto}
  .admin-modern .admin-layout{grid-template-columns:1fr}
  .admin-modern .admin-sidebar{position:relative;top:auto}
}
@media (max-width: 900px){
  .mi-subpage .products-nav-grid,.mi-subpage .faq-list,.mi-subpage .detail-service-strip,.mi-subpage .detail-spec-table,.mi-subpage .support-inline-grid{grid-template-columns:1fr}
  .mi-subpage .official-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mi-subpage .support-summary-grid{grid-template-columns:1fr}
  .admin-modern .nav{align-items:flex-start;flex-wrap:wrap;padding:12px 0}
  .admin-modern .menu{justify-content:flex-start}
}
@media (max-width: 768px){
  .mi-subpage .container,.admin-modern .container{width:min(100%,calc(100% - 24px))}
  .mi-subpage .page-title{font-size:34px}
  .mi-subpage .products-page-head,.mi-subpage .support-hero,.mi-subpage .shelf-header,.mi-subpage .section-head{display:block}
  .mi-subpage .products-head-cta{margin-top:16px}
  .mi-subpage .official-products-grid,.mi-subpage .support-service-grid,.mi-subpage .related-grid,.mi-subpage .mini-list{grid-template-columns:1fr}
  .mi-subpage .detail-title{font-size:32px}
  .mi-subpage .detail-anchor-nav{overflow:auto;white-space:nowrap;top:74px}
  .mi-subpage .vic-detail-panel,.mi-subpage .faq-wrap,.mi-subpage .product-shelf .container{padding:22px}
  .mi-subpage .detail-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .admin-modern .menu{display:none}
  .admin-modern .nav-actions{width:100%;justify-content:space-between}
  .admin-modern .stat-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 560px){
  .mi-subpage .official-products-grid,.mi-subpage .products,.mi-subpage .mini-list,.admin-modern .stat-grid{grid-template-columns:1fr}
  .mi-subpage .detail-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-modern .nav-actions{flex-wrap:wrap}
}


/* ==== V12 stage3 banner admin consistency ==== */
.admin-modern .media-grid,.admin-modern .preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.admin-modern .media-item{background:#fafafa;border:1px solid #ececec;border-radius:18px;padding:14px;color:#444}
.admin-modern .media-item img{width:100%;height:120px;object-fit:cover;border-radius:14px;background:#f0f0f0;display:block;margin-bottom:10px}
.admin-modern .media-name{font-weight:800;color:#111;margin:8px 0}
.admin-modern .admin-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-modern .icon-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;background:#fff;color:#111;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}
.admin-modern .icon-link:hover{background:#fff1e6;color:#ff6900;border-color:#ffd9be}
.admin-modern .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-modern .field textarea{min-height:112px;resize:vertical}
.admin-modern .notice-box{background:#fafafa;border:1px solid #ececec;color:#666;border-radius:16px;padding:14px 16px}
.admin-modern .rp-input{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;border:1px solid #e6e6e6;border-radius:14px;background:#fff;overflow:hidden}
.admin-modern .rp-input span{height:100%;display:grid;place-items:center;background:#fafafa;border-right:1px solid #e6e6e6;color:#111;font-weight:800;font-size:13px;user-select:none}
.admin-modern .rp-input input{border:0!important;box-shadow:none!important;background:#fff!important;border-radius:0!important;width:100%;min-width:0;height:42px;padding:0 14px!important;font-weight:700}
.admin-modern .rp-input input:focus{outline:none}
.admin-modern .rp-input:focus-within{border-color:#ff6900;box-shadow:0 0 0 3px rgba(255,105,0,.12)}
.admin-modern .rp-input.small{grid-template-columns:42px minmax(96px,1fr);border-radius:10px}
.admin-modern .rp-input.small input{height:36px;padding:0 10px!important}
@media (max-width:768px){.admin-modern .field-grid,.admin-modern .media-grid,.admin-modern .preview-grid{grid-template-columns:1fr}.admin-modern .media-item img{height:160px}.admin-modern .media-item video{height:180px}.admin-modern .video-preview-card{grid-column:auto}}


/* ==== V12 third-stage banner admin polish ==== */
.admin-modern .icon-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #ececec;color:#444;font-size:13px}
.admin-modern .icon-link:hover{border-color:#ffcfab;color:#ff6900;background:#fff8f2}
.admin-modern .icon-link.danger{color:#b94f00}
.admin-modern .admin-product-thumb-cell{display:flex;align-items:center;gap:12px;min-width:150px}
.admin-modern .admin-product-thumb{width:74px;height:74px;object-fit:contain;border:1px solid #ececec;border-radius:14px;background:#fff;display:grid;place-items:center;flex:0 0 74px;color:#999;font-size:12px;font-weight:800}
.admin-modern .admin-product-thumb.is-empty{background:#fafafa}
.admin-modern .admin-product-image-meta{display:flex;flex-direction:column;gap:4px;white-space:nowrap;color:#777;font-size:12px;line-height:1.35}
.admin-modern .admin-product-image-meta strong{color:#111;font-size:13px}
.admin-modern .admin-banner-thumb{width:136px;height:56px;object-fit:cover;border-radius:10px;border:1px solid #ececec;background:#fafafa}
.admin-modern .admin-banner-thumb.mobile{width:72px;height:96px}

.admin-products-page .detail-block .table-wrap{overflow:visible}
.admin-products-page .admin-layout{grid-template-columns:240px minmax(0,1fr)}
.admin-products-page .admin-card,.admin-products-page .detail-block,.admin-products-page .toolbar{min-width:0}
.admin-products-page .toolbar-left,.admin-products-page .toolbar-right{min-width:0;flex-wrap:wrap}
.admin-products-page .detail-block .table-wrap table,
.admin-products-page .detail-block .table-wrap thead,
.admin-products-page .detail-block .table-wrap tbody,
.admin-products-page .detail-block .table-wrap tr,
.admin-products-page .detail-block .table-wrap td{display:block}
.admin-products-page .detail-block .table-wrap thead{display:none}
.admin-products-page .detail-block .table-wrap tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(214px,1fr));gap:16px}
.admin-products-page .detail-block .table-wrap tr{position:relative;display:flex;flex-direction:column;min-height:438px;border:1px solid #e7e7e7;border-radius:8px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.035);overflow:hidden;transition:box-shadow .18s ease,transform .18s ease}
.admin-products-page .detail-block .table-wrap tr:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.075)}
.admin-products-page .detail-block .table-wrap td{border:0;padding:0 12px;color:#555}
.admin-products-page .detail-block .table-wrap td:nth-child(1){position:absolute;top:10px;left:10px;z-index:3;padding:0}
.admin-products-page .detail-block .table-wrap td:nth-child(1) input{width:16px;height:16px}
.admin-products-page .detail-block .table-wrap td:nth-child(2){position:absolute;top:10px;right:10px;z-index:3;width:auto;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid #ececec;color:#777;font-size:12px}
.admin-products-page .detail-block .table-wrap td:nth-child(6){order:1;padding:0;background:#fafafa;border-bottom:1px solid #ececec}
.admin-products-page .detail-block .table-wrap td:nth-child(3){order:2;padding:10px 12px 4px;color:#333;font-weight:700;line-height:1.35;min-height:64px}
.admin-products-page .detail-block .table-wrap td:nth-child(3) div{margin-top:4px;font-size:11px!important;color:#8a8a8a!important;font-weight:600}
.admin-products-page .detail-block .table-wrap td:nth-child(5){order:3;padding-top:4px;color:#ff4d2f;font-size:15px;font-weight:800}
.admin-products-page .detail-block .table-wrap td:nth-child(4){order:4;padding-top:8px;font-size:12px;color:#777}
.admin-products-page .detail-block .table-wrap td:nth-child(4)::before{content:"分类 ";color:#aaa}
.admin-products-page .detail-block .table-wrap td:nth-child(7),
.admin-products-page .detail-block .table-wrap td:nth-child(8),
.admin-products-page .detail-block .table-wrap td:nth-child(9){order:5;display:inline-flex;width:auto;padding-top:8px;padding-right:0;font-size:12px}
.admin-products-page .detail-block .table-wrap td:nth-child(9)::before{content:"排序 ";color:#aaa}
.admin-products-page .detail-block .table-wrap td:nth-child(10){order:6;margin-top:auto;padding:10px 12px 12px;border-top:1px solid #f0f0f0}
.admin-products-page .detail-block .table-wrap td:nth-child(10) .admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.admin-products-page .detail-block .table-wrap td:nth-child(10) .icon-link{padding:7px 8px;font-size:12px;min-width:0}
.admin-products-page .admin-product-thumb-cell{position:relative;display:block;min-width:0}
.admin-products-page .admin-product-thumb{width:100%;height:218px;object-fit:contain;border:0;border-radius:0;background:#fff;display:block;flex:none}
.admin-products-page .admin-product-thumb.is-empty{display:grid;place-items:center;background:#f7f7f7;color:#aaa}
.admin-products-page .admin-product-image-meta{position:absolute;left:8px;bottom:8px;display:inline-flex;flex-direction:row;gap:6px;align-items:center;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.08);font-size:11px;line-height:1;white-space:nowrap}
.admin-products-page .admin-product-image-meta strong{font-size:11px;color:#ff4d2f}
@media(max-width:900px){.admin-products-page .detail-block .table-wrap tbody{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.admin-products-page .admin-product-thumb{height:196px}.admin-products-page .detail-block .table-wrap tr{min-height:414px}}
.admin-modern .admin-table-sub{margin-top:6px;color:#888;font-size:12px;line-height:1.5;max-width:320px}
.admin-modern .preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,150px));gap:12px;margin:14px 0;justify-content:start;align-items:start}
.admin-modern .media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,160px));gap:12px;margin:14px 0 18px;justify-content:start;align-items:start}
.admin-modern .media-item{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px;border:1px solid #ececec;border-radius:12px;background:#fff;color:#666;font-size:12px}
.admin-modern .media-item img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:8px;background:#f7f7f7}
.admin-modern .media-item video{width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;border-radius:8px;background:#111;display:block}
.admin-modern .video-preview-card{grid-column:auto;max-width:180px}
.admin-modern .media-name{font-weight:700;color:#222}
.admin-modern .field input[type=file]{padding:12px;background:#fff}
.admin-modern .field label input[type=checkbox]{width:auto}
.admin-products-page .main-preview-card{max-width:160px}
.admin-products-page .main-preview-card img{height:auto;object-fit:contain;background:#f7f7f7}
.admin-products-page #product-video-section .notice-box,
.admin-products-page #gallery-section .notice-box,
.admin-products-page #detail-section .notice-box{max-width:520px}
.admin-products-page #gallery-existing-grid.compact-media-grid,
.admin-products-page #gallery-preview.preview-grid{
  grid-template-columns:repeat(auto-fill,minmax(112px,128px));
  justify-content:start;
  align-items:start;
}
.admin-products-page #gallery-existing-grid .compact-media-item,
.admin-products-page #gallery-preview .media-item{
  min-width:0;
  padding:0;
  overflow:hidden;
  border-radius:8px;
  background:#fff;
  border-color:#e7e7e7;
  box-shadow:0 3px 10px rgba(0,0,0,.035);
}
.admin-products-page #gallery-existing-grid .compact-media-item{
  min-height:128px;
}
.admin-products-page #gallery-existing-grid .compact-media-item img,
.admin-products-page #gallery-preview .media-item img{
  width:100%;
  aspect-ratio:1/1;
  height:auto;
  object-fit:cover;
  border-radius:0;
  background:#f7f7f7;
  margin-bottom:0;
}
.admin-products-page #gallery-existing-grid .compact-media-item.is-marked-delete{
  border-color:#ff4d2f;
  background:#fff7f3;
  box-shadow:0 0 0 2px rgba(255,105,0,.12);
}
.admin-products-page #gallery-existing-grid .compact-media-item.is-selected-main{
  border-color:#ff6900;
  box-shadow:0 0 0 2px rgba(255,105,0,.18);
}
.admin-products-page #gallery-existing-grid .compact-media-item.is-selected-main::after{
  content:"Cover";
  position:absolute;
  left:6px;
  top:6px;
  padding:3px 7px;
  border-radius:999px;
  background:#ff6900;
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1;
}
.admin-products-page #gallery-existing-grid .media-name{
  display:none;
}
.admin-products-page #gallery-existing-grid .drag-handle{
  position:absolute;
  left:6px;
  bottom:35px;
  z-index:2;
  cursor:grab;
  text-align:center;
  border:0;
  border-radius:999px;
  padding:3px 6px;
  background:rgba(20,20,20,.68);
  color:#fff;
  font-size:10px;
  line-height:1;
  opacity:0;
  transition:opacity .16s ease;
}
.admin-products-page #gallery-existing-grid .compact-media-item:hover .drag-handle{
  opacity:1;
}
.admin-products-page #gallery-existing-grid .media-actions{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin-top:auto;
  border-top:0;
  background:rgba(20,31,46,.88);
}
.admin-products-page #gallery-existing-grid .media-actions .ghost,
.admin-products-page #gallery-existing-grid .media-actions .media-delete-button,
.admin-products-page #gallery-existing-grid .delete-toggle span{
  width:100%;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:11px;
  font-weight:800;
}
.admin-products-page #gallery-existing-grid .media-actions .ghost{
  color:#fff;
}
.admin-products-page #gallery-existing-grid .media-actions .media-delete-button{
  color:#fff;
  cursor:pointer;
}
.admin-products-page .media-delete-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 14px;
  border:1px solid #ffd3c2;
  border-radius:12px;
  background:#fff7f2;
  color:#ff4d2f;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.admin-products-page .media-delete-button:hover{
  border-color:#ff6900;
  background:#ff6900;
  color:#fff;
}
.admin-products-page #gallery-existing-grid .media-actions .media-delete-button{
  min-height:30px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
}
.admin-products-page #gallery-existing-grid .media-actions .media-delete-button:hover{
  background:#e5482b;
  color:#fff;
}
.admin-products-page #gallery-existing-grid .delete-toggle{
  display:block;
  cursor:pointer;
}
.admin-products-page #gallery-existing-grid .delete-toggle input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.admin-products-page #gallery-existing-grid .delete-toggle span{
  background:transparent;
  color:#fff;
}
.admin-products-page #gallery-existing-grid .delete-toggle input:checked + span{
  background:#e5482b;
  border-color:#e5482b;
  color:#fff;
}
@media (max-width: 768px){
  .admin-modern .admin-banner-thumb{width:100px;height:46px}
  .admin-modern .admin-banner-thumb.mobile{width:52px;height:72px}
  .admin-modern .preview-grid,
  .admin-modern .media-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
  .admin-products-page #gallery-existing-grid.compact-media-grid,
  .admin-products-page #gallery-preview.preview-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
}

/* ==== V13 shared navigation + mobile drawer fix ==== */
.mi-header{overflow:visible;isolation:isolate}
.mi-mega-wrap{z-index:120;top:100%;max-height:calc(100vh - 78px);overflow:auto}
.mi-mega-wrap.is-visible{display:block!important}
.mi-mega-panel.active{display:block!important}
.mi-home-menu-btn,.mi-mobile-drawer{display:none}
.mi-mobile-drawer.is-open{display:block!important}
.mi-mobile-drawer{position:fixed;left:0;right:0;top:64px;bottom:0;background:#fff;z-index:130;overflow:auto;border-top:1px solid #ececec;box-shadow:0 18px 30px rgba(0,0,0,.10);padding:16px 0 20px;overscroll-behavior:contain}
.mi-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.mi-mobile-drawer-head strong{font-size:20px;color:#111}
.mi-mobile-close{width:38px;height:38px;border-radius:50%;border:1px solid #ececec;background:#fff;font-size:24px;color:#333}
.mi-mobile-accordion{display:grid;gap:10px}
.mi-mobile-nav-section{border:1px solid #ececec;border-radius:18px;background:#fafafa;overflow:hidden}
.mi-mobile-nav-section summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-size:16px;font-weight:800;color:#111;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.mi-mobile-nav-section summary::-webkit-details-marker{display:none}
.mi-mobile-nav-section[open] summary{background:#fff1e6;color:#ff6900}
.mi-mobile-summary-plus{font-size:20px;line-height:1;transition:transform .2s ease}
.mi-mobile-nav-section[open] .mi-mobile-summary-plus{transform:rotate(45deg)}
.mi-mobile-nav-body{padding:6px 14px 14px;background:#fff}
.mi-mobile-nav-group + .mi-mobile-nav-group{margin-top:12px}
.mi-mobile-nav-group h4{margin:8px 4px 10px;font-size:13px;color:#999;text-transform:uppercase;letter-spacing:.04em}
.mi-mobile-nav-links,.mi-mobile-nav-featured,.mi-mobile-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mi-mobile-nav-featured{margin-top:12px}
.mi-mobile-quick-links{gap:10px;margin-top:14px}
.mi-mobile-nav-links a,.mi-mobile-nav-featured a,.mi-mobile-quick-links a{display:flex;align-items:center;min-height:48px;padding:10px 14px;border-radius:14px;background:#fafafa;border:1px solid #ececec;color:#333;font-size:14px;line-height:1.35;position:relative;z-index:2;touch-action:manipulation}
.mi-mobile-quick-links a{justify-content:center;font-weight:700}
.mi-mobile-lang{display:flex;gap:8px;margin-top:12px}
.mi-mobile-lang a{flex:1;text-align:center;padding:10px 12px;border-radius:999px;background:#fafafa;border:1px solid #ececec;color:#444}
.mi-mobile-lang a.active{background:#ff6900;border-color:#ff6900;color:#fff}
.mi-drawer-open{overflow:hidden}
@media (max-width:768px){
  .mi-nav,.mi-lang-desktop,.mi-admin-link,.mi-top-cta{display:none!important}
  .mi-home-search,.mi-home-cart,.mi-home-menu-btn{display:grid!important}
  .mi-topbar{min-height:64px}
  .mi-brand-text span{display:none}
  .mi-actions{gap:10px}
  .mi-icon-btn{width:34px;height:34px;font-size:18px;border:0;background:transparent}
  .mi-mobile-drawer .mi-container{width:min(100%,calc(100% - 24px))}
}
@media (max-width:520px){.mi-mobile-nav-links,.mi-mobile-nav-featured,.mi-mobile-quick-links{grid-template-columns:1fr}}

/* ==== V15 nav visibility hard fix ==== */
.mi-mobile-drawer[hidden]{display:none!important}
.mi-mega-wrap[aria-hidden="true"]{display:none!important}
.mi-mega-panel{display:none}
.mi-mega-panel.active{display:block!important}
.mi-mobile-nav-section summary::marker{content:""}
@media (min-width:769px){
  .mi-mobile-drawer{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  .mi-home-menu-btn{display:none!important}
}

/* ==== V16 desktop mega menu content hard fix ==== */
@media (min-width:769px){
  .mi-mega-wrap{position:absolute!important;left:0!important;right:0!important;top:100%!important;background:#fff!important;border-top:1px solid #f0f0f0!important;border-bottom:1px solid #eaeaea!important;box-shadow:0 30px 45px rgba(0,0,0,.10)!important;z-index:9999!important;padding:26px 0 30px!important;color:#111!important}
  .mi-mega-wrap:not(.is-visible){display:none!important;visibility:hidden!important;opacity:0!important}
  .mi-mega-wrap.is-visible{display:block!important;visibility:visible!important;opacity:1!important}
  .mi-mega-panel{display:none!important}
  .mi-mega-panel.active{display:block!important}
  .mi-mega-grid{display:grid!important;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr)!important;gap:34px!important;align-items:start!important}
  .mi-mega-groups{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
  .mi-group h4{margin:0 0 12px!important;font-size:15px!important;color:#999!important;font-weight:700!important}
  .mi-group a{display:block!important;padding:8px 0!important;font-size:16px!important;color:#222!important;line-height:1.4!important}
  .mi-group a:hover{color:#ff6900!important}
  .mi-featured-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .mi-feature-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;padding:16px 12px!important;border-radius:18px!important;background:#fafafa!important;border:1px solid #eee!important;color:#111!important;min-height:150px!important}
  .mi-feature-card img{width:90px!important;height:70px!important;object-fit:contain!important}
  .mi-feature-title{font-size:14px!important;font-weight:700!important;color:#111!important}
  .mi-feature-sub{font-size:12px!important;color:#777!important;line-height:1.35!important;margin-top:4px!important}
}


/* ==== V17 homepage language and hero restore ==== */
.mi-lang-mobile-inline{display:none}
.mi-admin-lang-switch{display:flex;gap:6px;border:1px solid #ececec;border-radius:999px;padding:4px;margin:0 0 14px;background:#fff}
.mi-admin-lang-switch a{flex:1;text-align:center;padding:8px 10px;border-radius:999px;color:#555;font-size:13px}
.mi-admin-lang-switch a.active{background:#ff6900;color:#fff}
@media (min-width:769px){
  body.mi-home .mi-hero{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
  body.mi-home .mi-slider{width:100vw;max-width:none;background:#f1eee7}
  body.mi-home .mi-slide a,body.mi-home .mi-slide>div{min-height:clamp(620px,52vw,820px)!important}
  body.mi-home .mi-slide picture{display:block;width:100%;height:100%}
  body.mi-home .mi-slide img{width:100%;height:clamp(620px,52vw,820px)!important;object-fit:cover!important;object-position:center center!important;background:#f1eee7}
  body.mi-home .mi-slide-copy{display:block!important}
}
@media (max-width:768px){
  body.mi-home .mi-lang-mobile-inline{display:flex!important;border:1px solid #ececec;background:#fff;padding:3px;border-radius:999px;gap:3px}
  body.mi-home .mi-lang-mobile-inline a{padding:7px 10px;min-width:36px;font-size:12px;border-radius:999px;text-align:center;color:#555}
  body.mi-home .mi-lang-mobile-inline a.active{background:#ff6900;color:#fff}
}


/* ==== V18 checkout light + variants ==== */
body.checkout-light{background:#f5f5f5!important;color:#111!important}
body.checkout-light .page-main{background:#f5f5f5!important;color:#111!important}
body.checkout-light .page-head{background:#f5f5f5!important;color:#111!important}
body.checkout-light .form-card,body.checkout-light .detail-block{background:#fff!important;color:#111!important;border:1px solid #ececec!important;box-shadow:0 10px 30px rgba(0,0,0,.05)!important}
body.checkout-light .field input,body.checkout-light .field textarea,body.checkout-light .field select{background:#fff!important;color:#111!important;border:1px solid #e5e5e5!important}
body.checkout-light .summary-row{border-bottom:1px solid #ececec;color:#555!important}
body.checkout-light .summary-row strong,body.checkout-light .summary-row.total{color:#111!important}
body.checkout-light .notice-box{background:#fafafa!important;color:#666!important;border:1px solid #ececec!important}
.variant-picker{margin:22px 0 8px;padding:16px;border:1px solid #ececec;border-radius:18px;background:#fafafa}
.variant-picker h3{margin:0 0 12px;font-size:16px;color:#111}
.variant-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.variant-option{border:1px solid #e5e5e5;background:#fff;border-radius:14px;padding:12px;text-align:left;cursor:pointer;color:#111}
.variant-option strong{display:block;font-size:14px;margin-bottom:4px}
.variant-option span{display:block;font-size:12px;color:#777;line-height:1.4}
.variant-option.active{border-color:#ff6900;background:#fff7f0;box-shadow:0 0 0 1px rgba(255,105,0,.2)}
.variant-admin-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr .7fr 1.6fr .7fr;gap:8px;align-items:center}
.variant-admin-grid input{width:100%;border:1px solid #e5e5e5;border-radius:10px;padding:10px;background:#fff;color:#111}
.variant-head{font-size:12px;color:#777;font-weight:700}
.variant-mini-img{width:54px;height:54px;border-radius:10px;object-fit:cover;margin-top:6px;border:1px solid #eee;display:block}
.variant-active{font-size:13px;color:#555}.variant-active input{width:auto}
@media(max-width:768px){.variant-options{grid-template-columns:1fr}.variant-admin-grid{grid-template-columns:1fr}.variant-head{display:none}}

/* ==== V19 auto variant builder ==== */
.variant-builder-box{background:#fafafa;border:1px solid #ececec;border-radius:20px;padding:18px;margin:12px 0 18px}
.variant-shopee-builder{display:flex;flex-direction:column;gap:14px}
.variant-variation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.variant-variation-card{background:#fff;border:1px solid #ececec;border-radius:16px;padding:16px;box-shadow:0 8px 20px rgba(0,0,0,.03)}
.variant-variation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.variant-variation-head strong{display:block;color:#111;font-size:15px;line-height:1.2}
.variant-variation-head span{display:block;color:#888;font-size:12px;line-height:1.4;margin-top:4px}
.variant-variation-label{display:block;margin:0 0 6px;color:#777;font-size:12px;font-weight:700}
.variant-variation-name{width:100%;height:42px;border:1px solid #e5e5e5;border-radius:10px;background:#f8f8f8;color:#555;padding:0 12px;margin-bottom:12px;font-weight:700}
.variant-option-editor-list{display:flex;flex-direction:column;gap:8px;min-height:46px;max-height:380px;overflow:auto;padding-right:4px}
.variant-option-editor{display:grid;grid-template-columns:34px minmax(0,1fr) 34px 34px 34px;align-items:center;gap:8px;padding:8px;background:#f7f7f7;border:1px solid #e9e9e9;border-radius:12px}
.variant-option-editor.dragging{opacity:.48}
.variant-option-name{width:100%;height:38px;border:1px solid #dedede;border-radius:9px;background:#fff;color:#222;padding:0 11px;outline:none}
.variant-option-name:focus{border-color:#ff6900;box-shadow:0 0 0 2px rgba(255,105,0,.12)}
.variant-option-drag,.variant-option-move,.variant-option-remove{width:34px;height:34px;border:1px solid #ddd;border-radius:9px;background:#fff;color:#777;display:inline-grid;place-items:center;cursor:pointer;font-weight:800}
.variant-option-drag{cursor:grab;color:#aaa}
.variant-option-remove{color:#ff4d2d}
.variant-option-move:hover,.variant-option-remove:hover,.variant-option-drag:hover{border-color:#ffb27a;color:#ff6900;background:#fff7f0}
.variant-builder-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.variant-table-wrap{overflow:auto;border:1px solid #ececec;border-radius:18px;background:#fff}
.variant-auto-table{min-width:1040px;margin:0}
.variant-auto-table th{background:#fafafa;color:#555;font-size:13px;font-weight:800;white-space:nowrap}
.variant-auto-table td{vertical-align:top;background:#fff}
.variant-auto-table input[type=text],.variant-auto-table input:not([type]),.variant-auto-table input[type=number]{width:100%;min-width:120px;background:#fff;color:#222;border:1px solid #ddd;border-radius:10px;padding:10px 12px;outline:none}
.variant-auto-table input[type=file]{max-width:190px;font-size:12px}
.variant-group-cell{min-width:170px;background:#fcfcfc!important;border-right:1px solid #ececec;vertical-align:middle!important;text-align:center}
.variant-group-inner{display:flex;min-height:92px;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.variant-group-model-input{width:100%;max-width:150px;min-width:0!important;text-align:center;font-weight:800;line-height:1.25}
.variant-group-count{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff3ea;color:#ff6900;padding:5px 10px;font-size:12px;font-weight:800}
.variant-current-img{display:flex;align-items:center;gap:8px;margin-top:8px;color:#666;font-size:12px}
.variant-current-img img{width:46px;height:46px;object-fit:cover;border-radius:10px;border:1px solid #e5e5e5;background:#fafafa}
.variant-remove-row{padding:9px 12px;white-space:nowrap}
.variant-active{display:flex;align-items:center;gap:6px;white-space:nowrap;padding-top:8px;color:#333}
.variant-builder-box textarea{min-height:104px}
@media(max-width:900px){.variant-variation-grid{grid-template-columns:1fr}}
@media(max-width:768px){.variant-builder-actions .ghost{width:100%;justify-content:center}.variant-auto-table{min-width:960px}.variant-variation-card{padding:12px}.variant-variation-head{flex-direction:column}.variant-add-option-btn{width:100%}.variant-option-editor{grid-template-columns:32px minmax(0,1fr) 32px 32px 32px;gap:6px;padding:7px}.variant-option-drag,.variant-option-move,.variant-option-remove{width:32px;height:32px}}

/* ==== V22 category-driven top navigation ==== */
.mi-nav{gap:28px;justify-content:center;min-width:0;overflow:visible;white-space:nowrap}
.mi-nav-link{font-weight:500}
.mi-featured-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:18px}
.mi-feature-card{min-height:210px;align-items:center;justify-content:center;text-align:center;background:#f7f7f7;border-radius:18px}
.mi-feature-card img{max-height:118px;object-fit:contain;margin-bottom:12px}
.mi-mega-groups{min-width:230px}
@media (max-width:1180px){.mi-nav{gap:18px}.mi-nav-link{font-size:14px}.mi-featured-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}}

/* ==== V45 Mega Menu CSS-only refinement ==== */
@media (min-width:769px){
  .mi-header{overflow:visible!important;isolation:isolate!important}
  .mi-mega-wrap{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:100%!important;
    background:#fff!important;
    border-top:1px solid #f2f2f2!important;
    border-bottom:1px solid #e9e9e9!important;
    box-shadow:0 26px 42px rgba(0,0,0,.08)!important;
    padding:34px 0 42px!important;
    z-index:9999!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .mi-mega-wrap:not(.is-visible){display:none!important;visibility:hidden!important;opacity:0!important}
  .mi-mega-wrap.is-visible{display:block!important;visibility:visible!important;opacity:1!important}
  .mi-mega-panel{display:none!important;padding:0!important}
  .mi-mega-panel.active{display:block!important}
  .mi-mega-grid{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:42px!important;align-items:start!important}
  .mi-mega-groups{display:flex!important;flex-direction:column!important;gap:18px!important;min-width:0!important;padding:6px 6px 0 0!important}
  .mi-group{display:block!important}
  .mi-group h4{margin:0 0 12px!important;font-size:15px!important;line-height:1.4!important;font-weight:800!important;color:#ff6900!important}
  .mi-group a{display:block!important;padding:8px 0!important;font-size:16px!important;line-height:1.45!important;color:#222!important}
  .mi-group a:hover{color:#ff6900!important}
  .mi-featured-grid{display:grid!important;grid-template-columns:repeat(4,minmax(190px,1fr))!important;gap:20px!important;align-items:stretch!important}
  .mi-feature-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;text-align:center!important;min-height:285px!important;padding:22px 18px 24px!important;border-radius:22px!important;border:1px solid #f0f0f0!important;background:#fff!important;box-shadow:none!important;color:#111!important;overflow:hidden!important}
  .mi-feature-card:hover{border-color:#e8e8e8!important;box-shadow:0 12px 26px rgba(0,0,0,.055)!important;transform:translateY(-1px)!important}
  .mi-feature-card img{width:170px!important;height:170px!important;max-width:100%!important;object-fit:contain!important;object-position:center center!important;background:#fff!important;margin:0 auto 18px!important;display:block!important}
  .mi-feature-card > div{width:100%!important}
  .mi-feature-title{font-size:16px!important;line-height:1.35!important;font-weight:750!important;color:#222!important;min-height:44px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .mi-feature-sub{margin-top:6px!important;font-size:13px!important;line-height:1.38!important;color:#777!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
}
@media (min-width:1280px){.mi-featured-grid{grid-template-columns:repeat(5,minmax(170px,1fr))!important}}

/* ==== V46 product detail variant linkage polish ==== */
.mi-subpage .variant-picker-v46{margin:24px 0 14px;padding:18px;border:1px solid #e8e8e8;border-radius:22px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.035)}
.mi-subpage .variant-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.mi-subpage .variant-picker-head h3{margin:0;font-size:18px;color:#111;line-height:1.2}
.mi-subpage #variant-current-stock{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 12px;border-radius:999px;background:#f6f6f6;color:#555;font-size:13px;font-weight:700;white-space:nowrap}
.mi-subpage .variant-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mi-subpage .variant-option{position:relative;border:1px solid #e6e6e6;background:#fafafa;border-radius:16px;padding:14px 14px 13px;text-align:left;cursor:pointer;color:#111;transition:.18s ease;min-height:92px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.mi-subpage .variant-option:hover{border-color:#ffb27a;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.045)}
.mi-subpage .variant-option.active{border-color:#ff6900;background:#fff7f0;box-shadow:0 0 0 1px rgba(255,105,0,.18)}
.mi-subpage .variant-option.active::after{content:"✓";position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ff6900;color:#fff;font-size:13px;font-weight:800}
.mi-subpage .variant-option.is-out{opacity:.58;background:#f7f7f7;cursor:not-allowed}
.mi-subpage .variant-option strong{display:block;font-size:15px;line-height:1.35;max-width:calc(100% - 28px)}
.mi-subpage .variant-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#666;font-size:12px;line-height:1.35}
.mi-subpage .variant-meta em{font-style:normal;font-weight:800;color:#111;font-size:14px;white-space:nowrap}
.mi-subpage .variant-meta small{color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mi-subpage .variant-stock{font-size:12px;line-height:1.2;color:#17863d;font-weight:700}
.mi-subpage .variant-option.is-out .variant-stock{color:#999}
.mi-subpage #detail-buy-button.is-disabled,.mi-subpage #detail-buy-button:disabled{background:#d9d9d9!important;color:#777!important;cursor:not-allowed!important;box-shadow:none!important}
.mi-subpage .tag-row .tag#detail-sku-tag,.mi-subpage .tag-row .tag#detail-stock-tag{font-weight:700;color:#222;background:#fff;border-color:#e7e7e7}
@media (max-width:768px){
  .mi-subpage .variant-picker-v46{padding:14px;border-radius:18px;margin:18px 0 12px}
  .mi-subpage .variant-picker-head h3{font-size:16px}
  .mi-subpage .variant-options{grid-template-columns:1fr;gap:9px}
  .mi-subpage .variant-option{min-height:82px;padding:13px}
  .mi-subpage .variant-meta{align-items:flex-start;flex-direction:column;gap:4px}
}

/* ==== V77 cart basic system ==== */
.mi-cart-link{position:relative!important;overflow:visible!important}
.mi-cart-badge{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff6900;color:#fff;font-size:11px;font-weight:900;line-height:18px;text-align:center;box-shadow:0 4px 12px rgba(255,105,0,.35)}
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.cart-list{display:grid;gap:14px;margin-top:16px}
.cart-item{display:grid;grid-template-columns:96px minmax(0,1fr) 160px 72px;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}
.cart-item-img{width:96px;height:96px;border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(0,0,0,.06)}
.cart-item-img img{width:100%;height:100%;object-fit:contain;background:#fff}
.cart-item-body h3{margin:0 0 8px;font-size:18px;line-height:1.25;color:#fff}
.cart-item-body p{margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.5}
.cart-item-body strong{font-size:18px;color:#fff}
.cart-item-actions{display:grid;gap:8px;justify-items:end}
.cart-item-actions .qty-input{width:96px;text-align:center;background:#fff!important;color:#111!important;border:1px solid #e5e5e5!important;border-radius:14px;padding:12px!important}
.cart-line-total{font-weight:900;color:#fff}
.cart-remove-btn{border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffb3a1;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:800}
.cart-remove-btn:hover{background:rgba(255,105,0,.12);color:#fff}
.cart-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.ghost.danger{color:#ffb3a1;border-color:rgba(255,105,0,.22)}
.cart-summary-card{position:sticky;top:96px}.cart-add-row{margin-top:10px}.cart-add-row .btn,.cart-add-row .ghost{width:100%}
@media(max-width:900px){.cart-layout{grid-template-columns:1fr}.cart-summary-card{position:static}.cart-item{grid-template-columns:78px 1fr;gap:12px}.cart-item-img{width:78px;height:78px}.cart-item-actions{grid-column:2;justify-items:start}.cart-remove-btn{grid-column:1 / -1;width:100%}}

/* ==== V83 admin account permissions ==== */
.admin-modern .notice-error{background:#fff4f0;border:1px solid #ffd6c9;color:#8a2d12;padding:14px 16px;border-radius:16px;margin-top:16px;display:none}
.admin-accounts-page .admin-layout{grid-template-columns:240px minmax(0,1fr)}
.admin-accounts-page .admin-card{min-width:0}
.admin-accounts-page .account-section{padding:26px 0;border-top:1px solid #f0f0f0}
.admin-accounts-page .account-section:first-of-type{margin-top:18px}
.admin-accounts-page .account-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.admin-accounts-page .account-section-head h2{margin:0 0 6px;font-size:24px;line-height:1.2;color:#111}
.admin-accounts-page .account-section-head p{margin:0;color:#777;font-size:14px;line-height:1.6}
.admin-accounts-page .account-form{display:grid;gap:16px}
.admin-accounts-page .account-switch{display:flex;align-items:center;gap:10px;min-height:46px;margin-top:25px;color:#444;font-size:14px;font-weight:700}
.admin-accounts-page .account-switch input{width:18px;height:18px;accent-color:#ff6900}
.admin-accounts-page .permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-accounts-page .permission-option{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #e9e9e9;border-radius:16px;background:#fff;color:#222;cursor:pointer;min-height:86px}
.admin-accounts-page .permission-option:hover{border-color:#ffc39b;background:#fff8f2}
.admin-accounts-page .permission-option input{margin-top:3px;width:17px;height:17px;accent-color:#ff6900;flex:0 0 auto}
.admin-accounts-page .permission-option span{display:grid;gap:4px;min-width:0}
.admin-accounts-page .permission-option strong{font-size:14px;line-height:1.3;color:#111}
.admin-accounts-page .permission-option small{font-size:12px;line-height:1.45;color:#777}
.admin-accounts-page .account-table-wrap table{min-width:920px}
.admin-accounts-page .account-table-wrap th{color:#555;background:#fafafa}
.admin-accounts-page .account-table-wrap td{color:#444;vertical-align:top}
.admin-accounts-page .account-table-wrap form{display:inline-flex}
.admin-accounts-page button.icon-link{cursor:pointer;font-family:inherit}
.admin-accounts-page .permission-tags{display:flex;gap:6px;flex-wrap:wrap;max-width:360px}
.admin-accounts-page .permission-tags span{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#fff7f0;border:1px solid #ffe1cc;color:#b94f00;font-size:12px;font-weight:700;line-height:1}
@media(max-width:900px){.admin-accounts-page .admin-layout{grid-template-columns:1fr}.admin-accounts-page .permission-grid{grid-template-columns:1fr}.admin-accounts-page .account-section-head{flex-direction:column}.admin-accounts-page .account-switch{margin-top:0}}

/* ==== V84 admin payment settings ==== */
.admin-payments-page .admin-layout{grid-template-columns:240px minmax(0,1fr)}
.admin-payments-page .admin-card{min-width:0}
.admin-payments-page .payment-config-block{margin-top:22px}
.admin-payments-page .account-switch{display:flex;align-items:center;gap:10px;min-height:46px;margin-top:25px;color:#444;font-size:14px;font-weight:700}
.admin-payments-page .account-switch input{width:18px;height:18px;accent-color:#ff6900}
.admin-payments-page .payment-url-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-payments-page .payment-url-grid>div{padding:14px;border:1px solid #ececec;border-radius:16px;background:#fafafa;min-width:0}
.admin-payments-page .payment-url-grid span{display:block;color:#777;font-size:12px;font-weight:800;margin-bottom:8px}
.admin-payments-page .payment-url-grid code,.admin-payments-page .payment-url-grid strong{display:block;color:#111;font-size:13px;line-height:1.45;word-break:break-all}
@media(max-width:900px){.admin-payments-page .admin-layout{grid-template-columns:1fr}.admin-payments-page .payment-url-grid{grid-template-columns:1fr}.admin-payments-page .account-switch{margin-top:0}}

/* V85 product detail long images */
.product-long-detail{overflow:hidden}
.product-detail-image-stack{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:18px;overflow:hidden}
.product-detail-image-stack img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}

/* ==== V90 public topbar collision fix ==== */
.mi-header .mi-brand,
.mi-header .mi-brand-text,
.mi-header .mi-nav,
.mi-header .mi-actions{min-width:0}
.mi-header .mi-brand{flex:0 0 auto}
.mi-header .mi-brand-text strong,
.mi-header .mi-brand-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi-header .mi-nav{overflow-x:auto!important;overflow-y:hidden!important;-ms-overflow-style:none;scrollbar-width:none}
.mi-header .mi-nav::-webkit-scrollbar{display:none}
.mi-header .mi-nav-link{white-space:nowrap;flex:0 0 auto}

@media (min-width:901px){
  .mi-sub-header .mi-topbar{
    display:grid!important;
    grid-template-columns:minmax(172px,240px) minmax(0,1fr) max-content!important;
    grid-template-areas:"brand spacer actions" "nav nav nav"!important;
    align-items:center!important;
    gap:8px 18px!important;
    min-height:0!important;
    padding:10px 0 0!important;
  }
  .mi-sub-header .mi-brand{
    grid-area:brand!important;
    max-width:240px!important;
    overflow:hidden!important;
  }
  .mi-sub-header .mi-nav{
    grid-area:nav!important;
    display:flex!important;
    width:100%!important;
    flex:initial!important;
    justify-content:center!important;
    gap:clamp(16px,2vw,30px)!important;
    border-top:1px solid #f1f2f4!important;
    padding:0 2px!important;
  }
  .mi-sub-header .mi-nav-link{
    height:44px!important;
    font-size:14px!important;
    line-height:1!important;
  }
  .mi-sub-header .mi-actions{
    grid-area:actions!important;
    justify-self:end!important;
    margin-left:0!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  .mi-sub-header .mi-mega-wrap{top:100%!important}
}

@media (min-width:901px) and (max-width:1180px){
  .mi-sub-header .mi-topbar{grid-template-columns:minmax(160px,210px) minmax(0,1fr) max-content!important;gap:8px 14px!important}
  .mi-sub-header .mi-brand{max-width:210px!important}
  .mi-sub-header .mi-nav{justify-content:flex-start!important;gap:18px!important}
  .mi-sub-header .mi-nav-link{font-size:13px!important}
  .mi-sub-header .mi-lang a{padding:7px 11px!important}
  .mi-sub-header .mi-top-cta{padding:10px 14px!important;font-size:13px!important}
}

@media (max-width:900px){
  .mi-header .mi-topbar{display:flex!important;align-items:center!important;min-height:64px!important;gap:8px!important}
  .mi-header .mi-brand{
    flex:1 1 auto!important;
    max-width:min(52vw,190px)!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  .mi-header .mi-brand-mark{width:32px!important;height:32px!important;flex:0 0 32px!important}
  .mi-header .mi-brand-text strong{font-size:18px!important;line-height:1!important}
  .mi-header .mi-brand-text span{display:none!important}
  .mi-header .mi-actions{margin-left:auto!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important}
  .mi-header .mi-nav,
  .mi-header .mi-lang-desktop,
  .mi-header .mi-admin-link,
  .mi-header .mi-top-cta{display:none!important}
  .mi-header .mi-home-search,
  .mi-header .mi-home-cart,
  .mi-header .mi-home-menu-btn{display:grid!important}
}

@media (max-width:520px){
  .mi-header .mi-brand{max-width:46vw!important}
  .mi-header .mi-user-pill{width:36px!important;height:36px!important;padding:0!important;justify-content:center!important}
  .mi-header .mi-user-label{display:none!important}
  .mi-header .mi-icon-btn{width:34px!important;height:34px!important}
}

@media (max-width:380px){
  .mi-header .mi-home-search{display:none!important}
  .mi-header .mi-brand{max-width:50vw!important}
}