:root {
  --bg: #07111f;
  --surface: #0c192a;
  --surface-2: #102238;
  --surface-3: #132a45;
  --line: rgba(155, 193, 224, .14);
  --text: #f1f7ff;
  --muted: #9aacc3;
  --cyan: #27e0de;
  --cyan-light: #98fbff;
  --blue: #5198ff;
  --violet: #9f7cff;
  --danger: #ff6c82;
  --success: #55d99a;
  --warning: #ffc861;
  --shadow: 0 18px 60px rgba(0, 3, 12, .32);
  --radius: 18px;
  --radius-sm: 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; background: radial-gradient(ellipse at 30% -20%, #113b5a 0%, transparent 42%), var(--bg); overflow-x: hidden; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, black, transparent 78%); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
main { min-height: calc(100vh - 250px); }

.shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.section { padding: 52px 0; position: relative; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.eyebrow { display: flex; gap: 8px; align-items: center; color: var(--cyan); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; }
.eyebrow::before { content:""; width: 24px; height: 1px; background: currentColor; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; letter-spacing: -.035em; }
h1 { font-size: clamp(2.35rem, 7vw, 5rem); line-height: .96; }
h2 { font-size: clamp(1.65rem, 3vw, 2.25rem); margin: 8px 0 0; }
h3 { font-size: 1.04rem; margin-bottom: 8px; }
.muted { color: var(--muted); }
.small { font-size: .83rem; }
.hidden { display: none !important; }
.text-cyan { color: var(--cyan); }
.text-success { color: var(--success); }
.text-danger { color: var(--danger); }
.text-warning { color: var(--warning); }

.ambient { position: fixed; width: 360px; height: 360px; filter: blur(100px); border-radius: 50%; pointer-events: none; opacity: .2; z-index: -1; }
.ambient-one { background: #17d4e2; top: 20%; left: -200px; }
.ambient-two { background: #5935db; right: -180px; bottom: 0; }

@media (max-width: 680px) { .monthly-revenue-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px 5px!important}.monthly-revenue-value{font-size:.62rem}.product-detail-images{grid-template-columns:1fr;gap:10px}.product-detail-image-row{width:100%;justify-content:center}.product-detail-images img{width:min(var(--detail-img-w,100%),100%);height:var(--detail-img-h,260px);object-fit:contain}
  .shell { width: min(100% - 24px, 1180px); }
  .section { padding: 38px 0; }
  .section-heading { align-items: start; }
  .section-heading .btn-outline { display: none; }
  main { padding-bottom: 70px; }
}
.topbar { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid rgba(156,197,228,.12); background: rgba(7,17,31,.76); backdrop-filter: blur(20px); }
.nav { height: 72px; display:flex; align-items:center; justify-content:space-between; gap: 18px; }
.brand { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1.28rem; letter-spacing: -.06em; font-weight: 700; display:flex; align-items:center; gap: 10px; }
.brand-mark { width: 31px; height: 31px; position:relative; display:grid; place-items:center; border:1px solid rgba(66,241,239,.65); border-radius:10px 10px 4px 10px; transform: skewY(-8deg); background:linear-gradient(145deg, rgba(47,224,222,.25), rgba(35,101,173,.2)); box-shadow:0 0 24px rgba(39,224,222,.28); color: var(--cyan-light); }
.brand-mark span { transform:skewY(8deg); font-size:.82rem; }
.brand b { color:var(--cyan); font-weight:700; }
.nav-links { display:flex; align-items:center; gap: 5px; }
.nav-link { padding: 9px 12px; color:var(--muted); font-size:.9rem; border-radius:9px; transition: .18s ease; }
.nav-link:hover, .nav-link.active { color:var(--text); background:rgba(114,181,221,.1); }
.nav-actions { display:flex; align-items:center; gap:9px; }
.balance-chip { display:inline-flex; gap:7px; align-items:center; border:1px solid rgba(39,224,222,.22); background:rgba(39,224,222,.08); color:var(--cyan-light); padding:8px 11px; border-radius:10px; font-size:.8rem; font-weight:700; }
.avatar { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg, var(--violet), var(--cyan)); color:#07111f; font-weight:800; font-size:.8rem; }

.btn { border: 1px solid transparent; border-radius: 11px; padding: 10px 15px; font-weight:700; font-size:.88rem; display:inline-flex; gap:8px; align-items:center; justify-content:center; transition: transform .18s ease, filter .18s ease, background .18s ease; }
.btn:hover { transform: translateY(-2px); filter:brightness(1.08); }
.btn:active { transform: translateY(0); }
.btn-primary { color:#03202a; background:linear-gradient(120deg, var(--cyan), #6bc6ff); box-shadow:0 10px 28px rgba(39,224,222,.2); }
.btn-outline { background:rgba(142,189,219,.07); border-color:var(--line); color:var(--text); }
.btn-danger { background:rgba(255,108,130,.1); border-color:rgba(255,108,130,.24); color:#ff9cac; }
.btn-sm { padding:7px 10px; font-size:.78rem; }
.btn-wide { width:100%; padding:13px; }
.icon { width: 1.1em; height:1.1em; display:inline-grid; place-items:center; font-style:normal; }

.card { background:linear-gradient(155deg, rgba(17,38,61,.88), rgba(10,25,42,.9)); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); }
/* Hiệu ứng vẽ viền xanh chạy quét quanh nút chuẩn style deltaforce.skin */
.menu, .nav-links {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}

.menu-item, .nav-link {
  position: relative !important;
  padding: 8px 18px !important;
  color: #94a3b8 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.3s ease !important;
  border-radius: 8px !important;
}

/* Khung viền xanh ẩn ban đầu */
.menu-item::before, .nav-link::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border: 1.5px solid #10b981 !important;
  border-radius: 8px !important;
  background: rgba(16, 185, 129, 0.08) !important;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.3) !important;
  
  /* Thu hẹp viền về góc trái */
  clip-path: inset(0 100% 0 0) !important;
  transition: clip-path 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Khi rê chuột hoặc đang chọn -> Viền chạy quét từ trái sang phải ôm trọn nút */
.menu-item:hover::before, .menu-item.active::before,
.nav-link:hover::before, .nav-link.active::before {
  clip-path: inset(0 0 0 0) !important;
}

.menu-item:hover, .menu-item.active,
.nav-link:hover, .nav-link.active {
  color: #10b981 !important;
}
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.product-card { overflow:hidden; transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease; min-width:0; }
.product-card:hover { transform:translateY(-5px); border-color:rgba(65,228,233,.4); box-shadow:0 20px 45px rgba(0,0,0,.28), 0 0 22px rgba(39,224,222,.08); }
.product-cover { height: 142px; padding:13px; position:relative; overflow:hidden; display:flex; justify-content:space-between; align-items:start; isolation:isolate; }
.product-cover::before,.product-cover::after { content:""; position:absolute; z-index:-1; border-radius:50%; filter: blur(.3px); }
.product-cover::before { width:190px; height:190px; right:-45px; bottom:-80px; background:rgba(255,255,255,.2); }
.product-cover::after { width:130px; height:130px; left:-55px; top:-58px; border:1px solid rgba(255,255,255,.45); }
.cover-cyan { background:linear-gradient(135deg,#095968,#063242); }.cover-violet { background:linear-gradient(135deg,#4a2a85,#15183f); }.cover-pink { background:linear-gradient(135deg,#722a5e,#251238); }.cover-orange { background:linear-gradient(135deg,#85421d,#271b20); }.cover-blue { background:linear-gradient(135deg,#174d88,#10283d); }.cover-green { background:linear-gradient(135deg,#1f715a,#102c35); }.cover-red { background:linear-gradient(135deg,#843340,#271527); }.cover-yellow { background:linear-gradient(135deg,#766020,#25251e); }
.cover-symbol { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:2.7rem; font-weight:700; opacity:.92; align-self:end; letter-spacing:-.13em; text-shadow:0 4px 18px rgba(0,0,0,.27); }
.badge { border-radius:999px; padding:4px 8px; font-size:.66rem; font-weight:800; line-height:1; white-space:nowrap; }
.badge-live { background:rgba(84,221,154,.18); color:#8cf2bb; border:1px solid rgba(84,221,154,.32); }.badge-new { background:rgba(39,224,222,.18); color:var(--cyan-light); border:1px solid rgba(39,224,222,.32); }.badge-sold { background:rgba(255,108,130,.16); color:#ffaab7; border:1px solid rgba(255,108,130,.28); }.badge-pending { background:rgba(255,200,97,.14); color:#ffd987; border:1px solid rgba(255,200,97,.26); }
.product-body { padding:14px; }.product-game { font-size:.7rem; color:var(--cyan); font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:6px; }.product-title { font-size:.94rem; line-height:1.4; min-height:40px; margin:0 0 10px; }.product-stats { display:flex; gap:6px; margin-bottom:14px; flex-wrap:wrap; }.stat { color:#b7c9d9; background:rgba(165,198,221,.08); border-radius:7px; padding:4px 6px; font-size:.7rem; }.price-row { display:flex; justify-content:space-between; align-items:end; gap:4px; }.price { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:1.05rem; font-weight:700; color:var(--cyan-light); }.old-price { font-size:.69rem; color:#73869d; text-decoration:line-through; }

.input, .select, .textarea { width:100%; border:1px solid rgba(149,193,223,.18); outline:0; border-radius:10px; color:var(--text); background:rgba(4,13,24,.48); padding:11px 12px; transition:border-color .18s, box-shadow .18s; }
.input:focus, .select:focus, .textarea:focus { border-color:rgba(39,224,222,.68); box-shadow:0 0 0 3px rgba(39,224,222,.1); }.select option { background:#102238; }.textarea { min-height:100px; resize:vertical; }
.form-field { display:grid; gap:7px; }.form-field label { font-size:.8rem; color:#b7c7d8; font-weight:600; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.form-grid .full { grid-column:1/-1; }

.empty { padding:38px 20px; text-align:center; color:var(--muted); border:1px dashed rgba(153,192,217,.22); border-radius:14px; }.empty-icon { font-size:2.2rem; display:block; margin-bottom:10px; }
.loading { min-height:200px; display:grid; place-items:center; color:var(--muted); }.loading::before { content:""; width:28px; height:28px; border:3px solid rgba(39,224,222,.16); border-top-color:var(--cyan); border-radius:50%; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } } @keyframes float { 50% { transform:translateY(-10px); } }

.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:14px; background:rgba(7,18,31,.46); }.table { width:100%; border-collapse:collapse; font-size:.82rem; min-width:640px; }.table th { color:#91a9c0; font-size:.72rem; text-align:left; text-transform:uppercase; letter-spacing:.06em; padding:13px 14px; background:rgba(120,163,195,.055); }.table td { padding:13px 14px; border-top:1px solid rgba(152,190,218,.1); vertical-align:middle; }.table tr:hover td { background:rgba(140,195,225,.035); }
.status { display:inline-flex; align-items:center; gap:5px; font-size:.72rem; font-weight:700; }.status::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }.status-paid,.status-completed,.status-active,.status-available { color:#7fe7ac; }.status-pending,.status-claimed { color:#ffd37b; }.status-sold,.status-suspended,.status-cancelled,.status-hidden { color:#ff9dad; }.status-resolved { color:#94d8ff; }

.toast-region { position:fixed; right:18px; top:85px; z-index:100; display:grid; gap:8px; max-width:min(380px, calc(100vw - 36px)); }.toast { display:flex; align-items:start; gap:10px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:#102238; box-shadow:var(--shadow); animation:toast-in .3s ease both; font-size:.84rem; }.toast.success { border-color:rgba(84,221,154,.4); }.toast.error { border-color:rgba(255,108,130,.4); } @keyframes toast-in { from { transform:translateX(24px); opacity:0; } }

.mobile-nav { display:none; }
.footer { border-top:1px solid var(--line); padding:32px 0 46px; position:relative; }.footer-grid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:28px; }.footer-title { font-size:.78rem; color:var(--text); font-weight:800; margin-bottom:11px; }.footer-links { display:grid; gap:8px; color:var(--muted); font-size:.82rem; }.copyright { margin-top:32px; padding-top:17px; border-top:1px solid var(--line); color:#71859d; font-size:.75rem; }

.product-detail-images{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}.product-detail-image-row{position:relative;width:100%;display:flex;justify-content:center;overflow:hidden}.product-detail-images img{width:min(var(--detail-img-w,100%),100%);height:var(--detail-img-h,320px);object-fit:contain;object-position:center;border-radius:10px;border:1px solid rgba(255,255,255,.12);display:block;background:rgba(7,18,31,.35)}.product-detail-zoom-btn{position:absolute;top:10px;right:10px;z-index:2;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;background:rgba(7,18,31,.72);backdrop-filter:blur(5px);color:#fff;font-size:25px;line-height:1;cursor:zoom-in;box-shadow:0 8px 24px rgba(0,0,0,.24);transition:transform .18s ease,background .18s ease,border-color .18s ease}.product-detail-zoom-btn:hover{transform:scale(1.06);background:rgba(7,18,31,.9);border-color:rgba(66,241,239,.55)}.product-detail-zoom-btn:focus-visible{outline:2px solid rgba(66,241,239,.9);outline-offset:2px}.product-detail-image-row{cursor:zoom-in}.detail-gallery-overlay{position:fixed;inset:0;z-index:1000001;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,8,18,.88);backdrop-filter:blur(8px);isolation:isolate}.detail-gallery-box{position:relative;width:96vw;height:94vh;display:flex;align-items:center;justify-content:center;gap:14px}.detail-gallery-stage{position:relative;width:calc(96vw - 116px);height:92vh;display:flex;align-items:center;justify-content:center;padding:8px 52px 46px;background:rgba(7,18,31,.42);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.5)}.detail-gallery-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.detail-gallery-counter{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-size:.82rem;line-height:1}.detail-gallery-close{position:absolute;right:10px;top:10px;z-index:3;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(7,18,31,.9);color:#fff;font-size:27px;line-height:1;display:grid;place-items:center;cursor:pointer}.detail-gallery-nav{width:46px;height:46px;flex:0 0 46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(7,18,31,.9);color:#fff;font-size:26px;display:grid;place-items:center;cursor:pointer}.detail-gallery-nav:hover,.detail-gallery-close:hover{background:rgba(39,224,222,.16);border-color:rgba(66,241,239,.55)}.detail-gallery-nav:disabled{opacity:.42;cursor:default}.detail-gallery-nav:focus-visible,.detail-gallery-close:focus-visible{outline:2px solid rgba(66,241,239,.9);outline-offset:2px}@media(max-width:680px){.product-detail-zoom-btn{top:8px;right:8px;width:44px;height:44px;font-size:25px}.detail-gallery-overlay{padding:10px}.detail-gallery-box{width:100%;height:92vh;gap:6px}.detail-gallery-stage{width:calc(100vw - 72px);height:88vh;padding:8px 10px 42px;border-radius:13px}.detail-gallery-nav{width:40px;height:40px;flex-basis:40px;font-size:22px}.detail-gallery-close{right:8px;top:8px;width:40px;height:40px;font-size:24px}.detail-gallery-counter{bottom:9px}}
.monthly-revenue-bar{border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#00e5ff,#2563eb)}.monthly-revenue-value{word-break:break-word}
@media (max-width: 950px) { .product-grid { grid-template-columns:repeat(3,1fr); } .nav-link { padding-inline:8px; } }
@media (max-width: 680px) { .topbar { position:relative; }.nav { height:62px; }.nav-links { display:none; }.nav-actions .btn-outline { display:none; }.balance-chip { padding:7px 9px; }.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.product-cover { height:113px; padding:10px; }.cover-symbol { font-size:2rem; }.product-body { padding:11px; }.product-title { font-size:.82rem; min-height:36px; }.product-stats { margin-bottom:10px; gap:4px; }.stat { font-size:.63rem; }.price { font-size:.91rem; }.old-price { display:none; }.form-grid { grid-template-columns:1fr; }.form-grid .full { grid-column:auto; }.mobile-nav { position:fixed; display:flex; justify-content:space-around; align-items:center; padding:7px 6px calc(7px + env(safe-area-inset-bottom)); bottom:0; left:0; right:0; z-index:30; border-top:1px solid var(--line); background:rgba(9,23,39,.94); backdrop-filter:blur(18px); }.mobile-link { display:grid; gap:3px; justify-items:center; color:#839bb3; font-size:.62rem; padding:3px 10px; }.mobile-link.active { color:var(--cyan); }.mobile-link .m-icon { font-size:1rem; }.footer { padding-bottom:93px; }.footer-grid { grid-template-columns:1fr 1fr; gap:20px; }.footer-grid > :first-child { grid-column:1/-1; }.toast-region { top:12px; } }

/* --- RESET TRIỆT MỌI LAYER VIỀN CŨ --- */
.menu-item::before, .menu-item::after,
.nav-link::before, .nav-link::after {
  display: none !important;
  content: none !important;
}

/* --- MENU TO RÕ, FONT ĐẬM NÉT CHUẨN DELTAFORCE.SKIN --- */
.menu, .nav-links {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}

.menu-item, .nav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  
  /* Chiều cao 38px & lề rộng rãi to rõ */
  height: 38px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  
  /* Font Plus Jakarta Sans to 15px, ĐẬM 700, màu Trắng tinh */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  
  /* Ô viền 1px bo góc 6px chuẩn mỏng */
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  transition: all 0.15s ease-in-out !important;
}

.menu-item svg, .nav-link svg {
  display: block !important;
  flex-shrink: 0 !important;
  width: 17px !important;
  height: 17px !important;
  stroke: #ffffff !important;
  stroke-width: 2.2 !important;
  transition: stroke 0.15s ease-in-out !important;
}

/* Khi Active / Hover: Hiện viền xanh lá 1px & chữ đổi màu xanh */
.menu-item:hover, .menu-item.active,
.nav-link:hover, .nav-link.active {
  color: #10b981 !important;
  border-color: #10b981 !important;
  background: rgba(16, 185, 129, 0.12) !important;
}

.menu-item:hover svg, .menu-item.active svg,
.nav-link:hover svg, .nav-link.active svg {
  stroke: #10b981 !important;
}
/* --- FIX MẤT NÚT ĐƠN HÀNG VÀ HỖ TRỢ TRÊN DI ĐỘNG --- */

@media (max-width: 768px) {
  /* 1. Cho phép thanh Menu vuốt ngang mượt mà, hiển thị đủ 100% cả nút Đơn Hàng */
  .menu, .nav-links {
    display: flex !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    gap: 4px !important;
    max-width: 100% !important;
    padding-bottom: 2px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Ẩn thanh cuộn thừa giúp menu di động đẹp như App */
  .menu::-webkit-scrollbar, .nav-links::-webkit-scrollbar {
    display: none !important;
  }

  /* Thu gọn cỡ chữ và icon vừa vặn màn hình điện thoại */
  .menu-item, .nav-link {
    flex-shrink: 0 !important; /* Không cho phép bị co móp */
    padding: 0 8px !important;
    font-size: 12px !important;
    height: 32px !important;
    gap: 4px !important;
  }

  .menu-item svg, .nav-link svg {
    width: 13px !important;
    height: 13px !important;
  }
}

/* 2. Ép nút HỖ TRỢ luôn nổi cố định ở góc dưới bên phải màn hình */
[class*="support"], .support-btn, .btn-support, #support {
  position: fixed !important;
  bottom: 20px !important;
  right: 15px !important;
  z-index: 99999 !important;
  display: inline-flex !important;
}
/* USER PROFILE DROPDOWN - CHUẨN SHOPDELTA */
.user-profile-box {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}

.user-profile-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 6px 14px;
  border-radius: 8px;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s ease;
}

.user-profile-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}

.user-avatar-circle {
  width: 32px;
  height: 32px;
  background: #3b82f6;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.user-meta-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.2;
}

.user-meta-name {
  font-size: 13px;
  font-weight: 600;
  color: #f1f5f9;
}

.user-meta-balance {
  font-size: 12px;
  color: #38bdf8;
  font-weight: bold;
}

.profile-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 220px;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  display: none;
  flex-direction: column;
  padding: 8px 0;
  z-index: 9999;
}

.profile-dropdown-menu.show {
  display: flex;
}

.dropdown-balance-head {
  padding: 10px 16px;
  border-bottom: 1px solid #334155;
  font-size: 12px;
  color: #94a3b8;
}

.dropdown-balance-val {
  font-size: 16px;
  font-weight: bold;
  color: #38bdf8;
  display: block;
  margin-top: 4px;
}

.dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  color: #cbd5e1;
  text-decoration: none;
  font-size: 13px;
  transition: background 0.2s;
}

.dropdown-item:hover {
  background: #334155;
  color: #fff;
}

.dropdown-item.logout {
  color: #f87171;
  border-top: 1px solid #334155;
}.hero { padding:70px 0 38px; overflow:hidden; position:relative; }.hero-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:45px; }.hero-copy { position:relative; z-index:1; }.hero-title { max-width:680px; margin:13px 0 18px; }.hero-title .gradient-text { background:linear-gradient(120deg, var(--cyan), #80c7ff 58%, #c9b3ff); -webkit-background-clip:text; background-clip:text; color:transparent; }.hero-description { color:#a8b9ca; max-width:560px; line-height:1.75; font-size:1rem; }.hero-actions { display:flex; gap:10px; margin:25px 0 30px; }.hero-trust { display:flex; gap:21px; flex-wrap:wrap; }.trust-item { font-size:.76rem; color:#a8bacb; display:flex; gap:8px; align-items:center; }.trust-icon { width:26px; height:26px; display:grid; place-items:center; background:rgba(39,224,222,.1); color:var(--cyan); border-radius:8px; }
.hero-art { min-height:370px; position:relative; display:grid; place-items:center; }.orbit { position:absolute; border:1px solid rgba(110,206,230,.17); border-radius:50%; }.orbit-a { width:360px; height:360px; }.orbit-b { width:280px; height:280px; border-style:dashed; animation:spin 25s linear infinite; }.orbit-c { width:430px; height:430px; border-color:rgba(116,128,255,.12); }.hero-core { width:210px; height:265px; transform:rotate(7deg); background:linear-gradient(152deg, rgba(83,224,229,.93), rgba(38,104,173,.88) 48%, rgba(70,30,130,.92)); clip-path:polygon(20% 0, 90% 6%, 100% 82%, 50% 100%, 0 73%, 7% 13%); box-shadow:0 0 50px rgba(38,222,220,.28); display:grid; place-items:center; animation:float 4s ease-in-out infinite; }.core-in { width:142px; height:180px; background:rgba(7,17,31,.86); clip-path:polygon(22% 0, 88% 6%, 100% 82%, 50% 100%, 0 73%, 7% 13%); display:grid; place-items:center; text-align:center; }.core-in strong { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:2.4rem; color:var(--cyan); letter-spacing:-.14em; }.core-in small { color:#b9e9eb; font-size:.62rem; letter-spacing:.12em; }.floating-card { position:absolute; padding:12px; border:1px solid rgba(129,212,235,.22); background:rgba(13,34,55,.78); backdrop-filter:blur(12px); border-radius:13px; box-shadow:var(--shadow); font-size:.75rem; }.floating-card b { display:block; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:1rem; margin-top:4px; }.fc-one { top:19%; right:0; }.fc-two { bottom:11%; left:2%; }.fc-tag { color:var(--cyan); font-size:.62rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

.category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.category { min-height:100px; padding:17px; position:relative; overflow:hidden; background:linear-gradient(145deg, rgba(21,47,73,.85), rgba(10,25,42,.92)); border:1px solid var(--line); border-radius:14px; transition:.2s ease; }.category:hover { transform:translateY(-3px); border-color:rgba(39,224,222,.42); }.category::after { content:attr(data-symbol); position:absolute; right:10px; bottom:-15px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:4.7rem; line-height:1; color:rgba(120,223,232,.08); font-weight:700; }.category-name { font-weight:700; font-size:.9rem; position:relative; z-index:1; }.category-count { color:#91a8bd; font-size:.7rem; margin-top:7px; position:relative; z-index:1; }.category-dot { display:block; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan); margin-bottom:12px; }

.notice { display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; padding:15px 18px; background:linear-gradient(100deg,rgba(17,76,95,.37),rgba(19,38,65,.58)); border:1px solid rgba(39,224,222,.2); border-radius:13px; }.notice-icon { width:35px; height:35px; border-radius:10px; display:grid; place-items:center; color:var(--cyan); background:rgba(39,224,222,.12); }.notice-title { font-size:.85rem; font-weight:800; margin-bottom:3px; }.notice-text { font-size:.78rem; color:#a8bacb; }
.faq-list { display:grid; gap:9px; }.faq { background:rgba(13,31,50,.73); border:1px solid var(--line); border-radius:12px; overflow:hidden; }.faq summary { cursor:pointer; list-style:none; padding:16px; font-weight:700; font-size:.9rem; display:flex; justify-content:space-between; gap:10px; }.faq summary::after { content:"+"; color:var(--cyan); font-size:1.1rem; }.faq[open] summary::after { content:"−"; }.faq p { color:var(--muted); font-size:.84rem; line-height:1.7; margin:0; padding:0 16px 16px; }

.page-hero { padding:42px 0 25px; border-bottom:1px solid var(--line); background:linear-gradient(120deg,rgba(18,62,82,.23),transparent 50%); }.crumb { color:#8da6bd; font-size:.77rem; margin-bottom:10px; }.page-hero h1 { font-size:clamp(2rem, 5vw, 3.25rem); margin:0 0 11px; }.page-hero p { color:var(--muted); margin:0; }.shop-layout { display:grid; grid-template-columns:255px 1fr; gap:24px; padding:28px 0 52px; }.filter-panel { padding:17px; height:max-content; position:sticky; top:88px; }.filter-title { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:1.04rem; margin-bottom:17px; }.filter-group { padding:15px 0; border-top:1px solid var(--line); display:grid; gap:9px; }.filter-label { font-size:.78rem; color:#c4d2df; font-weight:700; }.check { display:flex; align-items:center; gap:8px; font-size:.8rem; color:var(--muted); }.check input { accent-color:var(--cyan); }.price-inputs { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.price-inputs .input { font-size:.77rem; padding:9px; }.shop-toolbar { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:17px; }.result-count { font-size:.82rem; color:var(--muted); }.toolbar-controls { display:flex; gap:8px; }.toolbar-controls .input { width:210px; }.toolbar-controls .select { width:150px; }.pagination { display:flex; justify-content:center; gap:6px; margin-top:26px; }.page-button { min-width:34px; height:34px; padding:0 8px; border:1px solid var(--line); color:#aec2d3; background:rgba(19,44,68,.64); border-radius:8px; }.page-button.active { border-color:var(--cyan); color:#05222b; background:var(--cyan); font-weight:800; }

.detail-layout { display:grid; grid-template-columns:1.03fr .97fr; gap:25px; padding:34px 0 60px; }.product-showcase { min-height:350px; padding:27px; position:relative; overflow:hidden; }.detail-symbol { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:clamp(7rem, 22vw, 13rem); font-weight:700; letter-spacing:-.15em; color:rgba(255,255,255,.91); text-shadow:0 14px 30px rgba(0,0,0,.27); position:absolute; bottom:-24px; left:10%; }.showcase-glow { position:absolute; width:300px; height:300px; background:#2ad9dd; opacity:.22; filter:blur(48px); border-radius:50%; right:-80px; top:-80px; }.detail-info { padding:4px 0; }.detail-game { color:var(--cyan); font-weight:800; font-size:.76rem; letter-spacing:.1em; text-transform:uppercase; }.detail-info h1 { font-size:clamp(2rem,4vw,3.2rem); margin:9px 0 11px; }.detail-desc { color:var(--muted); line-height:1.7; }.detail-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:18px 0; }.detail-stat { padding:11px; border:1px solid var(--line); border-radius:11px; background:rgba(19,45,69,.49); }.detail-stat span { display:block; color:#8da4ba; font-size:.68rem; margin-bottom:5px; }.detail-stat b { font-size:.86rem; }.purchase-box { margin-top:19px; padding:16px; border:1px solid rgba(39,224,222,.25); border-radius:14px; background:linear-gradient(135deg,rgba(24,79,92,.25),rgba(18,31,54,.6)); }.purchase-price { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }.purchase-price strong { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:1.7rem; color:var(--cyan-light); }.assurance { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin-top:12px; }.assurance-item { padding:10px; font-size:.71rem; color:#a9bed0; background:rgba(6,18,30,.38); border-radius:9px; }

.auth-page { display:grid; place-items:center; min-height:calc(100vh - 72px); padding:38px 0; }.auth-card { width:min(100%, 450px); padding:28px; }.auth-logo { margin-bottom:27px; }.auth-card h1 { font-size:2rem; margin:8px 0; }.auth-form { display:grid; gap:14px; margin-top:24px; }.auth-switch { color:var(--muted); font-size:.8rem; text-align:center; margin:17px 0 0; }.auth-switch a { color:var(--cyan); font-weight:700; }

.dashboard { padding:32px 0 56px; }.account-layout { display:grid; grid-template-columns:240px 1fr; gap:24px; }.account-menu { padding:10px; height:max-content; }.account-user { padding:12px; border-bottom:1px solid var(--line); margin-bottom:8px; }.account-user b { display:block; font-size:.9rem; }.account-user span { color:var(--muted); font-size:.72rem; }.menu-link { width:100%; display:flex; gap:9px; align-items:center; background:transparent; color:#9db1c4; border:0; border-radius:9px; text-align:left; padding:11px; font-size:.82rem; }.menu-link.active,.menu-link:hover { background:rgba(66,175,208,.11); color:var(--cyan-light); }.account-content { min-width:0; }.welcome { margin-bottom:22px; }.welcome h1 { font-size:2.2rem; margin:8px 0; }.metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:22px; }.metric { padding:16px; }.metric-label { color:#9eb3c5; font-size:.72rem; }.metric-value { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:1.45rem; margin-top:8px; }.metric-note { margin-top:7px; color:#7f95aa; font-size:.68rem; }.panel { padding:19px; margin-bottom:18px; }.panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; }.panel-title { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:1.05rem; margin:0; }.deposit-card { display:grid; grid-template-columns:1.1fr .9fr; gap:20px; padding:23px; background:linear-gradient(130deg,rgba(21,84,101,.54),rgba(18,30,56,.8)); }.deposit-amount { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:2.4rem; color:var(--cyan-light); margin:8px 0; }.transaction-notice { padding:12px; border-radius:10px; background:rgba(255,200,97,.08); border:1px solid rgba(255,200,97,.18); color:#e9ca82; font-size:.78rem; line-height:1.55; }

.admin-layout { display:grid; grid-template-columns:218px 1fr; gap:22px; padding:28px 0 55px; }.admin-sidebar { padding:11px; height:max-content; position:sticky; top:88px; }.admin-brand { color:var(--cyan); font-size:.72rem; font-weight:800; letter-spacing:.12em; padding:10px; text-transform:uppercase; }.admin-content { min-width:0; }.admin-heading { display:flex; align-items:start; justify-content:space-between; gap:12px; margin-bottom:20px; }.admin-heading h1 { font-size:2rem; margin:4px 0; }.admin-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin-bottom:18px; }.admin-stat { padding:14px; }.admin-stat b { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; display:block; margin-top:7px; font-size:1.22rem; }.admin-tabs-mobile { display:none; }

@media (max-width: 950px) { .hero-grid,.detail-layout { grid-template-columns:1fr; }.hero-art { order:-1; min-height:300px; }.shop-layout { grid-template-columns:1fr; }.filter-panel { position:static; display:grid; grid-template-columns:repeat(3,1fr); gap:0; }.filter-title { grid-column:1/-1; }.filter-group { padding:10px; }.account-layout,.admin-layout { grid-template-columns:1fr; }.account-menu,.admin-sidebar { position:static; display:flex; overflow:auto; gap:3px; padding:7px; }.account-user,.admin-brand { display:none; }.menu-link { white-space:nowrap; width:auto; }.admin-stats { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 680px) { .hero { padding:28px 0 20px; }.hero-art { min-height:235px; }.orbit-a { width:240px; height:240px; }.orbit-b { width:180px; height:180px; }.orbit-c { width:290px; height:290px; }.hero-core { transform:scale(.75) rotate(7deg); }.floating-card { transform:scale(.8); }.fc-one { right:-19px; top:10%; }.fc-two { left:-17px; bottom:2%; }.hero-title { margin-top:11px; }.hero-description { font-size:.88rem; }.hero-actions { margin:20px 0; }.hero-trust { gap:11px; }.trust-item { font-size:.67rem; }.category-grid { grid-template-columns:repeat(2,1fr); gap:9px; }.category { min-height:84px; padding:13px; }.category::after { font-size:4rem; }.notice { grid-template-columns:auto 1fr; padding:13px; }.notice .btn { display:none; }.shop-layout { padding-top:17px; }.filter-panel { grid-template-columns:1fr 1fr; }.filter-group:last-child { grid-column:1/-1; }.shop-toolbar { align-items:stretch; flex-direction:column; }.toolbar-controls .input,.toolbar-controls .select { width:100%; }.toolbar-controls { display:grid; grid-template-columns:1.3fr .7fr; }.detail-layout { padding-top:19px; gap:18px; }.product-showcase { min-height:230px; }.detail-stats { gap:6px; }.detail-stat { padding:8px; }.assurance { grid-template-columns:1fr; }.auth-page { min-height:auto; }.auth-card { padding:21px; }.metrics { grid-template-columns:1fr 1fr; }.metrics .metric:first-child { grid-column:1/-1; }.deposit-card { grid-template-columns:1fr; padding:17px; }.admin-stats { grid-template-columns:1fr 1fr; }.admin-heading { align-items:start; }.admin-heading .btn { padding:9px; }.table { font-size:.75rem; } }

/* Original inline background rules */
body {
  background-image: linear-gradient(rgba(7, 17, 31, 0.88), rgba(7, 17, 31, 0.88)), url('bg-hero.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}
.hero { background: transparent !important; }


/* ===== CloneDelta: exact purchase/category additions; existing styles untouched ===== */
#categories .delta-card{min-width:0;overflow:hidden}
.purchase-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(4px)}
.purchase-confirm-modal{width:min(568px,100%);background:#0e172a;border:1px solid #64748b;border-radius:14px;padding:26px;box-shadow:0 25px 60px rgba(0,0,0,.55);color:#fff}
.purchase-confirm-modal h3{text-align:center;color:#0796d6;font-size:27px;letter-spacing:1.5px;margin:0 0 42px;font-weight:800}
.purchase-selected-box{border:1px solid #64748b;border-left:4px solid #0ea5e9;border-radius:14px;padding:17px 17px 19px;margin-bottom:25px;background:rgba(15,23,42,.7)}
.purchase-label{color:#9ca8b9;font-size:14px;letter-spacing:1.5px;margin-bottom:7px}
.purchase-selected-title{font-size:27px;font-weight:800;margin-bottom:7px}
.purchase-unit{font-size:18px;color:#38bdf8}.purchase-qty-line{display:flex;align-items:center;justify-content:space-between;font-size:20px;margin:0 5px 10px}.purchase-qty{display:flex;align-items:center;border:1px solid #64748b;border-radius:10px;overflow:hidden;background:#162238}.purchase-qty button{width:46px;height:42px;border:0;background:#26364e;color:#fff;font-size:24px;font-weight:800}.purchase-qty span{width:70px;text-align:center;font-size:20px}.purchase-meta{display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:14px;margin-bottom:34px}.purchase-pill{border:1px solid #64748b;border-radius:5px;padding:4px 11px}.purchase-pill.warning{color:#facc15}.purchase-meta #modal-stock{margin-left:auto}.purchase-coupon{display:flex;gap:10px;margin-bottom:45px}.purchase-coupon input{flex:1;min-width:0;background:#0d1728;border:1px solid #1e293b;border-radius:11px;padding:14px;color:#fff;font-size:16px}.purchase-coupon button{width:104px;border:0;border-radius:11px;background:#e88600;color:#fff;font-weight:800;font-size:15px}.purchase-divider{height:1px;background:#27354b;margin-bottom:28px}.purchase-total-line{display:flex;align-items:center;justify-content:space-between;font-size:23px;margin-bottom:48px}.purchase-total-line strong{font-size:31px;color:#3ddc83}.purchase-actions{display:flex;justify-content:center;gap:12px}.purchase-actions button{border:0;border-radius:10px;padding:15px 22px;font-size:19px;font-weight:800;color:#fff;background:#14a8e5}.purchase-actions button+button{background:#394961}.purchase-actions button:disabled{opacity:.6}
@media(max-width:760px){#categories{grid-template-columns:1fr!important}.purchase-confirm-modal{padding:20px}.purchase-confirm-modal h3{font-size:22px;margin-bottom:26px}.purchase-selected-title{font-size:22px}.purchase-qty-line{font-size:17px}.purchase-total-line{font-size:19px;margin-bottom:30px}.purchase-total-line strong{font-size:25px}.purchase-actions button{font-size:15px;padding:13px 14px}.purchase-meta{margin-bottom:25px}.purchase-coupon{margin-bottom:28px}}
@media(min-width:761px) and (max-width:1050px){#categories{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* CloneDelta typography: one common web-safe family everywhere; sizes/weights remain contextual. */
html, body, body *, button, input, select, textarea {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


/* Final UI normalization: one readable web-safe font everywhere. */
html,body,* ,button,input,select,textarea{font-family:"Segoe UI",Roboto,Arial,sans-serif!important;}
.footer{padding:28px 0 18px!important;}
.footer-grid{gap:20px!important;}
.footer-grid p,.footer-grid a,.footer-grid h4,.copyright{font-size:.78rem!important;line-height:1.55!important;}
.footer-grid h4{margin-bottom:8px!important;font-weight:700!important;}
.support-fab{position:fixed;right:18px;bottom:18px;z-index:9998;border:1px solid rgba(39,224,222,.32);background:rgba(8,28,46,.94);color:#fff;border-radius:999px;padding:10px 14px;font-size:.78rem;font-weight:700;box-shadow:0 12px 35px rgba(0,0,0,.35);backdrop-filter:blur(10px);}
.support-panel{position:fixed;right:18px;bottom:66px;z-index:9998;width:210px;padding:10px;background:#142238;border:1px solid rgba(155,193,224,.2);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.4);display:none;}
.support-panel.show{display:grid;gap:6px;}
.support-panel a{display:block;padding:10px 11px;border-radius:9px;color:#dce9f5;font-size:.8rem;background:rgba(255,255,255,.035);}
.support-panel a:hover{background:rgba(39,224,222,.1);}
.shop-auto-banner{margin:22px 0 8px;padding:10px 16px;border:1px solid rgba(39,224,222,.34);border-radius:999px;text-align:center;color:#32dce1;font-size:.88rem;font-weight:700;letter-spacing:.06em;background:rgba(11,48,65,.5);}
.shop-direct{padding:8px 0 55px!important;}
.shop-direct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.auth-forgot{display:block;margin-top:10px;text-align:center;color:#58dfe4;font-size:.82rem;}
.recovery-note{font-size:.78rem;color:#9aacc3;line-height:1.55;margin-top:10px;}
@media(max-width:900px){.shop-direct-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.shop-direct-grid{grid-template-columns:1fr;gap:14px;}.support-fab{right:12px;bottom:12px}.support-panel{right:12px;bottom:58px}.footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important;}}
/* Final refinement */
.deposit-qr-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:18px;align-items:start}.qr-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}.deposit-qr{width:min(260px,100%);aspect-ratio:1/1;object-fit:contain;border-radius:12px;background:#fff;padding:8px}.history-separated{margin-top:18px}.shop-direct{padding-top:18px}.shop-direct-grid{gap:16px!important}.support-fab{width:52px;height:52px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:.72rem;background:linear-gradient(145deg,#12324c,#0b1d30);border:1px solid rgba(39,224,222,.45)}.support-panel{width:190px;padding:8px;border-radius:16px;background:rgba(9,23,39,.97);border:1px solid rgba(129,212,235,.2)}.support-panel:before{content:'LIÊN HỆ HỖ TRỢ';display:block;color:#8fdde0;font-size:.68rem;font-weight:800;padding:7px 9px 8px}.support-panel a{padding:11px 12px;border-radius:10px}.hero-core{position:relative}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions .btn-outline{display:inline-flex!important}
@media(max-width:760px){.deposit-qr-layout{grid-template-columns:1fr}.deposit-qr{width:220px}.nav-actions{gap:5px}.nav-actions .btn{padding:8px 9px;font-size:.72rem}.hero-core{transform:scale(.75) rotate(7deg)}.shop-direct-grid{gap:12px!important}}


/* --- SUPPORT: footer style, no floating widget --- */
.support-fab,.support-panel{display:none!important}
.support-footer-grid{grid-template-columns:1.5fr repeat(3,1fr);align-items:start}
.support-footer-grid h4{font-size:.72rem;letter-spacing:.08em;color:#e7f4ff;margin:0 0 12px;font-weight:800}
.support-footer-grid .footer-links{gap:8px}
.support-footer-grid .footer-links a,.support-footer-grid .footer-links span{color:#839bb3;text-decoration:none;font-size:.8rem;line-height:1.5}
.support-footer-grid .footer-links a:hover{color:var(--cyan)}
.support-footer-grid .footer-brand-col p{max-width:340px}
/* remove the blinking oval overlay inside the banner core */
.hero-core:after{display:none!important;content:none!important}
/* keep the desktop header actions visible on mobile: Đăng nhập + Đăng ký */
@media(max-width:680px){
  .nav-actions .btn-outline{display:inline-flex!important}
  .nav-actions{gap:5px;flex-shrink:0}
  .nav-actions .btn{padding:8px 9px;font-size:.72rem;white-space:nowrap}
  .brand{flex-shrink:1;min-width:0}
  .brand>span:last-child{white-space:nowrap}
  .support-footer-grid{grid-template-columns:1fr 1fr!important;gap:20px!important}
  .support-footer-grid .footer-brand-col{grid-column:1/-1}
}

/* Final compact category cards + account credentials + edge support */
.category-card{padding:0;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.category-card:hover{transform:translateY(-5px);border-color:rgba(39,224,222,.38);box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 22px rgba(39,224,222,.08)}
.category-image-wrap{position:relative;overflow:hidden;height:132px;background:#0b1b2b}
.category-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .45s ease}
.category-card:hover .category-image{transform:scale(1.055);filter:saturate(1.08) brightness(1.04)}
.category-badge{position:absolute;left:10px;top:10px;color:#fff;font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.category-body{padding:12px;display:flex;flex-direction:column;flex:1;min-height:0}
.category-stock{font-size:11px;color:#94a3b8;margin-bottom:5px}.category-body h3{color:#fff;font-size:15px;line-height:1.35;margin:0 0 7px}.category-meta{font-size:11px;color:#8fb0c7;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-specs{list-style:none;padding:0;margin:0 0 10px;font-size:11px;line-height:1.65}.category-specs li{color:#38bdf8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-specs li span{color:#cbd5e1}.category-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.category-price{font-weight:800;font-size:16px}.category-bottom .btn{padding:8px 10px;font-size:11px}
.order-card{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;background:rgba(7,18,31,.42)}.order-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.order-credentials{margin-top:12px;padding:12px;border-radius:11px;background:rgba(39,224,222,.035);border:1px solid rgba(39,224,222,.12)}.credential-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(152,190,218,.1)}.credential-row:last-of-type{border-bottom:0}.credential-row div{min-width:0}.credential-row span,.credential-note span{display:block;color:#8ba4bb;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:4px}.credential-row strong{display:block;color:#fff;font-size:18px;line-height:1.3;word-break:break-all}.credential-note{padding-top:10px;color:#cbd5e1;font-size:13px;word-break:break-word}
#edge-support{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:90;display:grid;justify-items:end;gap:7px}.edge-support-toggle{border:1px solid rgba(39,224,222,.28);background:rgba(10,28,45,.94);color:#fff;border-radius:999px;padding:10px 13px;box-shadow:0 10px 28px rgba(0,0,0,.25);cursor:pointer;font-weight:800}.edge-support-panel{display:none;width:170px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#0b1b2b;box-shadow:var(--shadow)}#edge-support.open .edge-support-panel{display:grid;gap:7px}.edge-support-panel>b{font-size:12px;color:#fff;margin-bottom:2px}.edge-support-panel a{display:flex;align-items:center;gap:8px;color:#d7e5f0;text-decoration:none;padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.035);font-size:12px}.edge-support-panel a:hover{background:rgba(39,224,222,.08);color:#fff}.edge-support-panel a span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(39,224,222,.12);color:#66eef0;font-size:9px;font-weight:900}
.support-footer-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}.support-footer-links a{color:#9fb4c7;text-decoration:none;font-size:12px}.support-footer-links a:hover{color:#fff}
@media(max-width:680px){.category-image-wrap{height:104px}.category-body{padding:10px}.category-body h3{font-size:13px}.category-meta,.category-specs{font-size:10px}.category-price{font-size:14px}.category-bottom .btn{padding:7px 8px;font-size:10px}.order-card{padding:11px}.credential-row strong{font-size:16px}.credential-row{align-items:flex-start}.credential-row .btn{flex-shrink:0}.nav-actions .btn-outline{display:inline-flex !important}.nav-actions{gap:5px}.nav-actions .btn-sm{padding:7px 9px;font-size:11px}#edge-support{right:8px;top:auto;bottom:78px;transform:none}.edge-support-toggle{padding:9px 11px;font-size:11px}.edge-support-panel{width:155px}}
.category-grid-final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:950px){.category-grid-final{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:680px){.category-grid-final{grid-template-columns:1fr;gap:10px}}

/* Requested additions only. */
.category-image-wrap{height:var(--category-img-h,180px);display:flex;justify-content:center}.category-image{width:var(--category-img-w,100%);height:100%;object-fit:cover}.category-body h3{font-size:var(--category-title-fs,16px)}.category-meta{font-size:var(--category-meta-fs,12px)}.category-specs{font-size:var(--category-spec-fs,12px);line-height:1.7}.category-price{font-size:var(--category-price-fs,17px)}.category-bottom .btn{padding:9px 12px;font-size:var(--category-button-fs,12px);font-weight:800}
.chat-admin-fab{position:fixed;right:26px;bottom:26px;z-index:90;min-width:235px;display:flex;align-items:center;gap:11px;padding:9px 18px 9px 9px;border-radius:999px;background:linear-gradient(135deg,#657df4,#7a4eea);color:#fff;box-shadow:0 12px 34px rgba(70,65,190,.34);text-decoration:none;border:1px solid rgba(255,255,255,.2)}.chat-admin-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.28);position:relative}.chat-admin-icon:before{content:"";width:18px;height:14px;border-radius:5px;background:#fff;display:block;position:relative}.chat-admin-icon:after{content:"";position:absolute;width:6px;height:6px;background:#fff;left:14px;bottom:10px;transform:skewY(-28deg) rotate(25deg);border-radius:1px}.chat-admin-icon i{position:absolute;z-index:1;width:3px;height:3px;border-radius:50%;background:#657df4;box-shadow:5px 0 #657df4,10px 0 #657df4}.chat-admin-fab b{display:block;font-size:14px;line-height:1.2}.chat-admin-fab small{display:block;color:rgba(255,255,255,.76);font-size:11px;margin-top:3px}.chat-admin-alt{position:fixed;right:30px;bottom:82px;z-index:89;padding:7px 11px;border-radius:10px;background:#0b1b2b;color:#d9e7f2;border:1px solid var(--line);font-size:11px;text-decoration:none}.chat-admin-alt:hover{color:#fff;border-color:rgba(39,224,222,.35)}#edge-support{position:static!important;transform:none!important;display:block!important}
#site-announcement{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}.announcement-backdrop{position:fixed;inset:0;background:rgba(2,7,15,.68);backdrop-filter:blur(4px)}.announcement-modal{position:relative;width:min(560px,100%);padding:28px;border-radius:18px;background:#0c192a;border:1px solid rgba(120,190,255,.22);box-shadow:0 28px 90px rgba(0,0,0,.5)}.announcement-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:23px}.announcement-kicker{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.12em;margin-bottom:14px}.announcement-body{color:#e9f3fb;line-height:1.65}.announcement-link{margin-top:18px}.history-pagination{display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:18px}.remember-account{display:flex;align-items:center;gap:8px;color:#9eb3c5;font-size:13px}.remember-account input{accent-color:var(--cyan)}.admin-detail-modal{width:min(720px,94vw);max-height:88vh;overflow:auto}.admin-detail-body{margin-top:12px;line-height:1.65}.detail-pre{white-space:pre-wrap;background:rgba(255,255,255,.035);padding:12px;border-radius:10px;overflow:auto}
@media(max-width:680px){.category-image-wrap{height:clamp(104px,30vw,var(--category-img-h,180px))}.category-body h3{font-size:14px}.category-meta,.category-specs{font-size:10.5px}.category-price{font-size:15px}.category-bottom .btn{padding:8px 10px;font-size:11px}.chat-admin-fab{right:12px;bottom:76px;min-width:210px;padding-right:14px}.chat-admin-alt{right:14px;bottom:132px}}

/* Category typography + balanced mobile image sizing (requested only). */
.category-card .category-body h3{font-size:var(--category-title-fs,16px)}
.category-card .category-meta{font-size:var(--category-meta-fs,12px)}
.category-card .category-specs{font-size:var(--category-spec-fs,12px)}
.category-card .category-price{font-size:var(--category-price-fs,17px)}
.category-card .category-bottom .btn{font-size:var(--category-button-fs,12px)}
@media(max-width:680px){
  .category-image-wrap{height:clamp(150px,46vw,var(--category-img-h,210px))}
  .category-body{padding:12px}
  .category-card .category-body h3{font-size:var(--category-title-fs,16px)}
  .category-card .category-meta{font-size:var(--category-meta-fs,12px)}
  .category-card .category-specs{font-size:var(--category-spec-fs,12px);line-height:1.65}
  .category-card .category-price{font-size:var(--category-price-fs,17px)}
  .category-card .category-bottom .btn{font-size:var(--category-button-fs,12px);padding:9px 12px}
}

/* HOME HERO CLEANUP: remove decorative hero artwork and pull content upward */
.hero .hero-grid{grid-template-columns:1fr;gap:0;align-items:start}.hero{padding-top:30px;padding-bottom:24px}.hero-copy{max-width:900px}.hero-title{margin-top:0}.hero-art{display:none!important}
@media(max-width:680px){.hero{padding-top:18px;padding-bottom:14px}.hero-title{margin-top:0}.hero-actions{margin:16px 0 20px}}

/* Final support popup: compact floating bubble + two direct external support links */
#edge-support{position:fixed!important;right:56px!important;bottom:30px!important;top:auto!important;transform:none!important;z-index:9999!important;display:block!important}
.chat-admin-toggle{width:162px;height:162px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:linear-gradient(145deg,#655be7 0%,#a052ee 100%);box-shadow:0 0 34px rgba(111,82,232,.34),0 14px 36px rgba(0,0,0,.28);transition:transform .18s ease,box-shadow .18s ease}
.chat-admin-toggle:hover{transform:translateY(-2px);box-shadow:0 0 42px rgba(111,82,232,.42),0 18px 42px rgba(0,0,0,.32)}
.chat-admin-toggle-icon{width:66px;height:58px;border:5px solid #fff;border-radius:18px;position:relative;display:block;box-sizing:border-box}
.chat-admin-toggle-icon:after{content:"";position:absolute;left:-7px;bottom:-10px;width:22px;height:20px;border-left:5px solid #fff;transform:skewY(-32deg) rotate(-4deg);border-radius:3px}
.chat-admin-toggle-icon i{position:absolute;left:17px;top:25px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:14px 0 #fff,28px 0 #fff}
.chat-admin-panel{position:absolute;right:0;bottom:182px;width:700px;padding:36px 68px 38px;border:1px solid rgba(255,255,255,.14);border-radius:42px;background:rgba(19,20,23,.96);box-shadow:0 24px 70px rgba(0,0,0,.45);backdrop-filter:blur(12px);display:none}
#edge-support.open .chat-admin-panel{display:block;animation:supportPanelIn .16s ease-out}
.chat-admin-panel-title{font-size:29px;line-height:1;font-weight:800;letter-spacing:.26em;color:#7d7f83;margin-bottom:44px}
.chat-admin-row{display:flex;align-items:center;gap:22px;width:100%;padding:10px 0 18px;margin-bottom:24px;color:#f3f3f5;text-decoration:none;font-size:35px;line-height:1.15;font-weight:400;transition:color .15s ease,transform .15s ease}
.chat-admin-row:last-child{margin-bottom:0}
.chat-admin-row:hover{color:#fff;transform:translateX(3px)}
.chat-admin-arrow{color:#ffd43b;font-size:42px;line-height:1;font-weight:300;display:inline-block;min-width:32px}
.chat-admin-row.is-disabled{opacity:.45;cursor:not-allowed}
.chat-admin-row.is-disabled:hover{transform:none}
@keyframes supportPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){#edge-support{right:20px!important;bottom:20px!important}.chat-admin-toggle{width:74px;height:74px}.chat-admin-toggle-icon{width:34px;height:30px;border-width:3px;border-radius:10px}.chat-admin-toggle-icon:after{left:-4px;bottom:-7px;width:12px;height:11px;border-left-width:3px}.chat-admin-toggle-icon i{left:8px;top:12px;width:3px;height:3px;box-shadow:7px 0 #fff,14px 0 #fff}.chat-admin-panel{right:0;bottom:90px;width:min(620px,calc(100vw - 32px));padding:26px 28px 28px;border-radius:28px}.chat-admin-panel-title{font-size:18px;margin-bottom:26px}.chat-admin-row{gap:13px;font-size:22px;padding:6px 0 12px;margin-bottom:14px}.chat-admin-arrow{font-size:28px;min-width:24px}}
@media(max-width:520px){#edge-support{right:14px!important;bottom:16px!important}.chat-admin-toggle{width:62px;height:62px}.chat-admin-panel{right:-2px;bottom:76px;width:calc(100vw - 28px);padding:22px 22px 24px;border-radius:24px}.chat-admin-panel-title{font-size:15px;letter-spacing:.22em;margin-bottom:20px}.chat-admin-row{font-size:19px;gap:10px;margin-bottom:10px}.chat-admin-arrow{font-size:25px;min-width:21px}}

/* SUPPORT ONLY: refreshed customer support popup + admin support editor */
#edge-support{
  position:fixed!important;right:24px!important;bottom:24px!important;top:auto!important;transform:none!important;
  z-index:9999!important;font-family:inherit;
}
.chat-admin-toggle{
  width:58px;height:58px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:18px;
  cursor:pointer;display:grid;place-items:center;font:700 13px/1 inherit;color:#eef6ff;
  background:linear-gradient(145deg,rgba(18,42,66,.98),rgba(10,24,41,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 0 1px rgba(39,224,222,.05);
  backdrop-filter:blur(14px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.chat-admin-toggle:hover{transform:translateY(-2px);border-color:rgba(39,224,222,.42);box-shadow:0 18px 38px rgba(0,0,0,.38),0 0 24px rgba(39,224,222,.08)}
.chat-admin-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.chat-admin-toggle span{font:inherit;letter-spacing:.01em}
.chat-admin-panel{
  position:absolute;right:0;bottom:72px;width:350px;padding:22px;
  border:1px solid rgba(155,193,224,.16);border-radius:22px;
  background:rgba(8,18,31,.97);box-shadow:0 24px 65px rgba(0,0,0,.48);
  backdrop-filter:blur(18px);display:none;font-family:inherit;
}
#edge-support.open .chat-admin-panel{display:block;animation:supportPanelIn .16s ease-out}
.chat-admin-panel-title{font:800 11px/1 inherit;color:#7f91a5;letter-spacing:.18em;margin:0 0 14px;padding:0 2px}
.chat-admin-row{
  display:block;width:100%;padding:15px 14px;margin:0 0 8px;border:1px solid rgba(155,193,224,.09);border-radius:14px;
  color:var(--text);text-decoration:none;background:rgba(255,255,255,.025);
  font:inherit;transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease;
}
.chat-admin-row:last-child{margin-bottom:0}
.chat-admin-row:hover{background:rgba(39,224,222,.055);border-color:rgba(39,224,222,.24);transform:translateY(-1px);color:#fff}
.chat-admin-row-copy{display:block}
.chat-admin-row-copy b{display:block;font:650 15px/1.35 inherit;letter-spacing:-.01em}
.chat-admin-row-copy small{display:block;margin-top:4px;color:#8fa3b8;font:400 11px/1.45 inherit}
.chat-admin-row.is-disabled{opacity:.45;cursor:not-allowed}
.chat-admin-row.is-disabled:hover{transform:none;background:rgba(255,255,255,.025);border-color:rgba(155,193,224,.09)}

.support-admin-card,.support-admin-preview{overflow:hidden}
.support-admin-intro{margin-bottom:18px}
.support-admin-intro h2{margin:5px 0 6px}
.support-admin-form{gap:14px}
.support-admin-block{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}
.support-admin-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.support-admin-block-head h3{margin:0;font-size:1rem}
.support-admin-block-head p{margin:3px 0 0}
.support-status-dot{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(39,224,222,.08);border:1px solid rgba(39,224,222,.2);color:var(--cyan);font-size:.78rem;font-weight:800}
.support-admin-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.support-preview-stage{position:relative;min-height:245px;padding:24px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at 70% 40%,rgba(81,152,255,.10),transparent 35%),rgba(4,12,22,.7);overflow:hidden}
.support-preview-note{color:#748aa0;font-size:.72rem}
.support-preview-card{width:min(350px,100%);margin:28px auto 0;padding:20px;border:1px solid rgba(155,193,224,.14);border-radius:20px;background:rgba(8,18,31,.92);box-shadow:var(--shadow)}
.support-preview-title{font-size:.68rem;font-weight:800;letter-spacing:.16em;color:#7f91a5;margin-bottom:14px}
.support-preview-row{padding:13px 12px;border:1px solid rgba(155,193,224,.09);border-radius:12px;background:rgba(255,255,255,.025);margin-top:8px}
.support-preview-row b{display:block;font-size:.84rem;font-weight:650}
.support-preview-row span{display:block;margin-top:4px;color:#8fa3b8;font-size:.68rem}
.support-preview-bubble{position:absolute;right:18px;bottom:18px;padding:11px 14px;border:1px solid rgba(39,224,222,.25);border-radius:14px;background:#0c1e32;color:#edf7ff;font-size:.72rem;font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.28)}

@media(max-width:620px){
  #edge-support{right:16px!important;bottom:16px!important}
  .chat-admin-toggle{width:54px;height:54px;border-radius:16px}
  .chat-admin-panel{right:-2px;bottom:66px;width:min(350px,calc(100vw - 28px));padding:17px;border-radius:19px}
  .chat-admin-row{padding:13px 12px}
  .chat-admin-row-copy b{font-size:14px}
  .support-preview-stage{padding:16px;min-height:230px}
}

/* SUPPORT FINAL VISUAL OVERRIDE - support only */
#edge-support{font-family:inherit;}
.chat-admin-toggle{width:76px;height:76px;border-radius:50%;padding:0;border:1px solid rgba(93,232,255,.32);background:linear-gradient(145deg,#0f3851 0%,#0c7184 52%,#19a6a3 100%);box-shadow:0 16px 38px rgba(0,0,0,.38),0 0 32px rgba(34,211,238,.18);position:relative;}
.chat-admin-toggle:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.13);}
.chat-admin-toggle:hover{transform:translateY(-3px) scale(1.02);border-color:rgba(111,239,255,.65);box-shadow:0 20px 46px rgba(0,0,0,.42),0 0 42px rgba(34,211,238,.24);}
.chat-admin-bubble{width:40px;height:31px;border:3px solid #fff;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;position:relative;box-sizing:border-box;}
.chat-admin-bubble:after{content:"";position:absolute;left:3px;bottom:-9px;width:11px;height:11px;border-left:3px solid #fff;transform:skewY(-28deg);background:transparent;}
.chat-admin-bubble i{display:block;width:5px;height:5px;border-radius:50%;background:#fff;}
.chat-admin-panel{width:360px;right:0;bottom:92px;padding:24px;border-radius:24px;background:rgba(11,18,27,.98);border:1px solid rgba(120,220,235,.16);box-shadow:0 26px 70px rgba(0,0,0,.5);font-family:inherit;}
.chat-admin-panel-title{font-family:inherit;font-size:12px;letter-spacing:.20em;font-weight:800;color:#8fa6b8;margin:0 0 16px;padding:0 2px;}
.chat-admin-row{font-family:inherit;padding:15px 16px;margin:0 0 9px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.035);color:#edf4f8;font-size:15px;line-height:1.35;}
.chat-admin-row:hover{background:rgba(26,166,163,.09);border-color:rgba(65,220,215,.25);transform:translateY(-1px);}
.chat-admin-row-copy b{font-family:inherit;font-size:15px;font-weight:650;}
.chat-admin-row-copy small{font-family:inherit;font-size:11px;color:#8ea3b4;margin-top:5px;}

.support-admin-card,.support-admin-preview{font-family:inherit;}
.support-admin-intro{margin-bottom:22px;max-width:760px;}
.support-admin-intro h2{margin:6px 0 7px;}
.support-admin-form{display:grid;gap:14px;}
.support-admin-block{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018);box-sizing:border-box;}
.support-admin-block-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.support-admin-block-head h3{font-family:inherit;margin:0;font-size:15px;line-height:1.3;}
.support-admin-block-head p{margin:4px 0 0;}
.support-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end;}
.support-admin-grid .form-field{min-width:0;display:flex;flex-direction:column;gap:7px;}
.support-admin-grid .form-field label{margin:0;font-family:inherit;font-size:12px;font-weight:650;color:#a9bac9;line-height:1.25;}
.support-admin-grid .input{width:100%;box-sizing:border-box;min-height:42px;font-family:inherit;}
.support-admin-grid .support-link-field{grid-column:1/-1;}
.support-admin-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:2px;}
.support-admin-actions .btn{font-family:inherit;}
.support-status-dot{flex:0 0 auto;width:30px;height:30px;}
.support-preview-stage{min-height:300px;padding:24px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 78% 48%,rgba(28,188,190,.12),transparent 34%),rgba(4,12,22,.72);}
.support-preview-copy{position:absolute;left:24px;top:24px;display:flex;flex-direction:column;gap:5px;}
.support-preview-copy span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#8fa6b8;}
.support-preview-copy small{font-size:11px;color:#657b8e;}
.support-preview-card{width:min(360px,100%);margin:28px auto 0;padding:22px;border:1px solid rgba(155,193,224,.13);border-radius:22px;background:rgba(8,18,31,.94);box-shadow:0 22px 50px rgba(0,0,0,.3);box-sizing:border-box;}
.support-preview-title{font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.20em;color:#8195a7;margin:0 0 14px;}
.support-preview-row{padding:14px 13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);margin-top:9px;}
.support-preview-row b{font-family:inherit;display:block;font-size:14px;font-weight:650;line-height:1.35;}
.support-preview-row span{font-family:inherit;display:block;margin-top:4px;color:#879cae;font-size:11px;line-height:1.4;}
.support-preview-bubble{position:absolute;right:22px;bottom:20px;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0f3851,#0c7184 55%,#19a6a3);border:1px solid rgba(93,232,255,.3);box-shadow:0 12px 28px rgba(0,0,0,.35);}
.support-preview-bubble .chat-admin-bubble.small{width:31px;height:24px;border-width:2px;border-radius:8px;gap:3px;}
.support-preview-bubble .chat-admin-bubble.small:after{left:2px;bottom:-7px;width:8px;height:8px;border-left-width:2px;}
.support-preview-bubble .chat-admin-bubble.small i{width:3px;height:3px;}
@media(max-width:720px){
  .support-admin-grid{grid-template-columns:1fr;}
  .support-admin-grid .support-link-field{grid-column:auto;}
  .support-preview-stage{min-height:290px;padding:18px;}
  .support-preview-copy{left:18px;top:18px;right:18px;}
  .support-preview-card{margin-top:54px;}
}
@media(max-width:520px){
  #edge-support{right:16px!important;bottom:16px!important;}
  .chat-admin-toggle{width:64px;height:64px;}
  .chat-admin-bubble{width:34px;height:27px;border-width:2.5px;border-radius:9px;gap:4px;}
  .chat-admin-bubble:after{left:2px;bottom:-8px;width:9px;height:9px;border-left-width:2.5px;}
  .chat-admin-bubble i{width:4px;height:4px;}
  .chat-admin-panel{right:0;bottom:78px;width:min(360px,calc(100vw - 28px));padding:18px;border-radius:20px;}
  .chat-admin-row{padding:14px;font-size:14px;}
  .chat-admin-row-copy b{font-size:14px;}
}

/* SUPPORT FINAL VISUAL OVERRIDE - support only */
#edge-support{font-family:inherit;}
.chat-admin-toggle{width:76px;height:76px;border-radius:50%;padding:0;border:1px solid rgba(93,232,255,.32);background:linear-gradient(145deg,#0f3851 0%,#0c7184 52%,#19a6a3 100%);box-shadow:0 16px 38px rgba(0,0,0,.38),0 0 32px rgba(34,211,238,.18);position:relative;}
.chat-admin-toggle:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.13);}
.chat-admin-toggle:hover{transform:translateY(-3px) scale(1.02);border-color:rgba(111,239,255,.65);box-shadow:0 20px 46px rgba(0,0,0,.42),0 0 42px rgba(34,211,238,.24);}
.chat-admin-bubble{width:40px;height:31px;border:3px solid #fff;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;position:relative;box-sizing:border-box;}
.chat-admin-bubble:after{content:"";position:absolute;left:3px;bottom:-9px;width:11px;height:11px;border-left:3px solid #fff;transform:skewY(-28deg);background:transparent;}
.chat-admin-bubble i{display:block;width:5px;height:5px;border-radius:50%;background:#fff;}
.chat-admin-panel{width:360px;right:0;bottom:92px;padding:24px;border-radius:24px;background:rgba(11,18,27,.98);border:1px solid rgba(120,220,235,.16);box-shadow:0 26px 70px rgba(0,0,0,.5);font-family:inherit;}
.chat-admin-panel-title{font-family:inherit;font-size:12px;letter-spacing:.20em;font-weight:800;color:#8fa6b8;margin:0 0 16px;padding:0 2px;}
.chat-admin-row{font-family:inherit;padding:15px 16px;margin:0 0 9px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.035);color:#edf4f8;font-size:15px;line-height:1.35;}
.chat-admin-row:hover{background:rgba(26,166,163,.09);border-color:rgba(65,220,215,.25);transform:translateY(-1px);}
.chat-admin-row-copy b{font-family:inherit;font-size:15px;font-weight:650;}
.chat-admin-row-copy small{font-family:inherit;font-size:11px;color:#8ea3b4;margin-top:5px;}
.support-admin-card,.support-admin-preview{font-family:inherit;}
.support-admin-intro{margin-bottom:22px;max-width:760px;}
.support-admin-intro h2{margin:6px 0 7px;}
.support-admin-form{display:grid;gap:14px;}
.support-admin-block{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018);box-sizing:border-box;}
.support-admin-block-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.support-admin-block-head h3{font-family:inherit;margin:0;font-size:15px;line-height:1.3;}
.support-admin-block-head p{margin:4px 0 0;}
.support-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end;}
.support-admin-grid .form-field{min-width:0;display:flex;flex-direction:column;gap:7px;}
.support-admin-grid .form-field label{margin:0;font-family:inherit;font-size:12px;font-weight:650;color:#a9bac9;line-height:1.25;}
.support-admin-grid .input{width:100%;box-sizing:border-box;min-height:42px;font-family:inherit;}
.support-admin-grid .support-link-field{grid-column:1/-1;}
.support-admin-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:2px;}
.support-admin-actions .btn{font-family:inherit;}
.support-status-dot{flex:0 0 auto;width:30px;height:30px;}
.support-preview-stage{min-height:300px;padding:24px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 78% 48%,rgba(28,188,190,.12),transparent 34%),rgba(4,12,22,.72);}
.support-preview-copy{position:absolute;left:24px;top:24px;display:flex;flex-direction:column;gap:5px;}
.support-preview-copy span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#8fa6b8;}
.support-preview-copy small{font-size:11px;color:#657b8e;}
.support-preview-card{width:min(360px,100%);margin:28px auto 0;padding:22px;border:1px solid rgba(155,193,224,.13);border-radius:22px;background:rgba(8,18,31,.94);box-shadow:0 22px 50px rgba(0,0,0,.3);box-sizing:border-box;}
.support-preview-title{font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.20em;color:#8195a7;margin:0 0 14px;}
.support-preview-row{padding:14px 13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);margin-top:9px;}
.support-preview-row b{font-family:inherit;display:block;font-size:14px;font-weight:650;line-height:1.35;}
.support-preview-row span{font-family:inherit;display:block;margin-top:4px;color:#879cae;font-size:11px;line-height:1.4;}
.support-preview-bubble{position:absolute;right:22px;bottom:20px;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0f3851,#0c7184 55%,#19a6a3);border:1px solid rgba(93,232,255,.3);box-shadow:0 12px 28px rgba(0,0,0,.35);}
.support-preview-bubble .chat-admin-bubble.small{width:31px;height:24px;border-width:2px;border-radius:8px;gap:3px;}
.support-preview-bubble .chat-admin-bubble.small:after{left:2px;bottom:-7px;width:8px;height:8px;border-left-width:2px;}
.support-preview-bubble .chat-admin-bubble.small i{width:3px;height:3px;}
@media(max-width:720px){.support-admin-grid{grid-template-columns:1fr;}.support-admin-grid .support-link-field{grid-column:auto;}.support-preview-stage{min-height:290px;padding:18px;}.support-preview-copy{left:18px;top:18px;right:18px;}.support-preview-card{margin-top:54px;}}
@media(max-width:520px){#edge-support{right:16px!important;bottom:16px!important;}.chat-admin-toggle{width:64px;height:64px;}.chat-admin-bubble{width:34px;height:27px;border-width:2.5px;border-radius:9px;gap:4px;}.chat-admin-bubble:after{left:2px;bottom:-8px;width:9px;height:9px;border-left-width:2.5px;}.chat-admin-bubble i{width:4px;height:4px;}.chat-admin-panel{right:0;bottom:78px;width:min(360px,calc(100vw - 28px));padding:18px;border-radius:20px;}.chat-admin-row{padding:14px;font-size:14px;}.chat-admin-row-copy b{font-size:14px;}}

/* SUPPORT ONLY - final visual rebuild to match the supplied phone/chat icon reference */
#edge-support{font-family:inherit;z-index:1200;}
#edge-support .chat-admin-toggle{
  width:84px;height:84px;border-radius:50%;padding:0;display:grid;place-items:center;
  border:1px solid rgba(93,181,255,.48);
  background:linear-gradient(145deg,#16365a 0%,#0c5f9d 54%,#0879bd 100%);
  box-shadow:0 16px 34px rgba(0,0,0,.42),0 0 30px rgba(28,147,224,.22);
  position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#edge-support .chat-admin-toggle:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.12);pointer-events:none;}
#edge-support .chat-admin-toggle:hover{transform:translateY(-3px);border-color:rgba(116,203,255,.78);box-shadow:0 20px 42px rgba(0,0,0,.48),0 0 38px rgba(28,147,224,.3);}
#edge-support .support-phone-icon{width:61px;height:61px;display:block;overflow:visible;}
#edge-support .support-bubble-line,
#edge-support .support-phone-line,
#edge-support .support-wave-line{fill:none;stroke:#fff;stroke-width:3.25;stroke-linecap:round;stroke-linejoin:round;}
#edge-support .support-phone-line{stroke-width:3.05;}
#edge-support .chat-admin-panel{
  width:min(430px,calc(100vw - 32px));right:0;bottom:102px;padding:28px 30px 30px;
  border-radius:28px;background:rgba(10,16,24,.98);
  border:1px solid rgba(126,154,182,.22);box-shadow:0 28px 80px rgba(0,0,0,.56);
  box-sizing:border-box;font-family:inherit;
}
#edge-support .chat-admin-panel-title{
  margin:0 0 26px;padding:0;font-family:inherit;font-size:16px;line-height:1.2;
  letter-spacing:.22em;font-weight:800;color:#7d8794;
}
#edge-support .chat-admin-row{
  display:block;width:100%;box-sizing:border-box;margin:0 0 10px;padding:17px 18px;
  border:0;border-radius:13px;background:transparent;color:#f2f4f7;font-family:inherit;
  font-size:20px;line-height:1.35;text-decoration:none;transition:background .16s ease,transform .16s ease;
}
#edge-support .chat-admin-row:last-child{margin-bottom:0;}
#edge-support .chat-admin-row:hover{background:rgba(255,255,255,.055);transform:translateX(2px);}
#edge-support .chat-admin-row-copy{display:block;}
#edge-support .chat-admin-row-copy b{display:block;font-family:inherit;font-size:inherit;line-height:1.35;font-weight:500;}
#edge-support .chat-admin-row-copy small{display:block;margin-top:6px;font-family:inherit;font-size:12px;line-height:1.35;color:#8795a4;}
#edge-support .chat-admin-row.is-disabled{opacity:.48;cursor:not-allowed;}

/* Admin support editor: clean aligned form, support-only scope */
.support-admin-card,.support-admin-preview{font-family:inherit;overflow:hidden;}
.support-admin-form{display:grid;gap:16px;}
.support-admin-block{box-sizing:border-box;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018);}
.support-admin-block-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important;}
.support-admin-block-head>div{min-width:0;}
.support-admin-block-head h3{margin:0!important;font-family:inherit;font-size:15px!important;line-height:1.35!important;font-weight:700!important;}
.support-admin-block-head p{margin:4px 0 0!important;line-height:1.35!important;}
.support-status-dot{flex:0 0 30px;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;box-sizing:border-box;}
.support-admin-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;align-items:start!important;}
.support-admin-grid .form-field{min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;box-sizing:border-box;}
.support-admin-grid .form-field label{display:block!important;width:100%!important;margin:0!important;font-family:inherit!important;font-size:12px!important;line-height:1.3!important;font-weight:650!important;color:#a9bac9!important;}
.support-admin-grid .input{display:block!important;width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;box-sizing:border-box!important;margin:0!important;font-family:inherit!important;}
.support-admin-grid .support-link-field{grid-column:1 / -1!important;}
.support-admin-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important;margin:0!important;padding:0!important;}
.support-admin-actions .btn{font-family:inherit;}
.support-preview-stage{position:relative;min-height:320px;padding:26px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 78% 48%,rgba(35,137,220,.13),transparent 34%),rgba(4,12,22,.72);}
.support-preview-copy{position:absolute;left:26px;top:24px;display:flex;flex-direction:column;gap:5px;}
.support-preview-copy span{font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.13em;color:#8fa6b8;}
.support-preview-copy small{font-family:inherit;font-size:11px;color:#657b8e;}
.support-preview-card{width:min(390px,100%);margin:36px auto 0;padding:24px 26px;border:1px solid rgba(126,154,182,.22);border-radius:24px;background:rgba(10,16,24,.98);box-shadow:0 24px 56px rgba(0,0,0,.34);box-sizing:border-box;}
.support-preview-title{font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.20em;color:#7d8794;margin:0 0 22px;}
.support-preview-row{padding:15px 14px;border:0;border-radius:13px;background:rgba(255,255,255,.035);margin-top:9px;box-sizing:border-box;}
.support-preview-row b{display:block;font-family:inherit;font-size:15px;font-weight:600;line-height:1.35;}
.support-preview-row span{display:block;margin-top:5px;font-family:inherit;color:#879cae;font-size:11px;line-height:1.4;}
.support-preview-bubble{position:absolute;right:24px;bottom:20px;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;box-sizing:border-box;background:linear-gradient(145deg,#16365a 0%,#0c5f9d 54%,#0879bd 100%);border:1px solid rgba(93,181,255,.48);box-shadow:0 14px 30px rgba(0,0,0,.4),0 0 28px rgba(28,147,224,.2);}
.support-preview-bubble .support-phone-icon{width:55px;height:55px;}
.support-preview-bubble .support-bubble-line,.support-preview-bubble .support-phone-line,.support-preview-bubble .support-wave-line{stroke-width:3.1;}
@media(max-width:720px){
  .support-admin-grid{grid-template-columns:1fr!important;}
  .support-admin-grid .support-link-field{grid-column:auto!important;}
  .support-preview-stage{min-height:330px;padding:18px;}
  .support-preview-copy{left:18px;top:18px;right:18px;}
  .support-preview-card{margin-top:60px;padding:20px;}
}
@media(max-width:520px){
  #edge-support{right:14px!important;bottom:16px!important;}
  #edge-support .chat-admin-toggle{width:72px;height:72px;}
  #edge-support .support-phone-icon{width:53px;height:53px;}
  #edge-support .chat-admin-panel{right:0;bottom:88px;width:calc(100vw - 28px);padding:22px 20px 24px;border-radius:22px;}
  #edge-support .chat-admin-panel-title{font-size:14px;margin-bottom:20px;}
  #edge-support .chat-admin-row{padding:14px 12px;font-size:17px;}
  .support-admin-block{padding:17px;}
  .support-preview-bubble{right:16px;bottom:16px;width:68px;height:68px;}
  .support-preview-bubble .support-phone-icon{width:49px;height:49px;}
}

/* SUPPORT FINAL HOTFIX 2026-09-27 - ONLY support area */
.support-admin-card,
.support-admin-card *{
  box-sizing:border-box;
}
.support-admin-card .support-admin-form{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  width:100%!important;
  gap:16px!important;
  pointer-events:auto!important;
}
.support-admin-card .support-admin-block{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  pointer-events:auto!important;
}
.support-admin-card .support-admin-grid{
  position:relative!important;
  z-index:4!important;
  display:grid!important;
  width:100%!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:16px!important;
  pointer-events:auto!important;
}
.support-admin-card .support-admin-grid .form-field{
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  min-width:0!important;
  pointer-events:auto!important;
}
.support-admin-card .support-admin-grid label{
  position:relative!important;
  z-index:6!important;
  pointer-events:none!important;
}
.support-admin-card .support-admin-grid input.input,
.support-admin-card .support-admin-grid textarea.input,
.support-admin-card .support-admin-grid select.input{
  position:relative!important;
  z-index:7!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  padding:11px 13px!important;
  margin:0!important;
  border:1px solid rgba(155,193,224,.22)!important;
  border-radius:10px!important;
  background:#0b1726!important;
  color:#edf7ff!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.support-admin-card .support-admin-grid input.input:focus{
  outline:none!important;
  border-color:var(--cyan)!important;
  box-shadow:0 0 0 3px rgba(39,224,222,.10)!important;
}
.support-admin-card .support-admin-actions{
  position:relative!important;
  z-index:8!important;
  pointer-events:auto!important;
}
#edge-support .chat-admin-toggle{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:hidden!important;
}
#edge-support .chat-admin-toggle .support-phone-icon{
  display:block!important;
  width:52px!important;
  height:52px!important;
  margin:0!important;
  flex:0 0 auto!important;
  transform:none!important;
}
@media(max-width:720px){
  .support-admin-card .support-admin-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .support-admin-card .support-admin-grid .support-link-field{grid-column:auto!important;}
  .support-admin-card .support-admin-block{padding:16px!important;}
}
@media(max-width:520px){
  #edge-support{right:14px!important;bottom:16px!important;}
  #edge-support .chat-admin-toggle{width:62px!important;height:62px!important;border-radius:50%!important;}
  #edge-support .chat-admin-toggle .support-phone-icon{width:43px!important;height:43px!important;}
  #edge-support .chat-admin-panel{right:0!important;bottom:74px!important;width:calc(100vw - 28px)!important;max-width:360px!important;}
}

/* SUPPORT OUTSIDE ICON - FINAL CLEAN MOBILE/DESKTOP */
#edge-support{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  top:auto!important;
  transform:none!important;
  z-index:9999!important;
}
#edge-support .chat-admin-toggle{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  border:1px solid rgba(116,232,238,.55)!important;
  background:linear-gradient(145deg,#102f49,#0b6170)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30),0 0 0 4px rgba(39,224,222,.07)!important;
  overflow:hidden!important;
  line-height:0!important;
}
#edge-support .chat-admin-toggle:hover{transform:translateY(-2px);}
#edge-support .chat-admin-toggle:active{transform:translateY(0) scale(.96);}
#edge-support .support-phone-icon{
  width:31px!important;
  height:31px!important;
  display:block!important;
  flex:none!important;
  margin:0!important;
  transform:none!important;
  overflow:visible!important;
}
#edge-support .support-bubble-line{
  fill:rgba(255,255,255,.08)!important;
  stroke:#fff!important;
  stroke-width:2.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#edge-support .support-phone-line,
#edge-support .support-wave-line{
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2.6!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#edge-support .chat-admin-panel{
  right:0!important;
  bottom:70px!important;
}
@media(max-width:620px){
  #edge-support{right:14px!important;bottom:16px!important;}
  #edge-support .chat-admin-toggle{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
  }
  #edge-support .support-phone-icon{width:29px!important;height:29px!important;}
  #edge-support .chat-admin-panel{bottom:66px!important;right:0!important;}
}

.brand-image-only{width:auto;min-width:0;border:0;background:none;box-shadow:none;transform:none;border-radius:0;display:flex;align-items:center;} .brand-image-only img{display:block;max-width:180px;max-height:120px;object-fit:contain;}
@media(max-width:680px){.category-card .category-image-wrap{height:var(--category-img-h,180px)}.category-card .category-body h3{font-size:var(--category-title-fs,16px)}.category-card .category-meta{font-size:var(--category-meta-fs,12px)}.category-card .category-specs{font-size:var(--category-spec-fs,12px)}.category-card .category-price{font-size:var(--category-price-fs,17px)}.category-card .category-bottom .btn{font-size:var(--category-button-fs,12px)}}
/* ===== CloneDelta Modern Gaming refresh (presentation layer only) ===== */
:root{
  --bg:#080e18!important;--surface:#101a29!important;--surface-2:#152338!important;--surface-3:#1a2b43!important;
  --line:rgba(148,177,211,.16)!important;--text:#edf4ff!important;--muted:#9baec5!important;
  --cyan:#59d8ff!important;--cyan-light:#a9eaff!important;--blue:#518cff!important;
  --shadow:0 16px 48px rgba(0,0,0,.26)!important;--radius:18px!important;--radius-sm:12px!important;
}
html{background:#080e18!important}
body{background:#080e18!important;background-image:radial-gradient(ellipse at 50% -20%,rgba(37,99,155,.23),transparent 44%)!important;color:#edf4ff!important}
body::before{display:none!important}
.shell{width:min(1240px,calc(100% - 40px))}
.topbar{background:rgba(9,16,27,.94)!important;border-bottom:1px solid rgba(115,164,214,.14)!important;backdrop-filter:blur(18px)}
.nav{height:76px}
.brand-image-only img{max-width:170px!important;max-height:56px!important;border-radius:8px!important}
.nav-actions{gap:10px!important}
.btn{border-radius:11px!important;min-height:40px;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.btn-primary{background:linear-gradient(120deg,#36baf0,#5b8dff)!important;color:#06101d!important;box-shadow:0 8px 24px rgba(49,153,244,.22)!important}
.btn-outline{background:rgba(16,29,47,.78)!important;border-color:rgba(145,177,213,.2)!important}
.btn-outline:hover{border-color:rgba(89,216,255,.52)!important;background:rgba(25,47,72,.92)!important}
.card,.panel{background:linear-gradient(145deg,rgba(17,29,46,.97),rgba(12,21,35,.98))!important;border-color:rgba(145,177,213,.15)!important;border-radius:18px!important;box-shadow:0 12px 36px rgba(0,0,0,.2)!important}
.hero{padding:76px 0 42px!important;position:relative;isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;z-index:-1;inset:16px max(20px,calc((100vw - 1240px)/2));border:1px solid rgba(99,173,231,.14);border-radius:28px;background:radial-gradient(ellipse at 85% 15%,rgba(38,134,208,.2),transparent 42%),linear-gradient(115deg,rgba(15,31,50,.98),rgba(10,20,34,.92));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.hero-grid{max-width:1240px!important;padding:35px 44px!important;min-height:290px;align-items:center!important}
.hero-copy{max-width:880px!important}
.hero-title{font-size:clamp(2.5rem,6vw,5.2rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin-bottom:18px!important}
.hero-title span{color:#70dcff!important}
.hero-description{font-size:1.05rem!important;max-width:590px;line-height:1.7;color:#a9bdd3!important}
.hero-actions{margin:25px 0 26px!important}
.hero-actions .btn{padding:13px 20px!important;min-height:48px}
.hero-trust{display:flex;gap:10px!important;flex-wrap:wrap}
.trust-item{padding:10px 12px;border:1px solid rgba(137,176,214,.15);border-radius:11px;background:rgba(7,17,29,.42);color:#c4d6e9!important}
.trust-icon{color:#66d9ff!important;margin-right:6px}
.section{padding:36px 0!important}
.section-heading{margin-bottom:18px!important}
.section h2{font-size:clamp(1.4rem,3vw,2rem)!important;letter-spacing:-.035em}
.notice{border:1px solid rgba(101,181,237,.19)!important;border-radius:16px!important;background:linear-gradient(110deg,rgba(18,42,66,.95),rgba(12,25,42,.96))!important}
.notice-icon{border-radius:10px!important;background:rgba(78,170,229,.12)!important;color:#67d5ff!important}
#categories{align-items:stretch}
.category-grid-final{gap:18px!important}
.category-card{background:#111e30!important;border:1px solid rgba(137,176,214,.16)!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(0,0,0,.2)!important}
.category-card:hover{transform:translateY(-4px)!important;border-color:rgba(92,202,255,.45)!important;box-shadow:0 18px 38px rgba(0,0,0,.28)!important}
.category-image-wrap{height:clamp(150px,19vw,230px)!important;background:#111e30!important}
.category-image{filter:saturate(.92);transition:transform .3s ease,filter .3s ease!important}
.category-card:hover .category-image{filter:saturate(1.08);transform:scale(1.035)!important}
.category-body{padding:17px!important}
.category-stock{color:#8fa8c3!important}
.category-body h3{font-size:1.02rem!important;line-height:1.4!important;margin-bottom:9px!important}
.category-meta{color:#9eb4cb!important;margin-bottom:10px!important}
.category-specs{margin-bottom:14px!important}
.category-specs li{color:#63d6ff!important}
.category-specs li span{color:#d0dfef!important}
.category-bottom{border-color:rgba(145,177,213,.14)!important;padding-top:14px!important}
.category-price{color:#9ee8ff!important;font-size:1.12rem!important}
.product-grid{gap:18px!important}
.product-card{background:#111e30!important;border-color:rgba(137,176,214,.15)!important;border-radius:18px!important}
.product-cover{height:165px!important}
.product-body{padding:17px!important}
.product-title{font-size:1rem!important}
.shop-layout{gap:20px!important}
.filter-panel{background:#111e30!important;border:1px solid var(--line)!important;border-radius:18px!important}
.shop-toolbar{padding:14px 16px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:rgba(16,27,43,.86)!important}
.input,.select,.textarea{background:#0b1422!important;border-color:rgba(145,177,213,.2)!important;border-radius:11px!important;color:#edf4ff!important}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(89,216,255,.72)!important;box-shadow:0 0 0 3px rgba(89,216,255,.12)!important}
.auth-card{background:linear-gradient(145deg,#142238,#0d1828)!important;border:1px solid rgba(142,184,225,.17)!important;border-radius:22px!important;padding:34px!important}
.auth-card h1{font-size:2.2rem!important}
.account-menu{background:#111d2e!important;border-radius:18px!important}
.account-menu .menu-link.active,.account-menu .menu-link:hover{background:rgba(72,162,224,.13)!important;color:#8fe2ff!important}
.metric{padding:20px!important}
.metric-value{letter-spacing:-.04em}
.admin-layout{grid-template-columns:238px minmax(0,1fr)!important;gap:24px!important;padding-top:34px!important}
.admin-sidebar{padding:12px!important;background:#101b2b!important;border-radius:18px!important;border-color:rgba(137,176,214,.15)!important}
.admin-brand{color:#79dcff!important;font-size:.76rem!important;padding:12px!important}
.menu-link.side{font-size:.84rem!important;padding:11px 12px!important;border-radius:10px!important;color:#a9bbce!important}
.menu-link.side.active,.menu-link.side:hover{color:#a4e9ff!important;background:linear-gradient(95deg,rgba(50,143,207,.2),rgba(50,143,207,.06))!important}
.admin-heading{padding:4px 0 15px;border-bottom:1px solid rgba(145,177,213,.13);margin-bottom:22px!important}
.admin-heading h1{font-size:clamp(1.7rem,3vw,2.45rem)!important}
.admin-stat{padding:18px!important}
.admin-stat b{font-size:1.35rem!important}
.panel{padding:21px!important}
.panel-title{font-size:1.1rem!important}
.table-wrap{border-radius:13px!important;background:#0c1625!important}
.table th{background:#132238!important;color:#a8c2dc!important;white-space:nowrap}
.table td{border-top-color:rgba(145,177,213,.11)!important}
.table tr:hover td{background:rgba(65,144,204,.07)!important}
.history-pagination{gap:8px!important}
.footer{background:rgba(7,14,24,.65)!important;border-top-color:rgba(145,177,213,.13)!important}
.mobile-nav{background:rgba(8,15,26,.97)!important;border-top-color:rgba(145,177,213,.18)!important}
.mobile-link.active{color:#66d7ff!important}
.purchase-confirm-modal{background:#111d2e!important;border-color:rgba(128,180,223,.3)!important;border-radius:20px!important}
.purchase-confirm-modal h3{color:#65d6ff!important}
.purchase-actions button{background:linear-gradient(120deg,#36baf0,#5b8dff)!important;color:#06101d!important}
.toast{background:#142238!important;border-color:rgba(145,177,213,.22)!important}
@media(max-width:1050px){
 .shell{width:min(100% - 32px,1240px)}
 .admin-layout{grid-template-columns:minmax(0,1fr)!important}
 .admin-sidebar{position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible!important;gap:6px!important;padding:12px!important}
 .admin-brand{display:block!important;grid-column:1/-1;margin-bottom:2px}
 .admin-sidebar .menu-link.side{width:100%!important;min-width:0;min-height:44px;white-space:normal!important;justify-content:center;text-align:center;font-size:.75rem!important;line-height:1.25;padding:9px 6px!important}
 .admin-sidebar>a:last-child{grid-column:1/-1}
 .admin-content{min-width:0}
}
@media(max-width:680px){
 .shell{width:calc(100% - 24px)!important}
 .nav{height:64px!important}
 .hero{padding:26px 0 20px!important}
 .hero::before{inset:8px 8px 0!important;border-radius:20px}
 .hero-grid{padding:22px 17px!important;min-height:0}
 .hero-title{font-size:clamp(2.15rem,10vw,3.1rem)!important}
 .hero-description{font-size:.93rem!important}
 .trust-item{font-size:.68rem!important;padding:8px 9px}
 .section{padding:25px 0!important}
 .category-grid-final{grid-template-columns:1fr!important;gap:13px!important}
 .category-image-wrap{height:clamp(170px,52vw,250px)!important}
 .category-body{padding:15px!important}
 .category-body h3{font-size:1rem!important}
 .category-meta,.category-specs{font-size:.75rem!important}
 .category-price{font-size:1.08rem!important}
 .category-bottom .btn{font-size:.75rem!important;padding:9px 12px!important}
 .admin-layout{gap:14px!important;padding-top:16px!important}
 .admin-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:9px!important}
 .admin-brand{font-size:.72rem!important}
 .admin-sidebar .menu-link.side{font-size:.72rem!important;min-height:44px}
 .admin-heading{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}
 .admin-heading .btn{align-self:flex-end}
 .admin-stats{gap:8px!important}
 .admin-stat{padding:12px!important}
 .admin-stat b{font-size:1.05rem!important;overflow-wrap:anywhere}
 .panel{padding:14px!important}
 .table{min-width:600px}
 .auth-card{padding:23px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 2026-10-03 additions: preserve current hero layout; optional animated banner is background only */
.hero.hero-video-enabled{position:relative;overflow:hidden;isolation:isolate}.hero-video-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-bg-video{width:100%;height:100%;object-fit:cover;display:block}.hero-bg-video-mobile{display:none}.hero-video-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,25,.86),rgba(5,13,25,.52),rgba(5,13,25,.72))}.hero.hero-video-enabled .hero-grid{position:relative;z-index:1}.recent-purchases-card{padding:18px}.recent-purchases{display:grid}.recent-purchase-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.07);font-size:.9rem}.recent-purchase-row:last-child{border-bottom:0}.recent-purchase-row b{color:#70dcff}.recent-purchase-row strong{color:#fff}.recent-purchase-row time{color:#8fa9bf;font-size:.78rem;white-space:nowrap}
@media(max-width:680px){.hero-bg-video-pc{display:none}.hero-bg-video-mobile{display:block}.recent-purchase-row{align-items:flex-start;flex-direction:column;gap:3px;font-size:.82rem}}

/* 2026-10-03 recent purchase history polish */
.recent-purchases-section{padding-top:6px!important}.recent-purchases-card{overflow:hidden;padding:0!important;border:1px solid rgba(112,220,255,.16)!important;background:linear-gradient(145deg,rgba(15,31,50,.96),rgba(9,20,34,.96))!important}.recent-purchases-card .panel-head{padding:17px 19px;margin:0!important;border-bottom:1px solid rgba(112,220,255,.12);background:rgba(112,220,255,.025)}.recent-purchases-card .panel-title{font-size:1.02rem!important;letter-spacing:.045em;margin:0!important}.recent-purchases{padding:4px 18px 8px}.recent-purchase-row{min-height:54px;padding:11px 2px!important}.recent-purchase-main{display:flex;align-items:center;gap:10px;min-width:0}.recent-purchase-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;color:#70dcff;background:rgba(45,183,235,.10);border:1px solid rgba(112,220,255,.12);font-weight:900}.recent-purchase-row strong{font-weight:800}.recent-purchase-row time{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.035)}
@media(max-width:680px){.recent-purchases-card .panel-head{padding:14px 15px}.recent-purchases{padding:2px 14px 7px}.recent-purchase-row{flex-direction:row!important;align-items:center!important;gap:8px!important}.recent-purchase-main{align-items:flex-start}.recent-purchase-row time{margin-left:auto;font-size:.69rem!important}.recent-purchase-icon{width:27px;height:27px;flex-basis:27px}}

/* 2026-10-03 final banner/history polish */
.hero.hero-video-enabled{min-height:clamp(430px,56vw,650px)!important}
.hero.hero-video-enabled .hero-grid{min-height:clamp(430px,56vw,650px)!important;display:flex!important;align-items:flex-end!important}
.hero-copy-media-only{width:100%!important;max-width:none!important;min-height:100%;display:flex;align-items:flex-end}
.hero-copy-media-only .hero-actions{margin:0 0 30px!important}
.hero-video-shade{background:linear-gradient(180deg,rgba(4,11,20,.03) 0%,rgba(4,11,20,.04) 58%,rgba(4,11,20,.32) 100%)!important}
.hero-bg-video{filter:brightness(1.13) saturate(1.05)}
.recent-purchases-card{border:1px solid rgba(69,191,255,.22)!important;background:linear-gradient(135deg,rgba(11,26,44,.98),rgba(7,17,30,.98))!important;box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.recent-purchases-card .panel-head{padding:18px 20px!important;background:linear-gradient(90deg,rgba(42,177,235,.09),rgba(64,112,255,.025))!important;border-bottom:1px solid rgba(77,190,245,.16)!important}
.recent-purchases-card .panel-title{font-size:1.06rem!important;letter-spacing:.065em!important}
.recent-purchases{padding:5px 20px 10px!important}
.recent-purchase-row{position:relative;padding:14px 0!important;min-height:58px!important;border-bottom:1px solid rgba(112,220,255,.085)!important}
.recent-purchase-row:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:2px;border-radius:2px;background:linear-gradient(180deg,#59d9ff,#527cff);opacity:.72}
.recent-purchase-main{padding-left:13px!important}
.recent-purchase-text{line-height:1.55;color:#b8c9d8}
.recent-purchase-text b{color:#73ddff!important;font-weight:800}
.recent-purchase-text strong{color:#f5f9ff!important;font-weight:800}
.recent-purchase-action{color:#9fb4c6}
.recent-purchase-row time{border:1px solid rgba(112,220,255,.1);background:rgba(9,24,39,.7)!important;color:#8fa9bf!important}
.recent-purchase-icon{display:none!important}
@media(max-width:680px){.hero.hero-video-enabled,.hero.hero-video-enabled .hero-grid{min-height:520px!important}.hero-copy-media-only .hero-actions{margin:0 0 22px!important}.hero-copy-media-only .hero-actions .btn{min-height:46px}.hero-video-shade{background:linear-gradient(180deg,rgba(4,11,20,.02),rgba(4,11,20,.03) 62%,rgba(4,11,20,.28))!important}.recent-purchases-card .panel-head{padding:15px 16px!important}.recent-purchases{padding:3px 16px 8px!important}.recent-purchase-row{padding:13px 0!important}.recent-purchase-main{padding-left:11px!important}.recent-purchase-row time{font-size:.68rem!important}}

/* Banner video persistence fix 2026-10-03 */
.hero.hero-video-enabled::before{display:none!important}
.hero.hero-video-enabled .hero-video-bg{z-index:0!important;inset:16px max(20px,calc((100vw - 1240px)/2))!important;border-radius:28px;overflow:hidden}
.hero.hero-video-enabled .hero-grid{z-index:2!important}
@media(max-width:680px){.hero.hero-video-enabled .hero-video-bg{inset:10px 14px!important;border-radius:22px}}


/* 2026-10-03 requested banner/history sizing patch — scoped only */
.hero.hero-video-enabled{min-height:0!important;padding:22px 0 0!important;overflow:visible!important}
.hero.hero-video-enabled .hero-grid{width:min(calc(100% - 32px),1240px)!important;min-height:clamp(360px,45vw,560px)!important;padding:0!important;position:relative!important;pointer-events:none}
.hero.hero-video-enabled .hero-video-bg{position:absolute!important;inset:22px auto auto 50%!important;transform:translateX(-50%)!important;width:min(calc(100% - 32px),1240px)!important;height:clamp(360px,45vw,560px)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.hero.hero-video-enabled .hero-bg-video{width:100%!important;height:100%!important;object-fit:contain!important;background:#07111d!important;filter:brightness(1.18) saturate(1.04)!important}
.hero.hero-video-enabled .hero-video-shade{background:linear-gradient(180deg,rgba(4,11,20,.01),rgba(4,11,20,.02) 75%,rgba(4,11,20,.10))!important}
.hero-below-action{padding:18px 0 2px!important;text-align:center}
.hero-below-action .shell{display:flex;justify-content:center}
.hero-below-action .btn{min-width:190px;justify-content:center}
.recent-purchases-section .shell{width:min(calc(100% - 32px),1240px)!important}
.recent-purchases-card{width:100%!important;max-width:none!important;margin:0 auto!important}
.recent-purchases-card .panel-head{padding:20px 24px!important}
.recent-purchases-card .panel-title{font-size:1.18rem!important}
.recent-purchases{padding:7px 24px 14px!important}
.recent-purchase-row{font-size:.98rem!important;min-height:64px!important;padding:16px 0!important}
.recent-purchase-text{font-size:.98rem!important}
@media(max-width:680px){
 .hero.hero-video-enabled{padding-top:12px!important}
 .hero.hero-video-enabled .hero-grid{width:calc(100% - 20px)!important;min-height:clamp(280px,72vw,390px)!important}
 .hero.hero-video-enabled .hero-video-bg{inset:12px auto auto 50%!important;width:calc(100% - 20px)!important;height:clamp(280px,72vw,390px)!important;border-radius:18px!important}
 .hero.hero-video-enabled .hero-bg-video{object-fit:contain!important}
 .hero-below-action{padding:14px 0 0!important}
 .hero-below-action .btn{width:min(100%,260px);min-height:46px}
 .recent-purchases-section .shell{width:calc(100% - 24px)!important}
 .recent-purchases-card .panel-head{padding:16px 17px!important}
 .recent-purchases-card .panel-title{font-size:1rem!important}
 .recent-purchases{padding:4px 17px 10px!important}
 .recent-purchase-row{font-size:.84rem!important;min-height:58px!important;padding:13px 0!important}
 .recent-purchase-text{font-size:.84rem!important}
}

/* 2026-10-03 banner CTA overlay patch — only banner/action */
.hero.hero-video-enabled .hero-video-shade{
  background:linear-gradient(180deg,rgba(4,11,20,.10) 0%,rgba(4,11,20,.16) 58%,rgba(4,11,20,.52) 100%)!important;
}
.hero.hero-video-enabled + .hero-below-action{
  position:relative!important;
  z-index:6!important;
  width:min(calc(100% - 32px),1240px)!important;
  margin:-82px auto 0!important;
  padding:0 0 26px!important;
  pointer-events:none;
}
.hero.hero-video-enabled + .hero-below-action .shell{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  justify-content:center!important;
}
.hero.hero-video-enabled + .hero-below-action .btn{
  pointer-events:auto;
  min-width:210px!important;
  min-height:48px!important;
  background:rgba(20,119,255,.90)!important;
  border:1px solid rgba(119,211,255,.62)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.34),0 0 22px rgba(43,159,255,.22)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
@media(max-width:680px){
  .hero.hero-video-enabled + .hero-below-action{
    width:calc(100% - 20px)!important;
    margin:-76px auto 0!important;
    padding:0 0 20px!important;
  }
  .hero.hero-video-enabled + .hero-below-action .btn{
    width:min(82%,260px)!important;
    min-height:46px!important;
  }
}

/* 2026-10-03 fixed banner ratios: desktop 16:5, mobile 4:5 */
.hero.hero-video-enabled .hero-grid{
  width:min(calc(100% - 32px),1240px)!important;
  min-height:0!important;
  aspect-ratio:16 / 5!important;
}
.hero.hero-video-enabled .hero-video-bg{
  width:min(calc(100% - 32px),1240px)!important;
  height:auto!important;
  aspect-ratio:16 / 5!important;
}
.hero.hero-video-enabled .hero-bg-video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:transparent!important;
}
@media(max-width:680px){
  .hero.hero-video-enabled .hero-grid{
    width:calc(100% - 20px)!important;
    min-height:0!important;
    aspect-ratio:4 / 5!important;
  }
  .hero.hero-video-enabled .hero-video-bg{
    width:calc(100% - 20px)!important;
    height:auto!important;
    aspect-ratio:4 / 5!important;
  }
}

/* 2026-10-03 FINAL exact-fit banner geometry: desktop 16:5 / mobile 4:5 */
.hero.hero-video-enabled{
  padding:18px 0 0!important;
  min-height:0!important;
  overflow:visible!important;
}
.hero.hero-video-enabled .hero-grid,
.hero.hero-video-enabled .hero-video-bg{
  width:min(calc(100% - 32px),1240px)!important;
  aspect-ratio:16 / 5!important;
  height:auto!important;
  min-height:0!important;
}
.hero.hero-video-enabled .hero-video-bg{
  inset:18px auto auto 50%!important;
  transform:translateX(-50%)!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.hero.hero-video-enabled .hero-bg-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  transform:none!important;
}
.hero.hero-video-enabled + .hero-below-action{
  width:min(calc(100% - 32px),1240px)!important;
  margin:-72px auto 0!important;
  padding:0 0 22px!important;
}
@media(max-width:680px){
  .hero.hero-video-enabled{padding-top:10px!important}
  .hero.hero-video-enabled .hero-grid,
  .hero.hero-video-enabled .hero-video-bg{
    width:calc(100% - 20px)!important;
    aspect-ratio:4 / 5!important;
    height:auto!important;
    min-height:0!important;
  }
  .hero.hero-video-enabled .hero-video-bg{
    inset:10px auto auto 50%!important;
    border-radius:18px!important;
  }
  .hero.hero-video-enabled .hero-bg-video{
    object-fit:cover!important;
    object-position:50% 50%!important;
  }
  .hero.hero-video-enabled + .hero-below-action{
    width:calc(100% - 20px)!important;
    margin:-78px auto 0!important;
    padding:0 0 18px!important;
  }
}

/* 2026-10-03 PC exact source-video ratio: 910x512; mobile remains 4:5 */
@media (min-width:681px){
  .hero.hero-video-enabled .hero-grid,
  .hero.hero-video-enabled .hero-video-bg{
    aspect-ratio:910 / 512!important;
  }
  .hero.hero-video-enabled .hero-bg-video{
    object-fit:cover!important;
    object-position:50% 50%!important;
  }
}
@media (max-width:680px){
  .hero.hero-video-enabled .hero-grid,
  .hero.hero-video-enabled .hero-video-bg{
    aspect-ratio:4 / 5!important;
  }
}

/* 2026-10-03 PC banner: preserve the complete frame horizontally (no side crop). */
@media (min-width:681px){
  .hero.hero-video-enabled .hero-bg-video-pc{
    object-fit:contain!important;
    object-position:center center!important;
    background:#07111d!important;
  }
}

/* 2026-10-03 Kho Account CTA polish — visual only. */
.hero.hero-video-enabled + .hero-below-action .btn{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(105,225,255,.62)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(8,117,171,.96) 0%,rgba(12,82,151,.97) 48%,rgba(38,76,170,.96) 100%)!important;
  box-shadow:0 10px 28px rgba(0,126,210,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
  color:#f5fdff!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 10px rgba(105,225,255,.26)!important;
}
.hero.hero-video-enabled + .hero-below-action .btn::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.14) 48%,transparent 72%);
  transform:translateX(-115%);transition:transform .45s ease;
}
.hero.hero-video-enabled + .hero-below-action .btn:hover::before{transform:translateX(115%)}
.hero.hero-video-enabled + .hero-below-action .btn span{font-size:1.15em;margin-left:5px}

/* 2026-10-03 PC banner vertical full-frame fix: keep current width, derive height from real media ratio. */
@media (min-width:681px){
  .hero.hero-video-enabled .hero-grid,
  .hero.hero-video-enabled .hero-video-bg{
    aspect-ratio:var(--hero-pc-ratio, 910 / 512)!important;
  }
  .hero.hero-video-enabled .hero-bg-video-pc{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}


/* 2026-10-03 FINAL visible banner + CTA fix */
.hero-below-action .btn[href="#/cua-hang"]{
  position:relative!important; z-index:20!important;
  min-width:260px!important; min-height:54px!important;
  padding:14px 28px!important; border-radius:16px!important;
  border:1px solid rgba(116,232,255,.85)!important;
  background:linear-gradient(135deg,#0d9bd7 0%,#116bc2 52%,#2949b9 100%)!important;
  box-shadow:0 12px 30px rgba(0,132,220,.34), inset 0 1px 0 rgba(255,255,255,.25)!important;
  color:#fff!important; font-size:15px!important; font-weight:900!important;
  letter-spacing:.07em!important; text-transform:uppercase!important;
}
.hero-below-action .btn[href="#/cua-hang"] span{font-size:20px!important;margin-left:8px!important}
@media(max-width:680px){
 .hero-below-action .btn[href="#/cua-hang"]{min-width:min(86vw,300px)!important;min-height:52px!important;font-size:14px!important;padding:13px 22px!important;border-radius:15px!important}
}
@media(min-width:681px){
 .hero.hero-video-enabled .hero-video-bg,
 .hero.hero-video-enabled .hero-grid{height:auto!important;min-height:0!important;aspect-ratio:var(--hero-pc-ratio,16/9)!important}
 .hero.hero-video-enabled .hero-bg-video-pc{object-fit:contain!important;object-position:center!important}
}
/* Customer bulk purchase history: presentation only; purchase flow is unchanged. */
.bulk-order-credentials{display:grid;gap:10px;margin-top:12px}.bulk-account-line{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid rgba(77,211,255,.18);border-radius:12px;background:rgba(4,18,30,.32)}.bulk-account-label{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--cyan,#56dcff);padding-top:8px}.bulk-account-line .order-credentials{min-width:0}.bulk-copy-account{margin-top:8px}@media(max-width:640px){.bulk-account-line{grid-template-columns:1fr;gap:6px}.bulk-account-label{padding-top:0}.credential-row{gap:8px}.credential-row strong{overflow-wrap:anywhere;word-break:break-word}}


/* Existing support area: compact Admin contact button + Telegram/Facebook menu */
.support-footer-links{position:relative;display:flex;justify-content:center;overflow:visible}
.admin-contact-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;z-index:20}
.admin-contact-trigger{width:210px;max-width:42vw;padding:0;border:0;background:transparent;cursor:pointer;display:block;line-height:0;filter:drop-shadow(0 0 8px rgba(0,190,255,.32));transition:transform .16s ease,filter .16s ease}
.admin-contact-trigger img{display:block;width:100%;height:auto;object-fit:contain}
.admin-contact-trigger:hover,.admin-contact-trigger:focus-visible{transform:translateY(-1px) scale(1.02);filter:drop-shadow(0 0 12px rgba(0,205,255,.5));outline:none}
.admin-contact-menu{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,8px) scale(.98);width:190px;padding:7px;border:1px solid rgba(70,190,255,.34);border-radius:13px;background:rgba(7,16,31,.97);box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 18px rgba(0,174,255,.12);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:.16s ease}
.admin-contact-wrap.open .admin-contact-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.admin-contact-menu a{display:flex!important;align-items:center;gap:10px;width:100%;padding:10px 11px;margin:0!important;border-radius:9px;color:#e9f7ff!important;text-decoration:none!important;font-weight:700;font-size:14px;background:transparent;transition:background .14s ease,color .14s ease}
.admin-contact-menu a:hover{background:rgba(20,160,255,.13);color:#79dcff!important}
.admin-contact-icon{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#117bd8,#21d6ff);color:#fff;font-weight:900;box-shadow:0 0 10px rgba(25,185,255,.28)}
@media(max-width:640px){.admin-contact-trigger{width:165px;max-width:52vw}.admin-contact-menu{width:172px}.admin-contact-menu a{font-size:13px;padding:9px 10px}}

/* Visibility fix: contact button is always available as a compact floating control */
.admin-contact-wrap{position:fixed!important;right:18px;bottom:18px;left:auto!important;z-index:9998!important}
.admin-contact-menu{left:auto!important;right:0!important;bottom:calc(100% + 8px)!important;transform:translateY(8px) scale(.98)!important}
.admin-contact-wrap.open .admin-contact-menu{transform:translateY(0) scale(1)!important}
@media(max-width:640px){.admin-contact-wrap{right:10px;bottom:12px}}

/* Contact button sizing/position refinement only */
.admin-contact-wrap{right:4px!important;bottom:18px!important}
.admin-contact-trigger{width:250px!important;max-width:46vw!important}
.admin-contact-menu{right:8px!important;width:205px!important}
@media(max-width:900px) and (min-width:641px){
  .admin-contact-trigger{width:225px!important;max-width:42vw!important}
}
@media(max-width:640px){
  .admin-contact-wrap{right:2px!important;bottom:12px!important}
  .admin-contact-trigger{width:185px!important;max-width:56vw!important}
  .admin-contact-menu{right:6px!important;width:178px!important}
}

/* ACCDELTA blue gaming announcement */
#site-announcement{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:22px}.announcement-backdrop{position:fixed;inset:0;background:rgba(0,5,15,.80);backdrop-filter:blur(7px)}.announcement-modal.announcement-blue{position:relative;width:min(760px,94vw);max-height:88vh;overflow:auto;padding:28px 30px 24px;border-radius:18px;background:linear-gradient(145deg,rgba(5,18,39,.99),rgba(4,12,29,.99));border:1px solid rgba(58,180,255,.9);box-shadow:0 0 0 3px rgba(0,117,255,.1),0 0 32px rgba(0,153,255,.35),0 30px 90px rgba(0,0,0,.65);clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px)}.announcement-top-icon{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:42px;height:38px;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:950;background:linear-gradient(180deg,#20d9ff,#0877ff);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 10px #008cff)}.announcement-close{position:absolute!important;right:15px!important;top:14px!important;width:38px!important;height:38px!important;border:1px solid rgba(79,195,255,.55)!important;border-radius:8px!important;background:rgba(5,28,58,.9)!important;color:#fff!important;font-size:27px!important;z-index:2}.announcement-head{text-align:center;padding:30px 44px 16px;border-bottom:1px solid rgba(44,165,255,.25)}.announcement-title{font-size:clamp(31px,5vw,52px);line-height:1;font-weight:1000;color:#fff;text-shadow:0 2px 0 #1577c6,0 0 16px rgba(42,188,255,.65)}.announcement-subtitle{margin-top:9px;color:#42d7ff;font-size:14px;font-weight:900;letter-spacing:.12em}.announcement-content{position:relative;margin-top:18px;padding:22px 24px 20px 72px;border:1px solid rgba(39,164,255,.48);border-radius:13px;background:linear-gradient(135deg,rgba(0,72,135,.18),rgba(2,10,25,.46))}.announcement-megaphone{position:absolute;left:22px;top:22px;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(145deg,#11c8ff,#0870ee);box-shadow:0 0 18px rgba(0,171,255,.48)}.announcement-body{color:#eef8ff!important;line-height:1.72!important}.announcement-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.announcement-understand,.announcement-secondary{min-width:190px;padding:13px 25px;border-radius:10px;border:1px solid #55dcff;background:linear-gradient(180deg,#087ee9,#0754bd);color:#fff!important;font-weight:950;text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 0 18px rgba(0,139,255,.35)}#site-announcement.closing{opacity:0;transition:opacity .15s ease}@media(max-width:640px){#site-announcement{padding:12px}.announcement-modal.announcement-blue{width:96vw;padding:22px 15px 18px;max-height:86vh}.announcement-head{padding:28px 36px 13px}.announcement-title{font-size:31px}.announcement-subtitle{font-size:11px}.announcement-content{padding:18px 15px 17px 52px}.announcement-megaphone{left:12px;top:17px;width:30px;height:30px}.announcement-understand,.announcement-secondary{min-width:150px;padding:11px 18px}}

/* Announcement: hide only for the current tab/session when checked */
.announcement-hide-label{display:flex;align-items:center;justify-content:center;gap:9px;margin:16px auto 2px;color:#cfeeff;font-size:14px;font-weight:700;cursor:pointer;user-select:none}.announcement-hide-check{width:18px;height:18px;accent-color:#159cff;cursor:pointer}.announcement-hide-label:hover{color:#fff}@media(max-width:640px){.announcement-hide-label{font-size:12px;align-items:flex-start;text-align:left;padding:0 8px}}

/* Shop information links live inside the existing account dropdown. */
.profile-dropdown-menu{max-height:calc(100vh - 88px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#47627f transparent}
.footer-brand{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0 auto 14px;color:#edf4ff;font-weight:900;letter-spacing:.08em}.footer-brand img{display:block;width:auto;height:auto;max-width:min(190px,55vw);max-height:76px;object-fit:contain}.footer-info-links{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:clamp(8px,2.5vw,20px);margin:0 auto 14px}
.footer-info-links a{color:#b8dfff;text-decoration:none;font-size:clamp(10px,3vw,13px);font-weight:650}
.footer-info-links a:hover{color:#67d5ff}
@media(max-width:680px){.footer-info-links{gap:clamp(7px,2.3vw,13px)}.footer-info-links a{font-size:clamp(10px,3.15vw,12px)}.brand-image-only img{max-width:120px!important}.profile-dropdown-menu{width:min(280px,calc(100vw - 24px));max-height:calc(100dvh - 82px)}}

/* Monthly deposit leaderboard: compact neon-blue rows matching the existing dark shop theme. */
.topup-section{padding-top:10px;padding-bottom:25px}
.topup-panel{max-width:980px;margin:0 auto;padding:20px;border:1px solid rgba(61,190,255,.34);border-radius:20px;background:linear-gradient(145deg,rgba(12,31,52,.96),rgba(7,17,31,.98));box-shadow:0 0 28px rgba(31,157,255,.11),inset 0 1px rgba(255,255,255,.035)}
.topup-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.topup-panel-head h2{margin:7px 0 0;color:#eef8ff;font-size:clamp(19px,2.5vw,25px);font-weight:900;letter-spacing:.04em}
.topup-kicker{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid rgba(66,205,255,.4);border-radius:999px;background:rgba(18,145,220,.16);color:#67d8ff;font-size:11px;font-weight:900;letter-spacing:.18em}
.topup-month{flex:none;padding:7px 11px;border:1px solid rgba(81,152,255,.35);border-radius:10px;background:rgba(36,104,207,.14);color:#a9dfff;font-size:12px;font-weight:800;letter-spacing:.06em}
.topup-list{display:grid;grid-template-columns:1fr;gap:8px}
.topup-row{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid rgba(91,163,216,.2);border-radius:13px;background:linear-gradient(100deg,rgba(20,51,79,.72),rgba(11,29,49,.82));box-shadow:inset 3px 0 rgba(63,174,255,.68)}
.topup-row-1{border-color:rgba(77,214,255,.62);background:linear-gradient(100deg,rgba(19,80,121,.62),rgba(14,37,65,.9));box-shadow:0 0 16px rgba(34,183,255,.12),inset 3px 0 #43d6ff}
.topup-rank{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid rgba(77,183,255,.34);border-radius:11px;background:rgba(29,108,187,.26);color:#72d9ff;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}
.topup-row-1 .topup-rank{background:linear-gradient(145deg,#39cfff,#3977ff);border-color:transparent;color:#06172b;box-shadow:0 0 15px rgba(53,183,255,.3)}
.topup-user{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0}
.topup-user>b{overflow:hidden;color:#eaf7ff;font-size:15px;font-weight:850;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}
.topup-user>span{flex:none;color:#91acc4;font-size:10px;font-weight:800;letter-spacing:.08em;text-align:right}
.topup-user strong{display:block;margin-top:2px;color:#65d5ff;font-size:15px;font-weight:900;letter-spacing:0}
.topup-reward{display:flex;flex:none;align-items:center;justify-content:center;gap:5px;min-width:112px;min-height:36px;padding:6px 10px;border:1px solid rgba(44,192,255,.38);border-radius:10px;background:linear-gradient(135deg,rgba(16,130,199,.3),rgba(42,93,220,.25));color:#8be2ff;text-align:center}
.topup-reward small{font-size:9px;font-weight:900;letter-spacing:.1em}
.topup-reward b{font-size:12px;font-weight:900;white-space:nowrap}
.topup-reward-empty,.topup-reward-muted{font-size:10px;font-weight:900;letter-spacing:.08em}
.topup-reward-muted{opacity:.68}
.topup-note{margin:12px 2px 0;color:#7e97ae;font-size:11px}
.topup-empty{padding:20px 10px;border:1px dashed rgba(87,168,226,.23);border-radius:12px;color:#9ab0c5;text-align:center;font-size:13px}
@media(max-width:520px){.topup-section{padding-top:6px;padding-bottom:18px}.topup-panel{padding:14px;border-radius:17px}.topup-row{gap:8px;padding:9px 8px}.topup-rank{width:32px;height:34px;border-radius:9px;font-size:13px}.topup-user>b{font-size:13px}.topup-user>span{font-size:9px}.topup-user strong{font-size:13px}.topup-reward{min-width:84px;min-height:34px;padding:5px 7px;gap:3px}.topup-reward small{font-size:8px}.topup-reward b{font-size:10px}.topup-reward-empty,.topup-reward-muted{font-size:9px}.topup-month{font-size:10px;padding:6px 8px}}
.topup-row-placeholder{opacity:.58}
.topup-row-placeholder .topup-user>b{color:#91a8bd;font-weight:650}

/* Homepage TOP entry sits beside the product heading; ranking follows the category grid. */
.category-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.category-section-head h2{margin:0}
.topup-jump{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:7px 18px;border:1px solid rgba(61,202,255,.58);border-radius:999px;background:linear-gradient(135deg,rgba(12,106,157,.46),rgba(20,71,132,.42));box-shadow:0 0 18px rgba(30,177,255,.16),inset 0 1px rgba(255,255,255,.08);color:#72dcff;font-size:13px;font-weight:950;letter-spacing:.22em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.topup-jump:hover{transform:translateY(-1px);box-shadow:0 0 22px rgba(30,177,255,.28),inset 0 1px rgba(255,255,255,.12)}
.topup-jump-dot{width:7px;height:7px;border-radius:50%;background:#51dbff;box-shadow:0 0 10px #20c9ff}
.topup-section{scroll-margin-top:24px}
.topup-panel{max-width:1040px;padding:18px}
.topup-prizes-wrap{margin-bottom:22px;padding-bottom:17px;border-bottom:1px solid rgba(88,164,211,.2)}
.topup-prizes-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:9px;padding:8px 2px 1px}
.topup-prize-card{display:flex;min-height:75px;flex-direction:column;justify-content:center;gap:8px;padding:11px 9px;border:1px solid rgba(68,181,241,.31);border-radius:13px;background:linear-gradient(145deg,rgba(16,49,77,.9),rgba(8,24,42,.96));box-shadow:inset 0 1px rgba(255,255,255,.04);text-align:center}
.topup-prize-card>span{color:#80cbe9;font-size:10px;font-weight:950;letter-spacing:.14em}
.topup-prize-card>b{color:#e4f7ff;font-size:clamp(11px,1.35vw,15px);line-height:1.25;font-weight:950;overflow-wrap:anywhere}
.topup-prize-1{min-height:88px;border-color:rgba(57,208,255,.8);background:linear-gradient(145deg,rgba(21,117,167,.66),rgba(22,62,124,.85));box-shadow:0 0 20px rgba(35,182,255,.2),inset 0 1px rgba(255,255,255,.13);transform:translateY(-7px)}
.topup-prize-1>span,.topup-prize-1>b{color:#bcf3ff;text-shadow:0 0 12px rgba(76,207,255,.35)}
.topup-ranking-head{margin:0 0 12px}
.topup-ranking-head h2{margin:0;color:#eef8ff;font-size:clamp(20px,2.5vw,25px);font-weight:950;letter-spacing:.04em}
.topup-user-reward{display:flex;flex:none;align-items:center;justify-content:center;min-width:110px;max-width:190px;min-height:34px;padding:6px 9px;border:1px solid rgba(44,192,255,.38);border-radius:10px;background:linear-gradient(135deg,rgba(16,130,199,.3),rgba(42,93,220,.25));color:#8be2ff;font-size:11px;font-weight:900;text-align:center}
.topup-row-1 .topup-user-reward{border-color:rgba(65,215,255,.63);color:#b4f1ff}
.topup-row-placeholder .topup-user-reward{display:none}
.top-admin-adjust{display:grid;grid-template-columns:minmax(85px,.6fr) minmax(130px,1fr) auto auto;gap:6px;min-width:420px}
.top-admin-adjust .input{min-width:0;padding:8px;font-size:12px}
@media(max-width:760px){.topup-prizes-grid{display:flex;align-items:flex-end;gap:8px;overflow-x:auto;padding:10px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:thin}.topup-prize-card{flex:0 0 142px;scroll-snap-align:center}.topup-prize-1{transform:translateY(-4px)}.topup-panel{padding:14px}.topup-user-reward{min-width:84px;max-width:120px;font-size:9px;padding:5px}.top-admin-adjust{grid-template-columns:1fr 1fr;min-width:260px}.category-section-head{align-items:center}.topup-jump{font-size:12px;padding:7px 13px}}
@media(max-width:420px){.topup-user{flex-direction:column;align-items:flex-start;gap:3px}.topup-user>span{text-align:left}.topup-row{align-items:center}.topup-user-reward{min-width:72px}.category-section-head h2{font-size:19px!important}.topup-jump{letter-spacing:.15em}}

/* Clear breathing room and the requested vertical order: banner, TOP NẠP, categories. */
.topup-jump-section{position:relative;padding:24px 0 12px!important}
.topup-jump-row{display:flex;justify-content:center;align-items:center}
.category-section{padding-top:18px!important}
.category-section-head{justify-content:flex-start;margin-bottom:20px}
.topup-jump{min-height:42px;padding:8px 23px;font-size:14px;box-shadow:0 0 20px rgba(30,177,255,.2),inset 0 1px rgba(255,255,255,.1)}
/* Recent purchases use the same layered navy/cyan treatment as the monthly leaderboard. */
.recent-purchases-card{position:relative!important;border-color:rgba(67,190,255,.42)!important;background:radial-gradient(ellipse at 8% 0%,rgba(13,109,165,.22),transparent 43%),linear-gradient(145deg,rgba(12,31,51,.98),rgba(6,16,30,.99))!important;box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 24px rgba(30,156,230,.09),inset 0 1px rgba(183,239,255,.08)!important}
.recent-purchases-card .history-panel-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px!important;background:linear-gradient(100deg,rgba(28,133,189,.18),rgba(61,113,255,.07),rgba(9,24,41,.1))!important;border-bottom:1px solid rgba(70,184,240,.24)!important}
.history-heading{display:flex;align-items:center;gap:12px;min-width:0}
.history-heading-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;border:1px solid rgba(70,208,255,.42);border-radius:12px;background:linear-gradient(145deg,rgba(19,146,200,.38),rgba(42,93,206,.25));box-shadow:0 0 18px rgba(41,176,255,.16);color:#8deaff;font-size:20px}
.history-heading-copy{display:grid;gap:3px}
.history-eyebrow{color:#63d9ff;font-size:9px;font-weight:950;letter-spacing:.2em}
.recent-purchases-card .history-heading-copy .panel-title{margin:0!important;color:#f1f8ff!important;font-size:clamp(15px,2vw,19px)!important;font-weight:950!important;letter-spacing:.07em!important;text-shadow:0 0 14px rgba(80,182,255,.12)}
.history-live{display:inline-flex;align-items:center;gap:7px;flex:none;padding:6px 10px;border:1px solid rgba(66,201,255,.25);border-radius:999px;background:rgba(7,36,57,.66);color:#9bdfff;font-size:9px;font-weight:900;letter-spacing:.14em}
.history-live i{width:6px;height:6px;border-radius:50%;background:#4be1ff;box-shadow:0 0 10px #22caff;animation:historyPulse 1.8s ease-in-out infinite}
@keyframes historyPulse{50%{opacity:.48;box-shadow:0 0 3px #22caff}}
.recent-purchases{padding:8px 20px 13px!important}
.recent-purchase-row{margin:0 2px;padding:13px 10px!important;border:1px solid transparent!important;border-bottom-color:rgba(81,165,208,.15)!important;border-radius:10px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.recent-purchase-row:hover{transform:translateX(2px);border-color:rgba(70,191,255,.2)!important;background:linear-gradient(90deg,rgba(21,94,139,.18),rgba(31,69,123,.09))}
.recent-purchase-row:before{left:1px!important;top:16px!important;bottom:16px!important;width:3px!important;opacity:.92!important;box-shadow:0 0 9px rgba(54,197,255,.34)}
.recent-purchase-icon{border-color:rgba(66,201,255,.28)!important;background:linear-gradient(145deg,rgba(20,133,190,.2),rgba(35,83,158,.18))!important;box-shadow:0 0 12px rgba(37,164,234,.1);color:#83e5ff!important}
.recent-purchase-text b{color:#8ce7ff!important;text-shadow:0 0 10px rgba(83,203,255,.18)}
.recent-purchase-text strong{color:#f4f9ff!important}
.recent-purchase-row time{border-color:rgba(72,177,226,.22)!important;background:linear-gradient(135deg,rgba(12,41,64,.88),rgba(16,37,65,.78))!important;color:#a2c4dd!important}
@media(max-width:680px){.topup-jump-section{padding:19px 0 7px!important}.category-section{padding-top:17px!important;padding-bottom:27px!important}.category-section-head{margin-bottom:15px}.topup-jump{min-height:40px}.recent-purchases-card .history-panel-head{padding:15px 16px!important}.history-heading{gap:9px}.history-heading-icon{width:33px;height:33px;border-radius:10px}.history-live{font-size:8px;padding:5px 8px}.recent-purchases{padding:5px 11px 10px!important}.recent-purchase-row{padding:12px 7px!important}.recent-purchase-main{align-items:center!important;gap:8px}.recent-purchase-icon{width:27px;height:27px;flex-basis:27px}}

/* Individual product cards: clearly separated cyan edge and compact spec panels. */
.category-grid-final{gap:22px!important}
.category-card{position:relative!important;isolation:isolate;border:1px solid rgba(67,190,255,.42)!important;border-radius:19px!important;overflow:hidden!important;background:radial-gradient(ellipse at 50% 0%,rgba(14,105,159,.19),transparent 50%),linear-gradient(150deg,rgba(13,31,50,.99),rgba(7,17,31,.99))!important;box-shadow:0 12px 32px rgba(0,0,0,.26),0 0 18px rgba(26,157,226,.10),inset 0 1px rgba(190,239,255,.08)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.category-card::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(123,220,255,.08),inset 0 1px rgba(255,255,255,.07)}
.category-card:hover{transform:translateY(-4px)!important;border-color:rgba(75,214,255,.78)!important;box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 25px rgba(28,174,245,.21),inset 0 1px rgba(190,239,255,.12)!important}
.category-image-wrap{border-bottom:1px solid rgba(67,190,255,.27)!important}
.category-body{background:linear-gradient(180deg,rgba(17,38,61,.88),rgba(8,21,37,.98))!important}
.category-stock{display:inline-flex!important;align-self:flex-start;padding:4px 9px!important;border:1px solid rgba(72,191,239,.22)!important;border-radius:999px!important;background:rgba(8,39,61,.72)!important;color:#92bfd8!important;font-size:11px!important;font-weight:800!important;letter-spacing:.025em}
.category-card .category-body h3{color:#f2f9ff!important;text-shadow:0 0 14px rgba(63,178,255,.14)}
.category-card .category-meta{display:inline-flex;align-self:flex-start;max-width:100%;padding:5px 8px;border:1px solid rgba(83,153,206,.17);border-radius:8px;background:rgba(7,23,39,.62);color:#a8c8de!important}
.category-specs{display:grid;gap:5px;margin-top:3px!important}
.category-specs li{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;padding:5px 8px!important;border:1px solid rgba(67,168,216,.13);border-radius:8px;background:linear-gradient(100deg,rgba(15,57,82,.45),rgba(10,29,48,.5));line-height:1.45!important;overflow-wrap:anywhere}
.category-specs li span{color:#d9eaf6!important}
.category-bottom{border-color:rgba(77,190,245,.22)!important}
@media(max-width:950px){.category-grid-final{gap:16px!important}}
@media(max-width:680px){.category-grid-final{gap:15px!important}.category-card{border-radius:16px!important}.category-body{padding:15px!important}.category-specs{gap:5px}.category-specs li{padding:5px 7px!important}.category-card:hover{transform:translateY(-2px)!important}}

/* Clone / Skin catalog selector */
.account-type-tabs{display:flex;justify-content:center;gap:10px;margin:0 auto 18px;max-width:520px}
.account-type-tab{flex:1;min-height:42px;padding:9px 18px;border:1px solid rgba(49,190,255,.42);border-radius:999px;background:linear-gradient(140deg,rgba(9,27,47,.96),rgba(11,45,76,.92));color:#8bdfff;font:inherit;font-size:13px;line-height:1.2;font-weight:800;letter-spacing:.12em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.account-type-tab:hover,.account-type-tab.active{border-color:#39d4ff;box-shadow:0 0 20px rgba(0,190,255,.2),inset 0 0 18px rgba(0,166,255,.13);color:#fff}
.account-type-tab.active{background:linear-gradient(110deg,#079eda,#245bdd)}
#categories[data-active-account-type="clone"] .category-card[data-account-type="skin"],#shop-products[data-active-account-type="clone"] .category-card[data-account-type="skin"]{display:none!important}
#categories[data-active-account-type="skin"] .category-card[data-account-type="clone"],#shop-products[data-active-account-type="skin"] .category-card[data-account-type="clone"],#categories[data-active-account-type="skin"] .home-placeholder-card,#categories[data-active-account-type="skin"] .home-instant-placeholder{display:none!important}
.account-type-empty{grid-column:1/-1;padding:22px;border:1px solid rgba(65,190,255,.25);border-radius:14px;background:rgba(7,20,35,.75);color:#a8c4d8;text-align:center}
@media(max-width:680px){.account-type-tabs{gap:8px;margin-bottom:14px}.account-type-tab{min-height:40px;padding:8px 12px;font-size:11px;letter-spacing:.1em}}

/* Editable SEO content pages and their public navigation links. */
.topup-jump-row{gap:12px;flex-wrap:wrap}
.content-page-link-row,.home-content-page-links{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}
.home-content-page-links{margin:10px auto 0}
.content-page-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;border:1px solid rgba(53,190,255,.48);border-radius:999px;background:linear-gradient(120deg,rgba(9,35,59,.96),rgba(10,66,107,.92));box-shadow:0 0 16px rgba(0,154,230,.12);color:#d7f5ff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.content-page-link:hover{transform:translateY(-2px);border-color:#51d5ff;box-shadow:0 0 20px rgba(0,185,255,.24);color:#fff}
.footer-content-pages{display:contents}
.content-page-main .section{padding-top:30px}
.content-page-breadcrumb{display:flex;gap:9px;align-items:center;margin:0 0 16px;color:#91aac0;font-size:13px}
.content-page-breadcrumb a{color:#75d9ff;text-decoration:none}
.content-page-card{overflow:hidden;border:1px solid rgba(62,181,236,.24);border-radius:22px;background:linear-gradient(145deg,rgba(11,29,49,.96),rgba(5,16,29,.98));box-shadow:0 18px 55px rgba(0,0,0,.28)}
.content-page-image{display:block;width:100%;max-height:460px;object-fit:cover;background:#081524}
.content-page-layout-split{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);align-items:stretch}
.content-page-layout-split .content-page-image{width:100%;height:100%;min-height:420px;max-height:none}
.content-page-layout-split .content-page-copy{align-self:center}
.content-page-layout-text .content-page-image{width:min(100%,760px);max-height:360px;margin:30px auto 0;border-radius:14px}
.content-page-layout-text .content-page-copy{padding-top:32px}
.content-page-copy{max-width:940px;margin:0 auto;padding:clamp(22px,5vw,48px)}
.content-page-copy h1{margin:0 0 20px;color:#f2fbff;font-size:clamp(27px,4vw,42px);line-height:1.18;font-weight:900}
.content-page-body{color:#d1dfec;font-size:16px;line-height:1.85;white-space:normal}
.content-page-body p{margin:0 0 16px}
.content-page-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:26px}
.content-pages-toolbar,.content-pages-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.content-pages-toolbar .form-field{flex:1;min-width:min(100%,260px)}
.content-page-image-preview{margin:10px 0;min-height:12px}
.content-page-image-preview img{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:12px}
.admin-content .content-pages-actions{justify-content:space-between}
@media(max-width:680px){.topup-jump-row{gap:9px}.content-page-link-row{gap:7px}.content-page-link{min-height:38px;padding:8px 13px;font-size:10px;letter-spacing:.06em}.content-page-copy{padding:22px 18px}.content-page-body{font-size:15px}.content-page-actions{flex-direction:column;align-items:stretch}.content-page-actions .btn{justify-content:center}.content-pages-toolbar{align-items:stretch}.content-pages-toolbar .btn{width:100%}.content-page-layout-split{display:flex;flex-direction:column}.content-page-layout-split .content-page-image{height:auto;min-height:0;max-height:280px}.content-page-layout-text .content-page-image{margin:20px auto 0}}

/* Public intro/SEO landing pages, styled to match the AccDelta mobile demo. */
.content-menu-dropdown{position:relative;min-width:0}
.content-menu-dropdown>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 19px;border:1px solid rgba(36,202,255,.78);border-radius:999px;background:linear-gradient(115deg,#079ed0,#234fcb);box-shadow:0 0 20px rgba(0,174,255,.24),inset 0 0 12px rgba(127,238,255,.13);color:#f3fcff;font-size:15px;font-weight:900;letter-spacing:.08em;cursor:pointer}
.content-menu-dropdown>summary::-webkit-details-marker{display:none}
.content-menu-info{font-size:20px;color:#b7f7ff}
.content-menu-chevron{font-size:20px;transition:transform .18s ease}
.content-menu-dropdown[open] .content-menu-chevron{transform:rotate(180deg)}
.content-menu-options{position:absolute;z-index:30;top:calc(100% + 10px);right:0;width:min(310px,88vw);overflow:hidden;border:1px solid #19dafa;border-radius:14px;background:rgba(5,21,39,.98);box-shadow:0 12px 35px rgba(0,0,0,.42),0 0 18px rgba(0,185,255,.15)}
.content-menu-options a{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;border-bottom:1px solid rgba(75,177,226,.17);color:#eefaff;text-decoration:none;font-size:14px;font-weight:800}
.content-menu-options a:last-child{border-bottom:0}.content-menu-options a:hover{background:rgba(0,157,223,.16)}
.content-menu-coin{color:#4cecff;font-size:19px}.content-menu-arrow{margin-left:auto;color:#7beaff;font-size:23px}
.landing-page{max-width:1000px;margin:0 auto;padding:clamp(16px,3vw,30px);border:1px solid rgba(45,192,247,.33);border-radius:22px;background:radial-gradient(ellipse at 50% 0,rgba(15,91,145,.24),transparent 52%),linear-gradient(145deg,rgba(8,27,48,.97),rgba(4,14,28,.98));box-shadow:0 20px 55px rgba(0,0,0,.3)}
.landing-intro{max-width:900px;margin:0 auto 20px;text-align:center}.landing-eyebrow{display:inline-block;margin-bottom:8px;color:#51dcff;font-size:11px;font-weight:900;letter-spacing:.2em}
.landing-intro h1{margin:0 auto 12px;color:#f4fbff;font-size:clamp(25px,5vw,42px);font-weight:1000;line-height:1.13;text-transform:uppercase;text-shadow:0 0 18px rgba(29,178,255,.23)}
.landing-intro .content-page-body{max-width:850px;margin:0 auto;color:#d6e8f5;font-size:clamp(14px,2vw,17px);line-height:1.72;text-align:left}
.landing-intro .content-page-body p{margin:0 0 10px}.landing-banner{display:block;width:100%;max-height:430px;aspect-ratio:16/6;object-fit:cover;margin:16px 0 20px;border:1px solid rgba(43,208,255,.55);border-radius:16px;background:#071523;box-shadow:0 0 25px rgba(0,166,255,.16)}
.content-page-layout-text .landing-banner{max-width:800px;max-height:330px;margin:18px auto}
.content-page-layout-split .landing-banner{aspect-ratio:16/7}
.landing-products,.landing-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.landing-product-card{position:relative;display:flex;min-height:104px;flex-direction:column;justify-content:center;gap:4px;overflow:hidden;padding:14px 46px 14px 17px;border:1px solid rgba(29,200,255,.72);border-radius:15px;background:linear-gradient(115deg,rgba(7,45,79,.95),rgba(5,24,50,.97));color:#fff;text-decoration:none;box-shadow:inset 0 0 18px rgba(0,135,226,.12),0 0 15px rgba(0,159,240,.1)}
.landing-product-card:hover{border-color:#8af2ff;transform:translateY(-2px)}.landing-product-kicker{color:#62e8ff;font-size:10px;font-weight:900;letter-spacing:.14em}.landing-product-card strong{font-size:clamp(15px,2.4vw,21px);font-weight:1000;text-transform:uppercase}.landing-product-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:grid;width:34px;height:34px;place-items:center;border:1px solid #23d9ff;border-radius:50%;color:#5feaff;font-size:23px}
.landing-actions{display:flex;flex-direction:column;align-items:center;gap:11px;margin:18px 0}.landing-actions>.btn{width:min(100%,650px);min-height:54px;justify-content:center;border-radius:15px;font-size:clamp(15px,2.7vw,20px);font-weight:950;letter-spacing:.07em}.landing-secondary{color:#63dfff;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(78,218,255,.5);padding:4px 8px}
.landing-features{display:grid;gap:0;margin:18px 0 0;padding:6px 18px;border:1px solid rgba(39,179,230,.42);border-radius:17px;background:rgba(4,19,35,.65)}.landing-feature{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;padding:15px 2px;border-bottom:1px solid rgba(65,180,222,.24)}.landing-feature:last-child{border-bottom:0}.landing-feature-icon{display:grid;width:66px;height:66px;place-items:center;border:1px solid rgba(50,211,255,.74);border-radius:13px;background:linear-gradient(145deg,rgba(0,161,230,.18),rgba(5,28,49,.72));color:#47e4ff;font-size:34px;box-shadow:inset 0 0 15px rgba(0,173,255,.13)}.landing-feature h3{margin:0 0 4px;color:#43d9ff;font-size:clamp(14px,2.1vw,18px);font-weight:900}.landing-feature p{margin:0;color:#c9d9e8;font-size:14px;line-height:1.55}
.content-cms-grid{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(220px,280px);gap:12px;align-items:start}.content-cms-grid>.panel{min-width:0;padding:14px}.content-cms-panel-title{margin-bottom:13px;color:#9feaff;font-size:12px;font-weight:950;letter-spacing:.12em}.content-cms-list-row{display:flex;align-items:stretch;gap:4px;margin-bottom:7px}.content-cms-select{display:flex;flex:1;min-width:0;align-items:center;gap:9px;padding:10px;border:1px solid rgba(91,155,204,.28);border-radius:10px;background:rgba(7,24,42,.8);color:#eaf7ff;text-align:left;cursor:pointer}.content-cms-select.active{border-color:#20d9ff;background:rgba(0,146,212,.16);box-shadow:0 0 14px rgba(0,171,238,.14)}.content-cms-select span:nth-child(2){min-width:0}.content-cms-select b,.content-cms-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-cms-select b{font-size:12px}.content-cms-select small{margin-top:4px;color:#8da9c1;font-size:10px}.content-cms-drag{color:#45dfff;font-size:19px}.content-cms-move{display:flex;flex-direction:column;gap:3px}.content-cms-move button{width:27px;flex:1;border:1px solid rgba(61,192,232,.25);border-radius:6px;background:#0b2036;color:#7cecff;cursor:pointer}.content-cms-move button:disabled{opacity:.35;cursor:default}.content-cms-add{width:100%;margin-top:7px;justify-content:center}.content-cms-editor .form-grid{gap:10px}.content-cms-editor .form-field label{font-size:12px}.content-cms-preview{position:sticky;top:12px}.content-cms-phone{max-width:235px;margin:0 auto;padding:8px;border:2px solid #405977;border-radius:25px;background:#020914;box-shadow:0 0 0 3px #071a2c,0 8px 24px rgba(0,0,0,.25)}.content-cms-phone-top{padding:6px 0 10px;color:#cfedff;text-align:center;font-size:10px}.content-cms-preview-content{overflow:hidden;padding:10px;border:1px solid rgba(35,188,255,.28);border-radius:15px;background:linear-gradient(155deg,#092440,#061424);color:#eaf7ff}.content-cms-preview-content img{width:100%;max-height:110px;object-fit:cover;border-radius:9px;margin-bottom:9px}.content-cms-preview-kicker{color:#4adfff;font-size:8px;font-weight:900;letter-spacing:.12em}.content-cms-preview-content h3{margin:7px 0;color:#fff;font-size:15px;line-height:1.2}.content-cms-preview-content p{max-height:92px;overflow:hidden;margin:0 0 10px;color:#bfd3e4;font-size:10px;line-height:1.45}.content-cms-preview-button{width:100%;padding:9px 5px;border:0;border-radius:8px;background:linear-gradient(100deg,#00a8d9,#235add);color:#fff;font-size:9px;font-weight:900}
@media(max-width:1050px){.content-cms-grid{grid-template-columns:220px minmax(0,1fr)}.content-cms-preview{position:static;grid-column:1/-1}.content-cms-phone{max-width:400px}.content-cms-preview-content img{max-height:160px}}
@media(max-width:680px){.content-menu-dropdown{width:100%}.content-menu-dropdown>summary{width:100%;min-height:48px;font-size:13px}.content-menu-options{left:0;right:auto;width:100%}.landing-page{padding:13px;border-radius:17px}.landing-intro{text-align:left}.landing-intro h1{font-size:26px}.landing-banner{aspect-ratio:4/2.25;max-height:250px;border-radius:12px}.landing-products,.landing-related{gap:8px}.landing-product-card{min-height:88px;padding:11px 37px 11px 12px;border-radius:12px}.landing-product-kicker{font-size:8px}.landing-product-card strong{font-size:14px}.landing-product-arrow{right:8px;width:28px;height:28px}.landing-actions>.btn{min-height:49px;font-size:14px}.landing-features{padding:4px 12px}.landing-feature{grid-template-columns:52px minmax(0,1fr);gap:11px;padding:12px 0}.landing-feature-icon{width:49px;height:49px;border-radius:10px;font-size:26px}.landing-feature p{font-size:12px}.content-cms-grid{grid-template-columns:minmax(0,1fr)}.content-cms-preview{grid-column:auto}.content-cms-list{max-height:320px;overflow:auto}}


/* Stronger product titles, live marker and subtle animated cyan light behind each category. */
.category-body{position:relative!important;isolation:isolate;overflow:hidden}
.category-body>*{position:relative;z-index:1}
.category-body::before{content:"";position:absolute;z-index:0;inset:-35% -20%;pointer-events:none;background:radial-gradient(ellipse at 16% 40%,rgba(19,155,215,.22),transparent 37%),radial-gradient(ellipse at 83% 70%,rgba(47,101,215,.17),transparent 34%);opacity:.8;transform:translate3d(-2%,0,0);animation:categoryAmbient 8s ease-in-out infinite alternate}
@keyframes categoryAmbient{from{transform:translate3d(-2%,0,0) scale(1);opacity:.58}to{transform:translate3d(2%,1%,0) scale(1.06);opacity:.92}}
.category-card .category-body h3.category-title-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%;margin:2px 0 9px!important;padding:2px 0 9px!important;border-bottom:1px solid rgba(78,192,244,.23);color:#f5fbff!important;font-size:clamp(var(--category-title-fs,16px),1.7vw,22px)!important;line-height:1.22!important;font-weight:1000!important;letter-spacing:.035em!important;text-shadow:0 0 14px rgba(65,188,255,.24),0 1px 2px rgba(0,0,0,.6)!important}
.category-title-text{min-width:0;overflow-wrap:anywhere}
.category-live{display:inline-flex;align-items:center;gap:5px;flex:none;padding:4px 7px;border:1px solid rgba(46,212,255,.45);border-radius:999px;background:linear-gradient(135deg,rgba(4,105,148,.52),rgba(20,70,147,.46));box-shadow:0 0 13px rgba(22,187,255,.16),inset 0 1px rgba(255,255,255,.08);color:#8ae9ff;font-size:9px;line-height:1;font-weight:950;letter-spacing:.1em;text-shadow:0 0 8px rgba(78,215,255,.32)}
.category-live i{width:6px;height:6px;border-radius:50%;background:#4ce4ff;box-shadow:0 0 9px #26d5ff;animation:categoryLivePulse 1.6s ease-in-out infinite}
@keyframes categoryLivePulse{50%{opacity:.45;box-shadow:0 0 3px #26d5ff}}
/* Desktop image frame shows the complete uploaded artwork without cropping. */
@media(min-width:681px){.category-image-wrap{height:clamp(170px,22vw,300px)!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#08182b,#0d2842)!important}.category-image{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}}
@media(max-width:680px){.category-card .category-body h3.category-title-line{font-size:clamp(var(--category-title-fs,16px),4.5vw,19px)!important}.category-live{font-size:9px}.category-body::before{animation-duration:10s}}
@media(prefers-reduced-motion:reduce){.category-body::before,.category-live i{animation:none!important}}

/* Normalize every category to the same card rhythm as the Delta Force service card. */
.category-grid-final{align-items:stretch!important}
.category-card{height:100%!important;min-width:0}
.category-card .category-image-wrap{height:clamp(190px,22vw,260px)!important;min-height:clamp(190px,22vw,260px)!important;flex:none!important}
.category-card .category-body{min-height:390px!important;flex:1 1 auto!important}
.category-card .category-specs{min-height:190px!important;align-content:start!important;flex:1 0 auto!important}
@media(max-width:950px) and (min-width:681px){.category-card .category-image-wrap{height:clamp(180px,25vw,240px)!important;min-height:clamp(180px,25vw,240px)!important}.category-card .category-body{min-height:380px!important}.category-card .category-specs{min-height:185px!important}}
@media(max-width:680px){.category-card .category-image-wrap{height:clamp(190px,54vw,260px)!important;min-height:clamp(190px,54vw,260px)!important}.category-card .category-body{min-height:380px!important}.category-card .category-specs{min-height:185px!important}}

/* Final uniform product-name sizing, matching the service card across every category. */
.category-card .category-body h3.category-title-line{font-size:16px!important;line-height:1.22!important;min-height:42px!important;max-height:42px!important;overflow:hidden!important;align-items:center!important}
.category-card .category-body h3.category-title-line .category-title-text{font-size:16px!important;line-height:1.22!important;font-weight:1000!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.category-card .category-body h3.category-title-line .category-live{font-size:9px!important}
@media(max-width:680px){.category-card .category-body h3.category-title-line,.category-card .category-body h3.category-title-line .category-title-text{font-size:16px!important}}

/* PC category cards: three products per row, scaled to fit the product frame. */
@media (min-width: 681px) {
  .category-grid-final {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }
  .category-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .category-card .category-image-wrap {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    flex: 0 0 auto !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, #08182b, #0d2842) !important;
  }
  .category-card .category-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  .category-card .category-body {
    min-height: 0 !important;
    flex: 1 1 auto !important;
    padding: 12px !important;
  }
  .category-card .category-body h3.category-title-line {
    margin: 1px 0 6px !important;
    padding: 2px 0 6px !important;
    font-size: 15px !important;
  }
  .category-card .category-body h3.category-title-line .category-title-text {
    font-size: 15px !important;
  }
  .category-card .category-meta {
    padding: 4px 7px !important;
  }
  .category-card .category-specs {
    min-height: 0 !important;
    flex: 0 1 auto !important;
    align-content: start !important;
    gap: 4px !important;
    margin-top: 2px !important;
  }
  .category-card .category-specs li {
    padding: 5px 7px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  .category-card .category-bottom {
    margin-top: auto !important;
    padding-top: 8px !important;
  }
}

/* iPad/tablet only: use two cards per row for a more readable catalog. */
@media (hover: none) and (pointer: coarse) and (min-width: 681px) and (max-width: 1400px) {
  .category-grid-final {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

/* Toàn trang: banner nền mờ phía sau nội dung, dùng chung cho PC và mobile */
body::after{content:"";position:fixed;inset:-8px;z-index:-1;pointer-events:none;filter:blur(3px);background-image:linear-gradient(rgba(7,17,31,var(--site-bg-overlay,.78)),rgba(7,17,31,var(--site-bg-overlay,.78))),var(--site-bg-image,url("./bg-hero.jpg"));background-size:cover;background-position:var(--site-bg-position,center);background-repeat:no-repeat}
@media(max-width:680px){body::after{inset:-5px;filter:blur(2px);background-position:var(--site-bg-position,center)}}

/* Mobile rendering: keep the blue atmosphere while reducing continuous blur work. */
@media(max-width:680px){
  .ambient{filter:blur(56px);opacity:.13}
  .topbar,.mobile-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
}

/* SEO H1 above the hero banner: lightweight CSS shimmer */


/* Compact admin navigation and local Acc Skin price filter. */
.admin-nav-group{margin:5px 0;border:1px solid rgba(110,164,208,.12);border-radius:12px;background:rgba(6,17,30,.28);overflow:hidden}
.admin-nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;color:#b9cde0;font-size:12px;font-weight:850;letter-spacing:.035em;cursor:pointer;list-style:none}
.admin-nav-group>summary::-webkit-details-marker{display:none}
.admin-nav-group>summary::after{content:'+';color:#61cfff;font-size:18px;line-height:1}
.admin-nav-group[open]>summary::after{content:'−'}
.admin-nav-group>.menu-link.side{margin:2px 6px 5px!important;width:calc(100% - 12px)!important}
.skin-price-filter{display:flex;align-items:end;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 18px;padding:13px;border:1px solid rgba(69,185,237,.22);border-radius:16px;background:linear-gradient(130deg,rgba(8,26,44,.9),rgba(9,39,63,.76));max-width:760px}
.skin-price-filter[hidden]{display:none!important}
.skin-price-filter label{display:grid;gap:5px;color:#b8d4e7;font-size:12px;font-weight:750}
.skin-price-filter .input{width:min(220px,35vw);min-height:40px}
.skin-price-empty{grid-column:1/-1;padding:22px;border:1px solid rgba(69,185,237,.2);border-radius:14px;background:rgba(7,20,35,.72);color:#a8c4d8;text-align:center}
.category-card.skin-price-hidden{display:none!important}
@media(max-width:680px){.skin-price-filter{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:11px;margin-bottom:14px}.skin-price-filter label{min-width:0}.skin-price-filter .input{width:100%;min-height:42px}.skin-price-filter button{width:100%;min-height:40px}.admin-nav-group>summary{min-height:44px}.admin-sidebar{grid-template-columns:minmax(0,1fr)!important}}

/* AccDelta admin refresh v36: presentation-only rules scoped to admin pages. */
.admin-shell-page{--admin-surface:#0b1727;--admin-surface-raised:#0f1e31;--admin-border:rgba(138,177,212,.15);max-width:1480px}
.admin-shell-page .admin-layout{grid-template-columns:252px minmax(0,1fr);gap:22px;padding-top:24px}
.admin-shell-page .admin-sidebar{position:sticky;top:82px;max-height:calc(100vh - 104px);overflow:auto;padding:14px;border:1px solid var(--admin-border);border-radius:18px;background:linear-gradient(180deg,rgba(12,26,43,.97),rgba(7,17,30,.96));box-shadow:0 14px 38px rgba(0,0,0,.2);scrollbar-width:thin;scrollbar-color:rgba(91,157,203,.32) transparent}
.admin-shell-page .admin-brand{display:flex;align-items:center;gap:10px;padding:8px 9px 16px;margin-bottom:8px;border-bottom:1px solid var(--admin-border);color:#e8f5ff;font-size:13px;letter-spacing:.06em}
.admin-brand-mark{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:linear-gradient(145deg,#21c4e8,#2875e8);color:#041626;font-size:13px;font-weight:900;letter-spacing:0;box-shadow:0 6px 18px rgba(28,173,221,.2)}
.admin-shell-page .admin-brand small{display:block;margin-top:3px;color:#83a5bf;font-size:9px;letter-spacing:.16em}
.admin-shell-page .admin-nav-group{margin:5px 0;padding:5px;border:1px solid transparent;border-radius:12px}
.admin-shell-page .admin-nav-group[open]{border-color:rgba(126,167,201,.1);background:rgba(255,255,255,.018)}
.admin-shell-page .admin-nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:9px;color:#9db5c9;font-size:11px;font-weight:750;letter-spacing:.045em;cursor:pointer;list-style:none}
.admin-shell-page .admin-nav-group>summary::-webkit-details-marker{display:none}
.admin-shell-page .admin-nav-group>summary:after{content:'+';color:#65cee8;font-size:16px;font-weight:500}
.admin-shell-page .admin-nav-group[open]>summary:after{content:'−'}
.admin-shell-page .admin-nav-group>summary:hover{background:rgba(78,153,196,.08);color:#eaf8ff}
.admin-shell-page .admin-sidebar .menu-link.side{width:100%;min-height:38px;margin:2px 0;padding:9px 11px;border-radius:9px;color:#a9bbcc;font-size:12px;line-height:1.3;text-decoration:none;transition:background .16s ease,color .16s ease,border-color .16s ease}
.admin-shell-page .admin-sidebar .menu-link.side:hover{background:rgba(68,153,205,.1);color:#e6f8ff}
.admin-shell-page .admin-sidebar .menu-link.side.active{background:linear-gradient(100deg,rgba(31,164,211,.2),rgba(41,103,195,.12));box-shadow:inset 2px 0 #38c7ee;color:#b8f0ff;font-weight:750}
.admin-shell-page .admin-sidebar>a.menu-link.side{margin-top:12px;border:1px solid var(--admin-border);background:rgba(255,255,255,.025)}
.admin-shell-page .admin-content{min-width:0}
.admin-shell-page .admin-heading{align-items:center;margin:0 0 20px;padding:20px 22px;border:1px solid var(--admin-border);border-radius:17px;background:linear-gradient(110deg,rgba(15,37,59,.92),rgba(10,23,39,.88));box-shadow:0 10px 28px rgba(0,0,0,.13)}
.admin-shell-page .admin-heading .eyebrow{font-size:10px;letter-spacing:.15em;color:#55cee9}
.admin-shell-page .admin-heading h1{margin:6px 0;font-size:clamp(1.45rem,2.2vw,2rem);letter-spacing:-.025em}
.admin-shell-page .admin-heading p{margin:0;font-size:13px;line-height:1.5;color:#9db1c3}
.admin-shell-page .admin-stats{gap:12px;margin:0 0 18px}
.admin-shell-page .admin-stat{padding:17px;border:1px solid var(--admin-border);border-radius:14px;background:linear-gradient(145deg,rgba(15,34,54,.92),rgba(8,21,36,.9));box-shadow:0 8px 22px rgba(0,0,0,.12)}
.admin-shell-page .admin-stat .metric-label{font-size:11px;color:#9db2c6}
.admin-shell-page .admin-stat b{margin-top:9px;font-size:clamp(1.05rem,1.8vw,1.35rem)}
.admin-shell-page .panel.card{padding:20px;border:1px solid var(--admin-border);border-radius:16px;background:rgba(10,23,39,.88);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.admin-shell-page .panel-head{margin-bottom:16px}
.admin-shell-page .panel-title{font-size:15px;font-weight:750;letter-spacing:-.01em}
.admin-shell-page .form-field label{font-size:12px;font-weight:650;color:#aebfd0}
.admin-shell-page .input,.admin-shell-page .select,.admin-shell-page .textarea{border-color:rgba(135,171,203,.2);border-radius:9px;background:rgba(4,14,26,.55);color:#edf6ff}
.admin-shell-page .input:focus,.admin-shell-page .select:focus,.admin-shell-page .textarea:focus{border-color:#36bfe6;box-shadow:0 0 0 3px rgba(54,191,230,.12);outline:0}
.admin-shell-page .table-wrap{border:1px solid var(--admin-border);border-radius:12px;background:rgba(3,12,22,.22)}
.admin-shell-page .table th{background:rgba(30,57,81,.62);color:#a9c1d5;font-size:10px;letter-spacing:.055em;text-transform:uppercase}
.admin-shell-page .table td{border-color:rgba(135,171,203,.1);color:#d7e3ee;vertical-align:middle}
.admin-shell-page .table tbody tr:hover{background:rgba(53,130,173,.055)}
.admin-shell-page .btn{border-radius:9px}
.admin-shell-page :focus-visible{outline:2px solid #57d3f1;outline-offset:2px}
@media(max-width:950px){
 .admin-shell-page .admin-layout{grid-template-columns:minmax(0,1fr);gap:15px;padding-top:16px}
 .admin-shell-page .admin-sidebar{position:static;max-height:none;display:block;overflow:visible;padding:10px;border-radius:14px}
 .admin-shell-page .admin-brand{display:flex;margin-bottom:6px;padding:5px 8px 11px}
 .admin-shell-page .admin-nav-group{display:inline-block;vertical-align:top;width:calc(33.333% - 8px);margin:4px}
 .admin-shell-page .admin-nav-group[open]{width:calc(100% - 8px)}
 .admin-shell-page .admin-nav-group[open] .menu-link.side{display:inline-flex;width:auto;min-width:140px;max-width:100%;margin:3px;padding:9px 11px}
 .admin-shell-page .admin-sidebar>a.menu-link.side{display:inline-flex;width:auto;margin:5px}
}
@media(max-width:680px){
 .admin-shell-page .admin-layout{padding:12px 0 32px;gap:12px}
 .admin-shell-page .admin-sidebar{padding:8px}
 .admin-shell-page .admin-nav-group{width:calc(50% - 8px);margin:3px}
 .admin-shell-page .admin-nav-group>summary{padding:9px 8px;font-size:10px}
 .admin-shell-page .admin-nav-group[open]{width:calc(100% - 6px)}
 .admin-shell-page .admin-nav-group[open] .menu-link.side{display:flex;width:100%;min-width:0;margin:3px 0}
 .admin-shell-page .admin-sidebar>a.menu-link.side{width:100%;box-sizing:border-box;margin:7px 0 0}
 .admin-shell-page .admin-heading{padding:15px;border-radius:13px;margin-bottom:13px}
 .admin-shell-page .admin-heading h1{font-size:1.4rem}
 .admin-shell-page .admin-heading p{font-size:12px}
 .admin-shell-page .admin-stats{gap:8px;margin-bottom:13px}
 .admin-shell-page .admin-stat{padding:12px;border-radius:12px}
 .admin-shell-page .panel.card{padding:14px;border-radius:13px}
 .admin-shell-page .table{min-width:680px;font-size:12px}
}

/* Matching action buttons below the hero: TOP NẠP and GIỚI THIỆU. */
.topup-jump-row>.topup-jump,
.topup-jump-row>#topup-content-links .content-page-link{
  box-sizing:border-box;display:inline-flex;flex:0 1 172px;min-width:148px;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:0 15px;
  border:1px solid rgba(92,220,255,.78);border-radius:999px;
  background-color:#0b5f9d;background-image:linear-gradient(112deg,#078fc2 0%,#126fca 48%,#244bc2 100%),linear-gradient(105deg,transparent 37%,rgba(255,255,255,.18) 50%,transparent 63%);
  background-repeat:no-repeat;background-size:100% 100%,220% 100%;background-position:0 0,-160% 0;
  box-shadow:0 5px 18px rgba(0,142,220,.2),inset 0 1px rgba(255,255,255,.18);
  color:#f1fbff;font-family:inherit;font-size:12px;font-weight:850;letter-spacing:.13em;line-height:1;text-align:center;text-decoration:none;white-space:nowrap;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-position .7s ease;
}
.topup-jump-row>#topup-content-links{display:flex;flex:0 1 172px;justify-content:center}
.topup-jump-row>#topup-content-links .content-page-link{width:100%}
.topup-jump-row>.topup-jump .topup-jump-dot,
.topup-jump-row>#topup-content-links .content-page-link::before{
  width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#7be7ff;box-shadow:0 0 9px rgba(81,219,255,.8);animation:topupIntroDot 2.6s ease-in-out infinite
}
.topup-jump-row>#topup-content-links .content-page-link::before{content:"";display:inline-block}
.topup-jump-row>.topup-jump:hover,
.topup-jump-row>#topup-content-links .content-page-link:hover{transform:translateY(-2px);border-color:#a1efff;box-shadow:0 8px 23px rgba(0,165,245,.28),inset 0 1px rgba(255,255,255,.22);background-position:0 0,160% 0;color:#fff}
.topup-jump-row>.topup-jump:active,
.topup-jump-row>#topup-content-links .content-page-link:active{transform:translateY(0) scale(.98)}
.topup-jump-row>.topup-jump:focus-visible,
.topup-jump-row>#topup-content-links .content-page-link:focus-visible{outline:2px solid #a1efff;outline-offset:3px}
@keyframes topupIntroDot{0%,100%{opacity:.78;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:680px){
 .topup-jump-row{gap:9px}
 .topup-jump-row>.topup-jump,.topup-jump-row>#topup-content-links{flex-basis:158px;min-width:0}
 .topup-jump-row>#topup-content-links .content-page-link{min-height:42px;padding:0 10px;font-size:11px;letter-spacing:.1em}
 .topup-jump-row>.topup-jump{min-height:42px;padding:0 10px;font-size:11px;letter-spacing:.1em}
}
@media(prefers-reduced-motion:reduce){
 .topup-jump-row>.topup-jump,.topup-jump-row>#topup-content-links .content-page-link{transition:none;animation:none}
 .topup-jump-row>.topup-jump .topup-jump-dot,.topup-jump-row>#topup-content-links .content-page-link::before{animation:none}
}

/* v39: force identical dimensions and uppercase type for the two hero actions. */
.topup-jump-row>.topup-jump,
.topup-jump-row>#topup-content-links{
  box-sizing:border-box;display:flex;flex:1 1 0;min-width:0;max-width:172px;width:auto;align-items:stretch;justify-content:center
}
.topup-jump-row>.topup-jump,
.topup-jump-row>#topup-content-links .content-page-link{
  box-sizing:border-box;display:inline-flex;flex:1 1 auto;width:100%;min-width:0;min-height:44px;height:44px;align-items:center;justify-content:center;
  font-family:inherit;font-size:12px;font-weight:850;letter-spacing:.12em;line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap
}
@media(max-width:680px){
 .topup-jump-row>.topup-jump,.topup-jump-row>#topup-content-links{flex:1 1 0;max-width:172px}
 .topup-jump-row>.topup-jump,.topup-jump-row>#topup-content-links .content-page-link{height:42px;min-height:42px;font-size:11px;letter-spacing:.1em}
}

/* v40: the intro control is rendered as a details summary, not a page-link anchor. */
#app .topup-jump-row>.topup-jump,
#app .topup-jump-row>#topup-content-links{box-sizing:border-box;display:flex;flex:1 1 0;min-width:0;max-width:172px;width:auto;align-items:stretch;justify-content:center}
#app .topup-jump-row>.topup-jump,
#app .topup-jump-row>#topup-content-links .content-menu-dropdown>summary{
  box-sizing:border-box;display:flex;flex:1 1 auto;width:100%;min-width:0;min-height:44px;height:44px;align-items:center;justify-content:center;gap:9px;padding:0 12px;
  border:1px solid rgba(92,220,255,.78);border-radius:999px;
  background:linear-gradient(112deg,#078fc2 0%,#126fca 48%,#244bc2 100%);
  box-shadow:0 5px 18px rgba(0,142,220,.2),inset 0 1px rgba(255,255,255,.18);
  color:#f1fbff;font-family:inherit;font-size:12px!important;font-weight:850;letter-spacing:.12em!important;line-height:1;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap
}
#app .topup-jump-row>#topup-content-links .content-menu-dropdown{display:flex;flex:1 1 auto;width:100%;min-width:0}
#app .topup-jump-row>#topup-content-links .content-menu-dropdown>summary{list-style:none;cursor:pointer}
#app .topup-jump-row>#topup-content-links .content-menu-dropdown>summary::-webkit-details-marker{display:none}
#app .topup-jump-row>#topup-content-links .content-menu-info{display:none}
#app .topup-jump-row>.topup-jump:hover,
#app .topup-jump-row>#topup-content-links .content-menu-dropdown>summary:hover{transform:translateY(-2px);border-color:#a1efff;box-shadow:0 8px 23px rgba(0,165,245,.28),inset 0 1px rgba(255,255,255,.22);color:#fff}
#app .topup-jump-row>.topup-jump:active,
#app .topup-jump-row>#topup-content-links .content-menu-dropdown>summary:active{transform:translateY(0) scale(.98)}
#app .topup-jump-row>.topup-jump:focus-visible,
#app .topup-jump-row>#topup-content-links .content-menu-dropdown>summary:focus-visible{outline:2px solid #a1efff;outline-offset:3px}
@media(max-width:680px){
 #app .topup-jump-row>.topup-jump,#app .topup-jump-row>#topup-content-links{flex:1 1 0;max-width:172px}
 #app .topup-jump-row>.topup-jump,#app .topup-jump-row>#topup-content-links .content-menu-dropdown>summary{height:42px;min-height:42px;font-size:11px!important;letter-spacing:.1em!important}
}

/* v42: reserve the banner frame before JavaScript and keep its CTA anchored consistently. */
#app>.hero:not(.hero-video-enabled){padding:18px 0 0!important;min-height:0!important;overflow:visible!important}
#app>.hero:not(.hero-video-enabled) .hero-grid{
  box-sizing:border-box!important;width:min(calc(100% - 32px),1240px)!important;max-width:none!important;
  min-height:0!important;height:auto!important;aspect-ratio:16 / 9!important;padding:0!important;
}
#app>.hero+.hero-below-action{
  width:min(calc(100% - 32px),1240px)!important;
  margin:-70px auto 0!important;
  padding:0 16px 14px!important;
  box-sizing:border-box!important;
}
#app>.hero+.hero-below-action .shell{
  width:100%!important;max-width:none!important;padding:0!important;
  display:flex!important;justify-content:center!important;align-items:center!important;
}
#app>.hero+.hero-below-action .btn[href="#/cua-hang"]{
  box-sizing:border-box!important;width:auto!important;min-width:210px!important;max-width:100%!important;min-height:48px!important;
  padding:12px 20px!important;border-radius:14px!important;font-size:13px!important;
}
#app .topup-jump-row{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important}
#app .topup-jump-row>.topup-jump,
#app .topup-jump-row>#topup-content-links{
  box-sizing:border-box!important;flex:0 1 172px!important;width:172px!important;max-width:calc((100% - 12px)/2)!important;min-width:0!important;
}
#app .topup-jump-row>.topup-jump,
#app .topup-jump-row>#topup-content-links .content-menu-dropdown>summary{
  box-sizing:border-box!important;width:100%!important;height:44px!important;min-height:44px!important;padding:0 10px!important;
  font-size:12px!important;font-weight:850!important;letter-spacing:.1em!important;line-height:1!important;text-transform:uppercase!important;
}
#app .topup-jump-row>#topup-content-links .content-menu-dropdown{width:100%!important;min-width:0!important}
@media(max-width:680px){
  #app>.hero:not(.hero-video-enabled){padding:10px 0 0!important}
  #app>.hero:not(.hero-video-enabled) .hero-grid{width:calc(100% - 20px)!important;aspect-ratio:4 / 5!important}
  #app>.hero+.hero-below-action{width:calc(100% - 20px)!important;margin:-70px auto 0!important;padding:0 12px 12px!important}
  #app>.hero+.hero-below-action .btn[href="#/cua-hang"]{width:min(72%,220px)!important;min-width:0!important;min-height:44px!important;padding:10px 12px!important;font-size:11px!important}
  #app .topup-jump-row{gap:9px!important}
  #app .topup-jump-row>.topup-jump,#app .topup-jump-row>#topup-content-links{flex:0 1 172px!important;width:172px!important;max-width:calc((100% - 9px)/2)!important}
  #app .topup-jump-row>.topup-jump,#app .topup-jump-row>#topup-content-links .content-menu-dropdown>summary{height:42px!important;min-height:42px!important;font-size:11px!important;letter-spacing:.08em!important}
}