/*
Theme Name: Ví NGKSHOP Beauty
Theme URI: https://example.com
Author: Trung Kien
Description: NGKSHOP theme with Wallet, Topup, Rút tiền account pages, and NGK Chat realtime.
Version: 1.9.10-wide-account-admin-layout-hard-fix
Text Domain: gamehub-market
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
*/

:root{
  --bg:#f8fafc;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e5e7eb;
  --primary:#2563eb;
  --primary-dark:#1d4ed8;
  --primary-soft:#eff6ff;
  --success:#22c55e;
  --danger:#ef4444;
  --orange:#2563eb;
  --orange-dark:#1d4ed8;
  --dark:#334155;
  --shadow:0 18px 45px rgba(15,23,42,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
button,input,textarea,select{font-family:inherit}

/* GameHub auth fallback: kept in style.css so login/register layout still works if account-auth.css is cached. */
.gh-auth-page{width:100%;display:flex;justify-content:center;box-sizing:border-box}
.gh-auth-shell{width:100%;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,520px);gap:32px;align-items:center;justify-content:center;box-sizing:border-box}
.gh-auth-shell.single-form{grid-template-columns:minmax(0,520px)}
.gh-auth-shell.single-form .gh-auth-intro{display:none}
.gh-auth-intro{position:relative;overflow:hidden;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;border:1px solid #E6EDF5;border-radius:24px;background:linear-gradient(135deg,#FFFFFF 0%,#EFF6FF 56%,#CCFBF1 100%);box-shadow:0 24px 70px rgba(15,23,42,.07);box-sizing:border-box}
.gh-auth-badge{width:max-content;min-height:34px;display:inline-flex;align-items:center;margin-bottom:auto;padding:0 12px;border-radius:999px;background:#DBEAFE;color:#1D4ED8;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}
.gh-auth-intro h1{margin:0 0 12px;color:#0F172A;font-size:34px;line-height:1.08;letter-spacing:0}
.gh-auth-intro p{margin:0 0 18px;color:#64748B;line-height:1.65;font-weight:700}
.gh-auth-intro ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.gh-auth-intro li{color:#0F172A;font-weight:800}
.gh-auth-forms{width:100%;max-width:520px;justify-self:center}
.gh-auth-card{width:100%;max-width:520px;overflow:hidden;border:1px solid #E6EDF5;border-radius:24px;background:#FFFFFF;box-shadow:0 24px 70px rgba(15,23,42,.08);box-sizing:border-box}
.gh-auth-card[hidden]{display:none!important}
.gh-auth-head{padding:30px 32px 26px;background:linear-gradient(135deg,#2563EB 0%,#14B8A6 100%);color:#FFFFFF;border-radius:23px 23px 0 0}
.gh-auth-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;border-radius:14px;background:rgba(255,255,255,.18);color:#FFFFFF;font-size:13px;font-weight:900}
.gh-auth-head h2{margin:0 0 6px;color:#FFFFFF;font-size:28px;line-height:1.15;letter-spacing:0}
.gh-auth-head p{margin:0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.5}
.gh-auth-form{display:grid;gap:18px;padding:30px 32px 32px;margin:0;box-sizing:border-box}
.gh-auth-form .form-row{width:100%;float:none;margin:0;padding:0}
.gh-auth-form label{display:block;margin:0 0 8px;color:#0F172A;font-size:14px;font-weight:800}
.gh-auth-form input.input-text,.gh-auth-form input[type="text"],.gh-auth-form input[type="email"],.gh-auth-form input[type="password"]{width:100%;min-width:0;height:52px;min-height:52px;padding:0 16px;border:1px solid #DCE6F2;border-radius:14px;background:#F8FAFC;color:#0F172A;font-size:15px;font-weight:650;box-shadow:none;box-sizing:border-box}
.gh-auth-options{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#64748B;font-size:14px}
.gh-auth-link,.gh-auth-switch a{color:#2563EB;font-weight:850;text-decoration:none}
.gh-auth-submit,.woocommerce .gh-auth-submit.button{width:100%;height:52px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;background:linear-gradient(135deg,#2563EB,#14B8A6);color:#FFFFFF;font-weight:900;font-size:15px;box-shadow:0 14px 30px rgba(37,99,235,.22);cursor:pointer}
.gh-auth-switch,.gh-auth-note{margin:0;color:#64748B;text-align:center;line-height:1.55;font-weight:700}
@media (max-width:980px){.gh-auth-shell{max-width:560px;grid-template-columns:1fr;gap:18px}.gh-auth-intro{min-height:auto;padding:24px}.gh-auth-intro h1{font-size:26px}}
@media (max-width:560px){.gh-auth-shell,.gh-auth-forms,.gh-auth-card{max-width:100%}.gh-auth-intro,.gh-auth-card{border-radius:20px}.gh-auth-head,.gh-auth-form{padding:24px 20px}.gh-auth-options{align-items:flex-start;flex-direction:column}}

.container{width:min(1180px,92vw);margin:auto}

/* Header */
.topbar{
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:80
}
.nav{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:16px;
}
.logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  font-size:20px;
  white-space:nowrap
}
.logo span span{color:var(--primary)}
.logo-icon{
  width:38px;height:38px;border-radius:13px;
  background:linear-gradient(135deg,#2563eb,#60a5fa);
  color:#fff;display:grid;place-items:center;box-shadow:var(--shadow)
}

.main-menu{
  display:flex;align-items:center;gap:14px;
  font-weight:800;font-size:14px;white-space:nowrap
}
.main-menu a{
  color:#334155;padding:10px 8px;border-radius:10px
}
.main-menu a:hover{color:var(--primary);background:#f8fafc}

.search{
  width:min(290px,100%);
  margin-left:auto;
  display:flex;
  background:#f1f5f9;
  border:1px solid var(--line);
  border-radius:16px;
  padding:5px
}
.search input{
  flex:1;border:0;background:transparent;padding:0 12px;outline:none;font-size:14px
}
.search button,.btn-primary,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  border:0!important;background:var(--primary)!important;color:white!important;
  border-radius:12px!important;padding:10px 14px!important;font-weight:800!important;
  cursor:pointer!important
}
.search button:hover,.btn-primary:hover,.button:hover{background:var(--primary-dark)!important}

.header-tools{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap
}
.gh-login-button {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border:1px solid #CBD5E1;
  border-radius:12px;
  background:#FFFFFF;
  color:#0F172A;
  font-weight:700;
  text-decoration:none;
  transition:all .2s ease;
}
.gh-login-button:hover {
  background:#F1F5F9;
  border-color:#94A3B8;
  color:#2563EB;
}
.gh-login-icon {
  color:#2563EB;
  font-weight:900;
}
.header-icon{
  position:relative;
  width:38px;height:38px;border-radius:999px;
  display:grid;place-items:center;
  color:#334155;background:transparent;border:0;cursor:pointer
}
.header-icon svg{width:28px;height:28px;display:block}
.header-icon:hover{background:#f1f5f9}
.header-badge{
  position:absolute;top:-3px;right:-3px;
  min-width:20px;height:20px;padding:0 6px;
  border-radius:999px;background:#ff5b6e;color:#fff;
  font-size:12px;font-weight:900;display:grid;place-items:center;
  border:2px solid #fff
}
.wallet-pill{
  height:34px;display:flex;align-items:center;gap:7px;
  background:#27c768;color:#fff;border-radius:999px;
  padding:0 13px;font-weight:900;
  box-shadow:0 10px 20px rgba(34,197,94,.22)
}
.wallet-pill svg{width:18px;height:18px}
.user-dropdown-wrap{position:relative}
.user-circle{
  width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;
  color:#475569;background:#eef2f7;border:1px solid #dde5ef;cursor:pointer
}
.user-circle svg{width:34px;height:34px}
.user-menu{
  position:absolute;right:0;top:58px;
  width:320px;max-width:90vw;
  background:#fff;border:1px solid var(--line);border-radius:26px;
  box-shadow:0 30px 70px rgba(15,23,42,.16);
  overflow:hidden;display:none;z-index:200
}
.user-menu.open{display:block}
.user-menu-head{
  padding:22px 28px 16px
}
.user-menu-head h4{
  margin:0;font-size:20px;font-weight:900;color:#374151
}
.user-menu-head p{
  margin:4px 0 12px;color:#c1c6d0;font-size:14px;font-weight:700
}
.user-menu-balance{
  color:#22c55e;font-size:18px;font-weight:900
}
.user-menu-divider{height:1px;background:#e5e7eb;margin:0 20px}
.user-menu-links{padding:10px 20px}
.user-menu-links a{
  display:flex;align-items:center;gap:14px;
  padding:14px 10px;border-radius:14px;
  color:#374151;font-size:17px;font-weight:500
}
.user-menu-links a:hover{background:#f8fafc}
.user-menu-links svg{width:22px;height:22px;flex:none}
.user-menu-logout{
  display:flex;align-items:center;gap:10px;
  padding:16px 28px 20px;color:#ff5b5b;
  font-size:17px;font-weight:900
}
.user-menu-logout:hover{background:#fff5f5}

/* Common */
.btn-outline{
  border:1px solid var(--line);background:#fff;border-radius:12px;
  padding:11px 18px;font-weight:800;display:inline-block;text-align:center
}
.large{padding:14px 22px!important;font-size:15px}
.full{width:100%;display:block;text-align:center}

.hero{padding:30px 0 10px}
.hero-grid{
  display:grid;grid-template-columns:1.55fr .95fr;gap:24px
}
.hero-card{
  border-radius:30px;background:#fff;box-shadow:var(--shadow);
  padding:34px;border:1px solid var(--line)
}
.hero-card.big{
  background:
    radial-gradient(circle at top right,#e0f2fe,transparent 36%),
    linear-gradient(135deg,#ffffff,#f8fafc)
}
.eyebrow{
  text-transform:uppercase;letter-spacing:.1em;color:var(--primary);
  font-weight:900;font-size:12px
}
.hero h1{font-size:42px;line-height:1.1;margin:10px 0}
.hero p{color:var(--muted);font-size:17px}
.hero-actions{display:flex;gap:12px;margin-top:24px}

.section{padding:26px 0}
.section-head,.page-title{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:18px;gap:16px
}
.section-head h2,.page-title h1{margin:0}

.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.category-card{
  background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);
  border-radius:20px;padding:22px;text-align:center;font-weight:900
}
.category-card:hover{transform:translateY(-3px)}
.game-category-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  min-height:172px;
  transition:transform .2s ease, box-shadow .2s ease
}
.category-thumb{
  width:78px;
  height:78px;
  border-radius:22px;
  background:linear-gradient(135deg,#eff6ff,#f8fafc);
  border:1px solid var(--line);
  display:grid;
  place-items:center;
  overflow:hidden
}
.category-thumb img{
  width:100%;
  height:100%;
  object-fit:cover
}
.category-placeholder{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#dbeafe;
  color:#1d4ed8;
  font-size:26px;
  font-weight:900;
  text-transform:uppercase
}
.category-name{
  display:block;
  line-height:1.25
}
.category-count{
  color:var(--muted);
  font-size:12px;
  font-weight:800
}
.archive-category-block{
  margin-bottom:28px
}
.archive-category-grid{
  grid-template-columns:repeat(3,1fr)
}
.product-section-head{
  margin-top:10px
}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{
  background:#fff;border:1px solid var(--line);border-radius:24px;
  overflow:hidden;box-shadow:var(--shadow)
}
.product-image{
  height:165px;background:linear-gradient(135deg,#eff6ff,#f8fafc);
  display:grid;place-items:center;font-weight:900;color:#1e3a8a;overflow:hidden
}
.product-image img{width:100%;height:100%;object-fit:cover}
.product-body{padding:16px}
.product-title{font-weight:900;line-height:1.35;min-height:43px}
.meta{
  display:flex;justify-content:space-between;color:var(--muted);
  font-size:13px;margin:10px 0
}
.price{color:var(--primary);font-size:20px;font-weight:900}
.product-actions{display:flex;gap:8px;margin-top:14px}
.product-actions a{flex:1;text-align:center}

.notice-box,.panel,.checkout-card,.detail-card,.stat-card,.filter-panel{
  background:#fff;border:1px solid var(--line);border-radius:24px;
  box-shadow:var(--shadow);padding:24px
}
.notice-box{
  display:flex;align-items:center;justify-content:space-between;gap:18px
}

.footer{background:#0f172a;color:#fff;margin-top:40px;padding:40px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.footer a{display:block;color:#cbd5e1;margin:8px 0}
.page{padding:32px 0}
.layout{display:grid;grid-template-columns:260px 1fr;gap:22px}
.filter-panel{
  display:grid;
  gap:14px;
  align-self:start;
  position:sticky;
  top:96px
}
.filter-panel label{display:block;font-weight:800;margin:16px 0 8px}
.gamehub-filter-box{
  display:grid;
  gap:12px;
  padding-bottom:14px;
  border-bottom:1px solid #E6EDF5
}
.gamehub-filter-box:last-child{
  padding-bottom:0;
  border-bottom:0
}
.gamehub-filter-box h3{
  margin:0;
  color:#0F172A;
  font-size:18px;
  font-weight:900
}
.gamehub-filter-box p{
  margin:0;
  color:#64748B;
  font-size:14px;
  line-height:1.55
}
.gamehub-filter-links{
  display:grid;
  gap:8px
}
.gamehub-filter-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:42px;
  padding:0 12px;
  border:1px solid #E6EDF5;
  border-radius:13px;
  background:#FFFFFF;
  color:#0F172A;
  font-weight:850;
  text-decoration:none
}
.gamehub-filter-links a:hover{
  background:#F1F5F9;
  border-color:#BFDBFE;
  color:#2563EB
}
.gamehub-filter-list,
.gamehub-filter-steps{
  margin:0;
  padding-left:18px;
  color:#64748B;
  font-size:14px;
  line-height:1.65
}
.gamehub-filter-list li,
.gamehub-filter-steps li{
  margin:5px 0
}
select,input,textarea{
  width:100%;padding:13px;border-radius:12px;border:1px solid var(--line);outline:none
}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:14px}
th{color:var(--muted)}
.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}
.success{background:#dcfce7;color:#166534}
.pending{background:#fef3c7;color:#92400e}
.danger{background:#fee2e2;color:#991b1b}

/* Compact Top-up leaderboard */
.topup-board{
  padding:0!important;overflow:hidden
}
.topup-head{
  background:linear-gradient(180deg,#2563eb,#1d4ed8);
  color:#fff;padding:16px 18px;font-size:15px;font-weight:900;
  display:flex;align-items:center;justify-content:center;gap:8px
}
.topup-head svg{width:18px;height:18px}
.topup-body{padding:14px}
.topup-list{display:grid;gap:10px}
.topup-item{
  display:grid;grid-template-columns:34px 1fr auto;
  align-items:center;gap:10px;padding:12px 12px;
  border-radius:16px;background:#f8fafc;border:1px solid #edf1f7
}
.topup-item.rank-1{background:#fff5d8}
.topup-item.rank-2{background:#f3f4f6}
.topup-item.rank-3{background:#f8efe7}
.topup-rank{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;font-weight:900;background:#edf2f7;color:#59708d
}
.topup-rank.medal{
  font-size:18px;background:transparent
}
.topup-name{
  font-weight:900;font-size:14px;color:#24364d
}
.topup-amount{
  font-weight:900;font-size:13px;color:#2563eb;white-space:nowrap
}
.topup-btn-wrap{padding:10px 14px 16px}
.topup-btn{
  display:block;width:100%;
  text-align:center;
  background:#2563eb;color:#fff;border-radius:10px;
  padding:12px 16px;font-weight:900
}
.topup-btn:hover{background:#1d4ed8}

/* WooCommerce */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px!important}
.woocommerce ul.products li.product{
  width:auto!important;margin:0!important;background:#fff;border:1px solid var(--line);
  border-radius:24px;box-shadow:var(--shadow);padding:16px!important;overflow:hidden
}
.woocommerce ul.products li.product a img{border-radius:18px;background:#f1f5f9}
.woocommerce div.product{
  background:#fff;border:1px solid var(--line);border-radius:24px;
  box-shadow:var(--shadow);padding:24px
}
.woocommerce-cart-form,.woocommerce-checkout-review-order,.woocommerce form.checkout,.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation{
  background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:24px
}
.woocommerce .quantity .qty{width:90px}

.woocommerce ul.products li.product .button,
.gamehub-add-cart-link,
.gamehub-buy-now-link,
.gamehub-stock-button{
  min-height:46px;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:900!important;
  line-height:1.2!important;
}
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_simple,
.gamehub-add-cart-link{
  background:#FFFFFF!important;
  color:#0F172A!important;
  border:1px solid #CBD5E1!important;
  box-shadow:none!important;
}
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce ul.products li.product .product_type_simple:hover,
.gamehub-add-cart-link:hover{
  background:#F8FAFC!important;
  border-color:#94A3B8!important;
  color:#2563EB!important;
}
.woocommerce ul.products li.product .gamehub-buy-now-button,
.gamehub-buy-now-link,
.single_add_to_cart_button,
.woocommerce div.product form.cart .gamehub-buy-now-button{
  background:#2563EB!important;
  color:#FFFFFF!important;
  border:1px solid #2563EB!important;
  box-shadow:0 12px 24px rgba(37,99,235,.16)!important;
}
.woocommerce ul.products li.product .gamehub-buy-now-button:hover,
.gamehub-buy-now-link:hover,
.single_add_to_cart_button:hover,
.woocommerce div.product form.cart .gamehub-buy-now-button:hover{
  background:#1D4ED8!important;
  border-color:#1D4ED8!important;
}
.woocommerce ul.products li.product{
  display:flex;
  flex-direction:column;
}
.woocommerce ul.products li.product .button{
  width:100%;
  margin-top:10px!important;
}
.woocommerce div.product form.cart{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.woocommerce div.product form.cart .quantity{
  margin:0!important;
}
.woocommerce div.product form.cart .button{
  min-height:48px;
  padding:0 18px!important;
}
.gamehub-stock-button.disabled{
  width:100%;
  min-height:46px;
  background:#F1F5F9;
  border:1px solid #CBD5E1;
  color:#64748B;
  cursor:not-allowed;
}

.woocommerce-cart .page{
  background:#F5F7FB;
}
.woocommerce-cart .panel{
  border:0;
  box-shadow:none;
  background:transparent;
  padding:0;
}
.woocommerce-cart .panel > h1{
  margin:0 0 20px;
  color:#0F172A;
  font-size:32px;
  letter-spacing:-.02em;
}
.woocommerce-cart .woocommerce{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:24px;
  align-items:start;
}
.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce-cart-form{
  grid-column:1;
}
.woocommerce-cart .cart-collaterals{
  grid-column:2;
  grid-row:1 / span 3;
}
.woocommerce-cart-form,
.woocommerce-cart .cart_totals{
  background:#FFFFFF!important;
  border:1px solid #E6EDF5!important;
  border-radius:24px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.06)!important;
  padding:24px!important;
}
.woocommerce-cart table.shop_table{
  border:0!important;
  border-collapse:separate;
  border-spacing:0 12px;
}
.woocommerce-cart table.shop_table th{
  color:#64748B;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  border:0!important;
}
.woocommerce-cart table.shop_table td{
  background:#F8FAFC;
  border-top:1px solid #E6EDF5!important;
  border-bottom:1px solid #E6EDF5!important;
  color:#0F172A;
  vertical-align:middle;
}
.woocommerce-cart table.shop_table td:first-child{
  border-left:1px solid #E6EDF5!important;
  border-radius:16px 0 0 16px;
}
.woocommerce-cart table.shop_table td:last-child{
  border-right:1px solid #E6EDF5!important;
  border-radius:0 16px 16px 0;
}
.woocommerce-cart table.cart img{
  width:72px;
  border-radius:14px;
  background:#EFF6FF;
}
.woocommerce-cart .product-name a{
  color:#0F172A;
  font-weight:900;
}
.woocommerce-cart .product-remove a{
  width:34px;
  height:34px;
  display:grid!important;
  place-items:center;
  border-radius:999px;
  background:#FEF2F2;
  color:#EF4444!important;
  font-weight:900;
}
.woocommerce-cart .cart_totals h2{
  margin:0 0 16px;
  color:#0F172A;
}
.woocommerce-cart .cart_totals table{
  border:0!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  width:100%;
  min-height:52px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  background:#2563EB!important;
  border-radius:14px!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background:#1D4ED8!important;
}
.woocommerce-cart .cart-collaterals::after{
  content:"Giao hàng nhanh\\A Hỗ trợ qua chat\\A Bảo hành theo mô tả";
  white-space:pre-line;
  display:block;
  margin-top:16px;
  background:#FFFFFF;
  border:1px solid #E6EDF5;
  border-radius:20px;
  padding:18px;
  color:#64748B;
  font-weight:800;
  line-height:1.8;
  box-shadow:0 12px 28px rgba(15,23,42,.045);
}

.topup-btn{
  background:#2563eb;
  box-shadow:0 12px 24px rgba(37,99,235,.16);
}

.topup-btn:hover{
  background:#1d4ed8;
}





.footer{
  background:#0f172a;
}




/* ===== GameHub WooCommerce Giỏ hàng Polish v1.7.11 ===== */
.woocommerce-cart{
  background:#F5F7FB;
}

.woocommerce-cart .page{
  width:min(1200px,92vw)!important;
  max-width:1200px!important;
  margin:32px auto 56px!important;
  background:#F5F7FB!important;
}

.woocommerce-cart .panel{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.woocommerce-cart .panel > h1{
  margin:0 0 22px!important;
  color:#0F172A!important;
  font-size:34px!important;
  line-height:1.12!important;
  letter-spacing:0!important;
}

.woocommerce-cart .woocommerce{
  width:100%!important;
  max-width:1200px!important;
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(320px,380px)!important;
  gap:28px!important;
  align-items:start!important;
}

.woocommerce-cart .woocommerce-notices-wrapper{
  grid-column:1 / -1!important;
}

.woocommerce-cart .woocommerce-cart-form{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  float:none!important;
  margin:0!important;
}

.woocommerce-cart .cart-collaterals{
  grid-column:2!important;
  grid-row:2!important;
  width:100%!important;
  min-width:320px!important;
  float:none!important;
  margin:0!important;
}

.woocommerce-cart-form,
.woocommerce-cart .cart_totals{
  width:100%!important;
  float:none!important;
  clear:none!important;
  margin:0!important;
  padding:24px!important;
  border:1px solid #E6EDF5!important;
  border-radius:24px!important;
  background:#FFFFFF!important;
  box-shadow:0 20px 55px rgba(15,23,42,.06)!important;
  box-sizing:border-box!important;
}

.woocommerce-cart table.shop_table{
  width:100%!important;
  table-layout:fixed!important;
  border:0!important;
  border-collapse:separate!important;
  border-spacing:0 12px!important;
  margin:0!important;
}

.woocommerce-cart table.shop_table th{
  padding:0 16px 8px!important;
  border:0!important;
  color:#64748B!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.woocommerce-cart table.shop_table th.product-remove{
  width:54px!important;
}

.woocommerce-cart table.shop_table th.product-thumbnail{
  width:96px!important;
}

.woocommerce-cart table.shop_table th.product-name{
  width:auto!important;
}

.woocommerce-cart table.shop_table th.product-price{
  width:130px!important;
  text-align:center!important;
}

.woocommerce-cart table.shop_table th.product-quantity{
  width:120px!important;
  text-align:center!important;
}

.woocommerce-cart table.shop_table th.product-subtotal{
  width:140px!important;
  text-align:right!important;
}

.woocommerce-cart table.shop_table td{
  padding:16px!important;
  border-top:1px solid #E6EDF5!important;
  border-bottom:1px solid #E6EDF5!important;
  background:#F8FAFC!important;
  color:#0F172A!important;
  vertical-align:middle!important;
  line-height:1.5!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}

.woocommerce-cart table.shop_table tr.cart_item td:first-child{
  border-left:1px solid #E6EDF5!important;
  border-radius:18px 0 0 18px!important;
}

.woocommerce-cart table.shop_table tr.cart_item td:last-child{
  border-right:1px solid #E6EDF5!important;
  border-radius:0 18px 18px 0!important;
}

.woocommerce-cart table.cart img{
  width:80px!important;
  height:80px!important;
  object-fit:cover!important;
  border-radius:16px!important;
  background:#EFF6FF!important;
  border:1px solid #E6EDF5!important;
}

.woocommerce-cart .product-name{
  min-width:0!important;
}

.woocommerce-cart .product-name a{
  display:inline-block!important;
  color:#0F172A!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.35!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}

.woocommerce-cart .variation,
.woocommerce-cart .wc-item-meta{
  display:grid!important;
  gap:4px!important;
  margin:8px 0 0!important;
  color:#64748B!important;
  font-size:13px!important;
  line-height:1.55!important;
}

.woocommerce-cart .variation dt,
.woocommerce-cart .variation dd,
.woocommerce-cart .wc-item-meta li{
  margin:0!important;
  color:#64748B!important;
  line-height:1.55!important;
}

.woocommerce-cart .product-price,
.woocommerce-cart .product-quantity{
  text-align:center!important;
}

.woocommerce-cart .product-subtotal{
  text-align:right!important;
  font-weight:900!important;
}

.woocommerce-cart .product-price .amount,
.woocommerce-cart .product-subtotal .amount{
  color:#0F172A!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.woocommerce-cart .quantity{
  display:inline-flex!important;
  justify-content:center!important;
}

.woocommerce-cart .quantity .qty{
  width:76px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 10px!important;
  border:1px solid #CBD5E1!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
  color:#0F172A!important;
  font-weight:900!important;
  text-align:center!important;
}

.woocommerce-cart .product-remove a.remove{
  width:36px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#FEF2F2!important;
  color:#EF4444!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
}

.woocommerce-cart .product-remove a.remove:hover{
  background:#FEE2E2!important;
  color:#B91C1C!important;
}

.woocommerce-cart table.cart td.actions{
  padding:18px 0 0!important;
  border:0!important;
  background:#FFFFFF!important;
}

.woocommerce-cart table.cart td.actions .coupon{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  float:none!important;
  width:100%!important;
  max-width:520px!important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text{
  width:100%!important;
  max-width:300px!important;
  height:44px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #DCE6F2!important;
  border-radius:12px!important;
  background:#F8FAFC!important;
  color:#0F172A!important;
  font-weight:700!important;
}

.woocommerce-cart table.cart td.actions .coupon .button,
.woocommerce-cart table.cart td.actions > .button{
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:12px!important;
  background:#2563EB!important;
  color:#FFFFFF!important;
  font-weight:900!important;
  opacity:1!important;
  white-space:nowrap!important;
}

.woocommerce-cart table.cart td.actions > .button{
  float:right!important;
  background:#EAF1FF!important;
  color:#1D4ED8!important;
  border:1px solid #BFDBFE!important;
}

.woocommerce-cart table.cart td.actions > .button:hover,
.woocommerce-cart table.cart td.actions .coupon .button:hover{
  background:#1D4ED8!important;
  color:#FFFFFF!important;
}

.woocommerce-cart .cart_totals h2{
  margin:0 0 18px!important;
  color:#0F172A!important;
  font-size:22px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  white-space:normal!important;
}

.woocommerce-cart .cart_totals table{
  width:100%!important;
  border:0!important;
  border-collapse:collapse!important;
  margin:0 0 18px!important;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid #E6EDF5!important;
  background:transparent!important;
  color:#64748B!important;
  font-size:15px!important;
  line-height:1.45!important;
}

.woocommerce-cart .cart_totals table th{
  width:45%!important;
  font-weight:800!important;
  text-align:left!important;
}

.woocommerce-cart .cart_totals table td{
  color:#0F172A!important;
  font-weight:900!important;
  text-align:right!important;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td{
  border-bottom:0!important;
  color:#0F172A!important;
  font-size:18px!important;
  font-weight:900!important;
}

.woocommerce-cart .wc-proceed-to-checkout{
  padding:0!important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:14px!important;
  background:#2563EB!important;
  color:#FFFFFF!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  word-break:normal!important;
  box-shadow:0 16px 34px rgba(37,99,235,.22)!important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background:#1D4ED8!important;
  color:#FFFFFF!important;
}

.woocommerce-cart .cart-collaterals::after{
  content:"\2713  Giao h\00E0ng nhanh\A\2713  H\1ED7 tr\1EE3 qua chat\A\2713  B\1EA3o h\00E0nh theo m\00F4 t\1EA3"!important;
  white-space:pre-line!important;
  display:block!important;
  margin-top:18px!important;
  padding:18px!important;
  border:1px solid #E6EDF5!important;
  border-radius:20px!important;
  background:#F8FAFC!important;
  color:#0F172A!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.9!important;
  box-shadow:0 14px 34px rgba(15,23,42,.045)!important;
}

@media (max-width: 900px){
  .woocommerce-cart .page{
    width:min(100% - 20px,720px)!important;
    margin:18px auto 42px!important;
  }

  .woocommerce-cart .woocommerce{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .woocommerce-cart .woocommerce-cart-form,
  .woocommerce-cart .cart-collaterals,
  .woocommerce-cart .woocommerce-notices-wrapper{
    grid-column:1!important;
    grid-row:auto!important;
    min-width:0!important;
  }
}

@media (max-width: 768px){
  .woocommerce-cart-form,
  .woocommerce-cart .cart_totals{
    padding:18px!important;
    border-radius:22px!important;
  }

  .woocommerce-cart table.shop_table{
    display:block!important;
    border-spacing:0!important;
  }

  .woocommerce-cart table.shop_table thead{
    display:none!important;
  }

  .woocommerce-cart table.shop_table tbody,
  .woocommerce-cart table.shop_table tr,
  .woocommerce-cart table.shop_table td{
    display:block!important;
    width:100%!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item{
    position:relative!important;
    display:grid!important;
    grid-template-columns:86px minmax(0,1fr)!important;
    gap:12px!important;
    margin:0 0 14px!important;
    padding:14px!important;
    border:1px solid #E6EDF5!important;
    border-radius:18px!important;
    background:#F8FAFC!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item td{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item .product-remove{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:auto!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item .product-thumbnail{
    grid-column:1!important;
    grid-row:1 / span 4!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item .product-name,
  .woocommerce-cart table.shop_table tr.cart_item .product-price,
  .woocommerce-cart table.shop_table tr.cart_item .product-quantity,
  .woocommerce-cart table.shop_table tr.cart_item .product-subtotal{
    grid-column:2!important;
    padding-right:42px!important;
    text-align:left!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item .product-price:before,
  .woocommerce-cart table.shop_table tr.cart_item .product-quantity:before,
  .woocommerce-cart table.shop_table tr.cart_item .product-subtotal:before{
    display:block!important;
    float:none!important;
    margin:10px 0 4px!important;
    color:#64748B!important;
    font-size:12px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
  }

  .woocommerce-cart table.cart img{
    width:76px!important;
    height:76px!important;
  }

  .woocommerce-cart table.cart td.actions{
    display:grid!important;
    gap:12px!important;
    padding-top:10px!important;
  }

  .woocommerce-cart table.cart td.actions .coupon{
    max-width:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text,
  .woocommerce-cart table.cart td.actions .coupon .button,
  .woocommerce-cart table.cart td.actions > .button{
    width:100%!important;
    max-width:none!important;
    float:none!important;
  }
}

/* ===== GameHub Giỏ hàng Item Meta Rows v1.7.12 ===== */
.woocommerce-cart .product-name dl.variation,
.woocommerce-cart .product-name .variation,
.woocommerce-cart .product-name .wc-item-meta{
  width:100%!important;
  max-width:420px!important;
  display:grid!important;
  grid-template-columns:minmax(130px,max-content) minmax(0,1fr)!important;
  gap:6px 0!important;
  margin:10px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#64748B!important;
  font-size:13px!important;
  line-height:1.45!important;
}

.woocommerce-cart .product-name dl.variation dt,
.woocommerce-cart .product-name .variation dt,
.woocommerce-cart .product-name .wc-item-meta strong,
.woocommerce-cart .product-name .wc-item-meta .wc-item-meta-label{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  padding:9px 6px 9px 12px!important;
  border:1px solid #E6EDF5!important;
  border-right:0!important;
  border-radius:14px 0 0 14px!important;
  background:#F8FAFC!important;
  color:#64748B!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.35!important;
  white-space:normal!important;
  word-break:normal!important;
}

.woocommerce-cart .product-name dl.variation dd,
.woocommerce-cart .product-name .variation dd{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin:0!important;
  padding:9px 12px 9px 6px!important;
  border:1px solid #E6EDF5!important;
  border-left:0!important;
  border-radius:0 14px 14px 0!important;
  background:#F8FAFC!important;
  color:#0F172A!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.35!important;
  text-align:right!important;
  overflow-wrap:anywhere!important;
}

.woocommerce-cart .product-name dl.variation dd p,
.woocommerce-cart .product-name .variation dd p{
  margin:0!important;
  color:#0F172A!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.35!important;
  text-align:right!important;
}

.woocommerce-cart .product-name .wc-item-meta{
  grid-template-columns:1fr!important;
}

.woocommerce-cart .product-name .wc-item-meta li{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid #E6EDF5!important;
  border-radius:14px!important;
  background:#F8FAFC!important;
  color:#0F172A!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.35!important;
}

.woocommerce-cart .product-name .wc-item-meta li p{
  margin:0!important;
  color:#0F172A!important;
  font-size:13px!important;
  font-weight:800!important;
  text-align:right!important;
}

@media (max-width: 640px){
  .woocommerce-cart .product-name dl.variation,
  .woocommerce-cart .product-name .variation{
    max-width:100%!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  .woocommerce-cart .product-name dl.variation dt,
  .woocommerce-cart .product-name .variation dt{
    padding:9px 12px 3px!important;
    border-right:1px solid #E6EDF5!important;
    border-bottom:0!important;
    border-radius:14px 14px 0 0!important;
  }

  .woocommerce-cart .product-name dl.variation dd,
  .woocommerce-cart .product-name .variation dd{
    justify-content:flex-start!important;
    padding:3px 12px 9px!important;
    border-left:1px solid #E6EDF5!important;
    border-top:0!important;
    border-radius:0 0 14px 14px!important;
    text-align:left!important;
  }

  .woocommerce-cart .product-name dl.variation dd p,
  .woocommerce-cart .product-name .variation dd p,
  .woocommerce-cart .product-name .wc-item-meta li p{
    text-align:left!important;
  }

  .woocommerce-cart .product-name .wc-item-meta li{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:4px!important;
  }
}

/* Keep cart meta readable in the narrow mobile product column. */
@media (max-width: 768px){
  .woocommerce-cart table.shop_table tr.cart_item .product-name{
    padding-right:0!important;
  }

  .woocommerce-cart .product-name dl.variation,
  .woocommerce-cart .product-name .variation{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  .woocommerce-cart .product-name dl.variation dt,
  .woocommerce-cart .product-name .variation dt,
  .woocommerce-cart .product-name dl.variation dd,
  .woocommerce-cart .product-name .variation dd{
    width:100%!important;
    min-width:0!important;
    display:block!important;
    margin:0!important;
    border:1px solid #E6EDF5!important;
    background:#F8FAFC!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .woocommerce-cart .product-name dl.variation dt,
  .woocommerce-cart .product-name .variation dt{
    padding:9px 12px 2px!important;
    border-bottom:0!important;
    border-radius:14px 14px 0 0!important;
  }

  .woocommerce-cart .product-name dl.variation dd,
  .woocommerce-cart .product-name .variation dd{
    padding:2px 12px 9px!important;
    border-top:0!important;
    border-radius:0 0 14px 14px!important;
  }

  .woocommerce-cart .product-name dl.variation dd p,
  .woocommerce-cart .product-name .variation dd p{
    width:100%!important;
    margin:0!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
}

/* Mobile cart meta should stay as two readable columns, not vertical letters. */
@media (max-width: 768px){
  .woocommerce-cart table.shop_table tr.cart_item .product-name{
    grid-column:1 / -1!important;
    padding-right:0!important;
  }

  .woocommerce-cart .product-name dl.variation,
  .woocommerce-cart .product-name .variation{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(132px,44%) minmax(0,1fr)!important;
    gap:6px 0!important;
    margin-top:10px!important;
  }

  .woocommerce-cart .product-name dl.variation dt,
  .woocommerce-cart .product-name .variation dt{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    padding:9px 6px 9px 12px!important;
    border:1px solid #E6EDF5!important;
    border-right:0!important;
    border-radius:14px 0 0 14px!important;
    background:#F8FAFC!important;
    color:#64748B!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.35!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .woocommerce-cart .product-name dl.variation dd,
  .woocommerce-cart .product-name .variation dd{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:0!important;
    padding:9px 12px 9px 6px!important;
    border:1px solid #E6EDF5!important;
    border-left:0!important;
    border-radius:0 14px 14px 0!important;
    background:#F8FAFC!important;
    color:#0F172A!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.35!important;
    text-align:right!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .woocommerce-cart .product-name dl.variation dd p,
  .woocommerce-cart .product-name .variation dd p{
    width:100%!important;
    margin:0!important;
    color:#0F172A!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.35!important;
    text-align:right!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
}

/* Force horizontal cart meta rows on narrow screens. */
@media (max-width: 768px){
  .woocommerce-cart table.shop_table tr.cart_item{
    grid-template-columns:1fr!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item .product-thumbnail,
  .woocommerce-cart table.shop_table tr.cart_item .product-name,
  .woocommerce-cart table.shop_table tr.cart_item .product-price,
  .woocommerce-cart table.shop_table tr.cart_item .product-quantity,
  .woocommerce-cart table.shop_table tr.cart_item .product-subtotal{
    grid-column:1 / -1!important;
    padding-right:0!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item .product-thumbnail{
    grid-row:auto!important;
  }

  .woocommerce-cart .product-name dl.variation,
  .woocommerce-cart .product-name .variation{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px 0!important;
  }

  .woocommerce-cart .product-name dl.variation dt,
  .woocommerce-cart .product-name .variation dt,
  .woocommerce-cart .product-name dl.variation dd,
  .woocommerce-cart .product-name .variation dd{
    min-width:0!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    background:#F8FAFC!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .woocommerce-cart .product-name dl.variation dt,
  .woocommerce-cart .product-name .variation dt{
    justify-content:flex-start!important;
    padding:9px 8px 9px 12px!important;
    border:1px solid #E6EDF5!important;
    border-right:0!important;
    border-radius:14px 0 0 14px!important;
    color:#64748B!important;
    font-size:12px!important;
    font-weight:700!important;
  }

  .woocommerce-cart .product-name dl.variation dd,
  .woocommerce-cart .product-name .variation dd{
    justify-content:flex-end!important;
    padding:9px 12px 9px 8px!important;
    border:1px solid #E6EDF5!important;
    border-left:0!important;
    border-radius:0 14px 14px 0!important;
    color:#0F172A!important;
    font-size:12px!important;
    font-weight:800!important;
    text-align:right!important;
  }

  .woocommerce-cart .product-name dl.variation dd p,
  .woocommerce-cart .product-name .variation dd p{
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    color:#0F172A!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.35!important;
    text-align:right!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}

/* ===== GameHub Giỏ hàng Meta Readable Final v1.7.16 ===== */
.woocommerce-cart table.shop_table{
  table-layout:auto!important;
}

.woocommerce-cart table.shop_table th.product-thumbnail{
  width:92px!important;
}

.woocommerce-cart table.shop_table th.product-name{
  width:50%!important;
}

.woocommerce-cart table.shop_table th.product-price{
  width:120px!important;
}

.woocommerce-cart table.shop_table th.product-quantity{
  width:110px!important;
}

.woocommerce-cart table.shop_table th.product-subtotal{
  width:130px!important;
}

.woocommerce-cart .product-name{
  min-width:260px!important;
  max-width:none!important;
}

.woocommerce-cart .product-name dl.variation,
.woocommerce-cart .product-name .variation,
.woocommerce-cart .product-name .wc-item-meta{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:block!important;
  margin:10px 0 0!important;
  padding:10px 12px!important;
  border:1px solid #E6EDF5!important;
  border-radius:14px!important;
  background:#F8FAFC!important;
  color:#64748B!important;
  font-size:13px!important;
  line-height:1.65!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

.woocommerce-cart .product-name dl.variation dt,
.woocommerce-cart .product-name .variation dt{
  display:inline!important;
  float:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#64748B!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.65!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

.woocommerce-cart .product-name dl.variation dt:after,
.woocommerce-cart .product-name .variation dt:after{
  content:": ";
}

.woocommerce-cart .product-name dl.variation dd,
.woocommerce-cart .product-name .variation dd{
  display:inline!important;
  float:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#0F172A!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.65!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

.woocommerce-cart .product-name dl.variation dd:after,
.woocommerce-cart .product-name .variation dd:after{
  content:"";
  display:block!important;
  height:3px!important;
}

.woocommerce-cart .product-name dl.variation dd p,
.woocommerce-cart .product-name .variation dd p{
  display:inline!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#0F172A!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.65!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

.woocommerce-cart .product-name .wc-item-meta li{
  display:block!important;
  margin:0 0 5px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#0F172A!important;
  font-size:13px!important;
  line-height:1.65!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

.woocommerce-cart .product-name .wc-item-meta strong,
.woocommerce-cart .product-name .wc-item-meta .wc-item-meta-label{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#64748B!important;
  font-size:13px!important;
  font-weight:700!important;
  white-space:normal!important;
}

.woocommerce-cart .product-name .wc-item-meta p{
  display:inline!important;
  margin:0!important;
  color:#0F172A!important;
  font-size:13px!important;
  font-weight:800!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

@media (max-width: 768px){
  .woocommerce-cart table.shop_table tr.cart_item{
    grid-template-columns:1fr!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item .product-thumbnail,
  .woocommerce-cart table.shop_table tr.cart_item .product-name,
  .woocommerce-cart table.shop_table tr.cart_item .product-price,
  .woocommerce-cart table.shop_table tr.cart_item .product-quantity,
  .woocommerce-cart table.shop_table tr.cart_item .product-subtotal{
    grid-column:1 / -1!important;
    padding-right:0!important;
  }

  .woocommerce-cart .product-name{
    min-width:0!important;
    width:100%!important;
  }

  .woocommerce-cart .product-name dl.variation,
  .woocommerce-cart .product-name .variation,
  .woocommerce-cart .product-name .wc-item-meta{
    width:100%!important;
    max-width:100%!important;
  }
}

/* ===== Digital Store Giỏ hàng + Thanh toán v1.7.17 ===== */
.woocommerce-cart table.shop_table th.product-thumbnail,
.woocommerce-cart table.shop_table td.product-thumbnail{
  display:none!important;
  width:0!important;
  padding:0!important;
}

.woocommerce-cart table.shop_table th.product-name{
  width:55%!important;
}

.woocommerce-cart .product-name{
  min-width:320px!important;
}

.woocommerce-cart table.cart td.actions > .button,
.woocommerce-cart table.cart td.actions button[name="update_cart"],
.woocommerce-cart table.cart td.actions input[name="update_cart"]{
  display:none!important;
}

.woocommerce-cart table.cart td.actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
}

.woocommerce-cart table.cart td.actions .coupon{
  width:100%!important;
  max-width:560px!important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  white-space:nowrap!important;
}

.woocommerce-cart .cart-collaterals::after{
  content:"\2713  Giao h\00E0ng nhanh\A\2713  H\1ED7 tr\1EE3 qua chat\A\2713  B\1EA3o h\00E0nh theo m\00F4 t\1EA3"!important;
}

.woocommerce-checkout{
  background:#F5F7FB;
}

.woocommerce-checkout .page{
  width:min(1200px,92vw)!important;
  max-width:1200px!important;
  margin:32px auto 56px!important;
  background:#F5F7FB!important;
}

.woocommerce-checkout .panel{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.woocommerce-checkout .panel > h1{
  margin:0 0 22px!important;
  color:#0F172A!important;
  font-size:34px!important;
  line-height:1.12!important;
  letter-spacing:0!important;
}

.woocommerce form.checkout{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;
  gap:28px!important;
  align-items:start!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review{
  width:100%!important;
  float:none!important;
  margin:0!important;
}

.woocommerce-checkout #customer_details{
  grid-column:1!important;
  display:block!important;
  padding:24px!important;
  border:1px solid #E6EDF5!important;
  border-radius:24px!important;
  background:#FFFFFF!important;
  box-shadow:0 20px 55px rgba(15,23,42,.06)!important;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review{
  grid-column:2!important;
}

.woocommerce-checkout #order_review_heading{
  padding:24px 24px 0!important;
  border:1px solid #E6EDF5!important;
  border-bottom:0!important;
  border-radius:24px 24px 0 0!important;
  background:#FFFFFF!important;
  color:#0F172A!important;
  font-size:22px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}

.woocommerce-checkout #order_review{
  padding:18px 24px 24px!important;
  border:1px solid #E6EDF5!important;
  border-top:0!important;
  border-radius:0 0 24px 24px!important;
  background:#FFFFFF!important;
  box-shadow:0 20px 55px rgba(15,23,42,.06)!important;
}

.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3{
  margin:0 0 18px!important;
  color:#0F172A!important;
  font-size:22px!important;
  letter-spacing:0!important;
}

.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .shipping_address,
.woocommerce-checkout #ship-to-different-address,
.woocommerce-checkout .woocommerce-shipping-totals,
.woocommerce-checkout tr.shipping{
  display:none!important;
}

.woocommerce-checkout .form-row{
  margin:0 0 16px!important;
}

.woocommerce-checkout .form-row label{
  color:#0F172A!important;
  font-size:14px!important;
  font-weight:800!important;
}

.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea{
  min-height:50px!important;
  border:1px solid #DCE6F2!important;
  border-radius:14px!important;
  background:#F8FAFC!important;
  color:#0F172A!important;
  font-size:15px!important;
  font-weight:650!important;
}

.woocommerce-checkout textarea{
  min-height:108px!important;
  padding:14px!important;
}

.woocommerce-checkout #place_order{
  width:100%!important;
  min-height:52px!important;
  border:0!important;
  border-radius:14px!important;
  background:#2563EB!important;
  color:#FFFFFF!important;
  font-size:15px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.woocommerce-checkout #place_order:hover{
  background:#1D4ED8!important;
}

@media (max-width: 900px){
  .woocommerce form.checkout{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review{
    grid-column:1!important;
  }
}

@media (max-width: 768px){
  .woocommerce-cart .product-name{
    min-width:0!important;
  }

  .woocommerce-cart table.cart td.actions{
    display:grid!important;
  }
}

/* ===== Giỏ hàng + Thanh toán Số dư v1.7.18 ===== */
.woocommerce-cart table.shop_table{
  table-layout:fixed!important;
}

.woocommerce-cart table.shop_table th.product-remove{
  width:48px!important;
}

.woocommerce-cart table.shop_table th.product-thumbnail,
.woocommerce-cart table.shop_table td.product-thumbnail{
  display:table-cell!important;
  width:94px!important;
  padding:16px 8px 16px 16px!important;
}

.woocommerce-cart table.shop_table th.product-name{
  width:42%!important;
}

.woocommerce-cart table.shop_table th.product-price{
  width:14%!important;
}

.woocommerce-cart table.shop_table th.product-quantity{
  width:15%!important;
}

.woocommerce-cart table.shop_table th.product-subtotal{
  width:16%!important;
}

.woocommerce-cart table.cart img{
  width:80px!important;
  height:80px!important;
  display:block!important;
  object-fit:cover!important;
  border:1px solid #E6EDF5!important;
  border-radius:16px!important;
  background:#F8FAFC!important;
}

.woocommerce-cart .product-name{
  min-width:0!important;
  max-width:none!important;
}

.woocommerce-cart .product-name a{
  font-size:15px!important;
  line-height:1.35!important;
}

.woocommerce-cart table.cart td.actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding-top:18px!important;
}

.woocommerce-cart table.cart td.actions .coupon{
  width:auto!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text{
  width:300px!important;
  max-width:300px!important;
  min-width:240px!important;
  height:44px!important;
  border-radius:12px!important;
}

.woocommerce-cart table.cart td.actions .coupon .button{
  height:44px!important;
  min-height:44px!important;
  white-space:nowrap!important;
}

.woocommerce-cart .cart_totals{
  min-width:320px!important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  height:52px!important;
  min-height:52px!important;
  white-space:nowrap!important;
}

.woocommerce-checkout .page{
  width:min(1180px,92vw)!important;
  max-width:1180px!important;
}

.woocommerce form.checkout{
  display:grid!important;
  grid-template-columns:minmax(0,60%) minmax(360px,40%)!important;
  gap:30px!important;
  align-items:start!important;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review{
  box-sizing:border-box!important;
}

.woocommerce-checkout #customer_details{
  min-width:0!important;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review{
  width:100%!important;
  min-width:0!important;
}

.woocommerce-checkout #order_review table.shop_table{
  width:100%!important;
  border:0!important;
  table-layout:auto!important;
}

.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td{
  padding:12px 0!important;
  border-color:#E6EDF5!important;
  color:#0F172A!important;
  line-height:1.45!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

.woocommerce-checkout #order_review table.shop_table .product-name{
  width:64%!important;
  color:#0F172A!important;
  font-weight:800!important;
}

.woocommerce-checkout #order_review table.shop_table .product-total{
  width:36%!important;
  color:#0F172A!important;
  font-weight:900!important;
  text-align:right!important;
  white-space:nowrap!important;
}

.woocommerce-checkout #payment{
  margin-top:18px!important;
  border:1px solid #E6EDF5!important;
  border-radius:18px!important;
  background:#F8FAFC!important;
  overflow:hidden!important;
}

.woocommerce-checkout #payment ul.payment_methods{
  padding:14px!important;
  border-bottom:1px solid #E6EDF5!important;
}

.woocommerce-checkout #payment div.payment_box{
  margin:12px 0 0!important;
  padding:14px!important;
  border-radius:14px!important;
  background:#F1F5F9!important;
  color:#0F172A!important;
  line-height:1.55!important;
}

.woocommerce-checkout #payment div.form-row{
  padding:14px!important;
}

@media (max-width: 900px){
  .woocommerce form.checkout{
    grid-template-columns:1fr!important;
  }

  .woocommerce-cart table.shop_table th.product-thumbnail,
  .woocommerce-cart table.shop_table td.product-thumbnail{
    display:block!important;
    width:auto!important;
    padding:0!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item{
    grid-template-columns:92px minmax(0,1fr)!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item .product-thumbnail{
    grid-column:1!important;
    grid-row:1 / span 3!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item .product-name{
    grid-column:2!important;
    padding-right:42px!important;
  }

  .woocommerce-cart table.shop_table tr.cart_item .product-price,
  .woocommerce-cart table.shop_table tr.cart_item .product-quantity,
  .woocommerce-cart table.shop_table tr.cart_item .product-subtotal{
    grid-column:1 / -1!important;
    padding-right:0!important;
  }
}

@media (max-width: 640px){
  .woocommerce-cart table.cart td.actions,
  .woocommerce-cart table.cart td.actions .coupon{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text,
  .woocommerce-cart table.cart td.actions .coupon .button{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

/* ===== Robux Multi Giỏ hàng + Thanh toán Layout Fix v1.7.19 ===== */
.woocommerce-checkout form.checkout.gh-checkout-form{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.gh-checkout-layout{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 420px!important;
  gap:28px!important;
  align-items:start!important;
}

.gh-checkout-left,
.gh-checkout-right{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:24px!important;
  border:1px solid #E6EDF5!important;
  border-radius:24px!important;
  background:#FFFFFF!important;
  box-shadow:0 20px 55px rgba(15,23,42,.06)!important;
  box-sizing:border-box!important;
}

.gh-checkout-right{
  position:sticky!important;
  top:92px!important;
}

.woocommerce-checkout .gh-checkout-layout #customer_details,
.woocommerce-checkout .gh-checkout-layout #order_review_heading,
.woocommerce-checkout .gh-checkout-layout #order_review{
  grid-column:auto!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.woocommerce-checkout .gh-checkout-right #order_review_heading{
  margin:0 0 18px!important;
  color:#0F172A!important;
  font-size:22px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}

.woocommerce-checkout .gh-checkout-right #order_review table.shop_table{
  width:100%!important;
  margin:0 0 18px!important;
  border:0!important;
  table-layout:auto!important;
}

.woocommerce-checkout .gh-checkout-right #order_review table.shop_table th,
.woocommerce-checkout .gh-checkout-right #order_review table.shop_table td{
  padding:12px 0!important;
  border-color:#E6EDF5!important;
  color:#0F172A!important;
  line-height:1.45!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

.woocommerce-checkout .gh-checkout-right #payment{
  margin-top:18px!important;
  border:1px solid #E6EDF5!important;
  border-radius:18px!important;
  background:#F8FAFC!important;
  overflow:hidden!important;
}

.woocommerce-checkout .gh-checkout-right #payment ul.payment_methods{
  padding:14px!important;
  border-bottom:1px solid #E6EDF5!important;
}

.woocommerce-checkout .gh-checkout-right #payment div.payment_box{
  margin:12px 0 0!important;
  padding:14px!important;
  border-radius:14px!important;
  background:#F1F5F9!important;
  color:#0F172A!important;
  line-height:1.55!important;
}

.woocommerce-checkout .gh-checkout-right #place_order{
  width:100%!important;
  min-height:52px!important;
  border:0!important;
  border-radius:14px!important;
  background:#2563EB!important;
  color:#FFFFFF!important;
  font-size:15px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.woocommerce-checkout .gh-checkout-right #place_order:hover{
  background:#1D4ED8!important;
}

.woocommerce-cart .product-name dl.variation,
.woocommerce-cart .product-name .variation,
.woocommerce-cart .product-name .wc-item-meta,
.woocommerce-checkout .product-name .wc-item-meta{
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

@media (max-width: 900px){
  .gh-checkout-layout{
    max-width:720px!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .gh-checkout-right{
    position:static!important;
    top:auto!important;
  }
}

@media (max-width: 640px){
  .gh-checkout-left,
  .gh-checkout-right{
    padding:18px!important;
    border-radius:22px!important;
  }
}

/* ===== Ví tiền Giỏ hàng Thanh toán v1.7.22 ===== */
.gh-wallet-cart-box{
  margin-top:18px!important;
  display:grid!important;
  gap:12px!important;
  padding:16px!important;
  border:1px solid #E6EDF5!important;
  border-radius:18px!important;
  background:#F8FAFC!important;
}

.gh-wallet-cart-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  color:#64748B!important;
  font-size:14px!important;
  font-weight:700!important;
}

.gh-wallet-cart-row strong{
  color:#0F172A!important;
  font-size:16px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.gh-wallet-cart-warning,
.gh-wallet-cart-success{
  padding:12px 14px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.45!important;
}

.gh-wallet-cart-warning{
  border:1px solid #FECACA!important;
  background:#FEF2F2!important;
  color:#B91C1C!important;
}

.gh-wallet-cart-success{
  border:1px solid #BBF7D0!important;
  background:#F0FDF4!important;
  color:#15803D!important;
}

.gh-wallet-checkout-form{
  margin:0!important;
}

.woocommerce-cart .wc-proceed-to-checkout .gh-wallet-pay-button,
.woocommerce-cart .wc-proceed-to-checkout button.gh-wallet-pay-button{
  width:100%!important;
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:14px!important;
  background:#2563EB!important;
  color:#FFFFFF!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 14px 28px rgba(37,99,235,.18)!important;
}

.woocommerce-cart .wc-proceed-to-checkout .gh-wallet-pay-button:hover,
.woocommerce-cart .wc-proceed-to-checkout button.gh-wallet-pay-button:hover{
  background:#1D4ED8!important;
  color:#FFFFFF!important;
}

.woocommerce-cart .wc-proceed-to-checkout button.gh-wallet-pay-button:disabled{
  opacity:.75!important;
  cursor:wait!important;
}

.gh-cart-wallet-balance-row th,
.gh-cart-wallet-balance-row td,
.gh-cart-wallet-missing-row th,
.gh-cart-wallet-missing-row td{
  padding-top:14px!important;
}

.gh-cart-wallet-balance-row td{
  color:#0F172A!important;
  font-weight:900!important;
}

.gh-cart-wallet-missing-row td{
  color:#EF4444!important;
  font-weight:900!important;
}

.gh-wallet-checkout-row th,
.gh-wallet-checkout-row td{
  padding-top:12px!important;
  padding-bottom:12px!important;
}

.gh-wallet-checkout-row td{
  color:#0F172A!important;
  font-weight:900!important;
}

.gh-wallet-checkout-row.is-success td{
  color:#16A34A!important;
}

.gh-wallet-checkout-row.is-danger td{
  color:#DC2626!important;
}

.gh-wallet-gateway-summary{
  display:grid!important;
  gap:12px!important;
}

.gh-wallet-gateway-desc{
  margin:0!important;
  color:#64748B!important;
  font-size:14px!important;
  line-height:1.6!important;
}

.gh-wallet-gateway-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:12px 14px!important;
  border:1px solid #E6EDF5!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
}

.gh-wallet-gateway-row span{
  color:#64748B!important;
  font-size:13px!important;
  font-weight:700!important;
}

.gh-wallet-gateway-row strong{
  color:#0F172A!important;
  font-size:14px!important;
  font-weight:900!important;
  text-align:right!important;
}

.gh-wallet-gateway-row.is-success strong{
  color:#16A34A!important;
}

.gh-wallet-gateway-row.is-danger strong{
  color:#DC2626!important;
}

.gh-wallet-gateway-alert{
  padding:12px 14px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.5!important;
}

.gh-wallet-gateway-alert.is-success{
  border:1px solid #BBF7D0!important;
  background:#F0FDF4!important;
  color:#15803D!important;
}

.gh-wallet-gateway-alert.is-danger{
  border:1px solid #FECACA!important;
  background:#FEF2F2!important;
  color:#B91C1C!important;
}

.gh-wallet-topup-link{
  width:100%!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  background:#2563EB!important;
  color:#FFFFFF!important;
  font-size:14px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.gh-wallet-topup-link:hover{
  background:#1D4ED8!important;
  color:#FFFFFF!important;
}

.gamehub-wallet-only-checkout .woocommerce-checkout #payment ul.payment_methods,
.gamehub-wallet-only-checkout .woocommerce-checkout .gh-checkout-right #payment ul.payment_methods{
  display:none!important;
}

.gamehub-wallet-only-checkout .woocommerce-checkout #payment,
.gamehub-wallet-only-checkout .woocommerce-checkout .gh-checkout-right #payment{
  border-top:1px solid #E6EDF5!important;
}

.gh-order-success-page{
  width:100%;
  min-height:calc(100vh - 180px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 18px;
  background:#F5F7FB;
  box-sizing:border-box;
}

.gh-order-success-card{
  width:100%;
  max-width:720px;
  padding:32px;
  border:1px solid #E6EDF5;
  border-radius:24px;
  background:#FFFFFF;
  box-shadow:0 24px 70px rgba(15,23,42,.08);
  color:#0F172A;
}

.gh-order-success-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#DCFCE7;
  color:#15803D;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.gh-order-success-card h1{
  margin:16px 0 10px;
  color:#0F172A;
  font-size:32px;
  line-height:1.15;
  letter-spacing:0;
}

.gh-order-success-card p{
  margin:0 0 22px;
  color:#64748B;
  font-size:15px;
  line-height:1.65;
}

.gh-order-success-list{
  margin:0;
  display:grid;
  gap:10px;
}

.gh-order-success-list div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 14px;
  border:1px solid #E6EDF5;
  border-radius:14px;
  background:#F8FAFC;
}

.gh-order-success-list dt{
  margin:0;
  color:#64748B;
  font-size:13px;
  font-weight:700;
}

.gh-order-success-list dd{
  margin:0;
  color:#0F172A;
  font-size:14px;
  font-weight:900;
  text-align:right;
}

.gh-order-success-actions{
  margin-top:24px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.gh-order-success-actions a,
.gh-order-success-actions button{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border:1px solid #CBD5E1;
  border-radius:14px;
  background:#FFFFFF;
  color:#0F172A;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}

.gh-order-success-actions button,
.gh-order-success-actions a:first-of-type{
  border-color:#2563EB;
  background:#2563EB;
  color:#FFFFFF;
}

.gh-order-success-actions button:hover,
.gh-order-success-actions a:first-of-type:hover{
  border-color:#1D4ED8;
  background:#1D4ED8;
  color:#FFFFFF;
}

@media (max-width: 640px){
  .gh-wallet-gateway-row{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  .gh-order-success-card{
    padding:22px;
    border-radius:22px;
  }

  .gh-order-success-card h1{
    font-size:26px;
  }

  .gh-order-success-list div{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .gh-order-success-list dd{
    text-align:left;
  }

  .gh-order-success-actions a,
  .gh-order-success-actions button{
    width:100%;
  }
}

/* ===== Thanh toán Ví tiền Layout v1.7.23 ===== */
.gh-checkout-page{
  background:#F5F7FB!important;
  padding:40px 16px 64px!important;
}

.woocommerce-checkout .gh-checkout-page .gh-checkout-form{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.woocommerce-checkout .gh-checkout-page .gh-checkout-layout{
  max-width:1200px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 420px!important;
  gap:28px!important;
  align-items:start!important;
}

.woocommerce-checkout .gh-card{
  background:#FFFFFF!important;
  border:1px solid #E6EDF5!important;
  border-radius:24px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.06)!important;
  padding:24px!important;
}

.woocommerce-checkout .gh-checkout-left,
.woocommerce-checkout .gh-checkout-right{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}

.woocommerce-checkout .gh-checkout-right{
  display:grid!important;
  gap:18px!important;
  align-self:start!important;
  position:sticky!important;
  top:90px!important;
}

.woocommerce-checkout .gh-checkout-section-head{
  margin:0 0 18px!important;
}

.woocommerce-checkout .gh-checkout-section-head-sub{
  margin-top:24px!important;
}

.woocommerce-checkout .gh-checkout-section-head h2,
.woocommerce-checkout .gh-order-card h2,
.woocommerce-checkout .gh-wallet-pay-card h2{
  margin:0 0 8px!important;
  color:#0F172A!important;
  font-size:24px!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}

.woocommerce-checkout .gh-checkout-section-head p{
  margin:0!important;
  color:#64748B!important;
  font-size:14px!important;
  line-height:1.6!important;
}

.woocommerce-checkout .gh-checkout-left .woocommerce-billing-fields > h3,
.woocommerce-checkout .gh-checkout-left .woocommerce-additional-fields > h3,
.woocommerce-checkout .gh-checkout-left #ship-to-different-address{
  display:none!important;
}

.woocommerce-checkout .gh-checkout-left .form-row{
  margin:0 0 16px!important;
  width:100%!important;
}

.woocommerce-checkout .gh-checkout-left .form-row label{
  display:block!important;
  margin:0 0 8px!important;
  color:#0F172A!important;
  font-size:13px!important;
  font-weight:700!important;
}

.woocommerce-checkout .gh-checkout-left .input-text,
.woocommerce-checkout .gh-checkout-left select,
.woocommerce-checkout .gh-checkout-left textarea{
  width:100%!important;
  min-height:48px!important;
  border:1px solid #DCE6F2!important;
  border-radius:12px!important;
  background:#F8FAFC!important;
  color:#0F172A!important;
  box-shadow:none!important;
}

.woocommerce-checkout .gh-checkout-left textarea{
  min-height:128px!important;
  padding-top:14px!important;
  resize:vertical!important;
}

.woocommerce-checkout .gh-checkout-left .input-text:focus,
.woocommerce-checkout .gh-checkout-left select:focus,
.woocommerce-checkout .gh-checkout-left textarea:focus{
  border-color:#2563EB!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;
}

.woocommerce-checkout .gh-order-card #order_review{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.woocommerce-checkout .gh-order-card table.shop_table{
  width:100%!important;
  margin:0!important;
  border:0!important;
  table-layout:auto!important;
}

.woocommerce-checkout .gh-order-card table.shop_table th,
.woocommerce-checkout .gh-order-card table.shop_table td{
  padding:12px 0!important;
  border-color:#E6EDF5!important;
  color:#0F172A!important;
  line-height:1.5!important;
  vertical-align:top!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

.woocommerce-checkout .gh-order-card table.shop_table .product-name{
  width:68%!important;
  font-weight:800!important;
}

.woocommerce-checkout .gh-order-card table.shop_table .product-total{
  width:32%!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-weight:900!important;
}

.woocommerce-checkout .gh-order-card .product-name .wc-item-meta,
.woocommerce-checkout .gh-order-card .product-name dl.variation{
  margin-top:8px!important;
  display:grid!important;
  gap:6px!important;
}

.woocommerce-checkout .gh-order-card .product-name .wc-item-meta li,
.woocommerce-checkout .gh-order-card .product-name dl.variation div{
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid #E6EDF5!important;
  border-radius:12px!important;
  background:#F8FAFC!important;
}

.woocommerce-checkout .gh-wallet-pay-card #payment{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}

.woocommerce-checkout .gh-wallet-pay-card #payment ul.payment_methods{
  display:none!important;
}

.woocommerce-checkout .gh-wallet-pay-card #payment .payment_box{
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

.woocommerce-checkout .gh-wallet-pay-card #payment .form-row{
  padding:0!important;
  margin:0!important;
}

.woocommerce-checkout .gh-wallet-pay-card #place_order{
  width:100%!important;
  min-height:52px!important;
  border:0!important;
  border-radius:14px!important;
  background:#2563EB!important;
  color:#FFFFFF!important;
  font-size:15px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

.woocommerce-checkout .gh-wallet-pay-card #place_order:hover{
  background:#1D4ED8!important;
}

@media (max-width: 900px){
  .woocommerce-checkout .gh-checkout-page{
    padding:24px 12px 40px!important;
  }

  .woocommerce-checkout .gh-checkout-page .gh-checkout-layout{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .woocommerce-checkout .gh-checkout-right{
    position:static!important;
    top:auto!important;
  }

  .woocommerce-checkout .gh-card{
    padding:18px!important;
    border-radius:20px!important;
  }
}

/* ===== Thanh toán Ví tiền Final Fix v1.7.26 ===== */
body.woocommerce-checkout .page,
body.woocommerce-checkout .panel{
  background:#F5F7FB!important;
}

body.woocommerce-checkout .gh-checkout-page{
  width:100%!important;
  background:#F5F7FB!important;
  padding:36px 16px 64px!important;
  box-sizing:border-box!important;
}

body.woocommerce-checkout .gh-checkout-page .gh-checkout-layout{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 420px!important;
  gap:28px!important;
  align-items:start!important;
}

body.woocommerce-checkout .gh-checkout-page .gh-checkout-left,
body.woocommerce-checkout .gh-checkout-page .gh-order-card,
body.woocommerce-checkout .gh-checkout-page .gh-wallet-pay-card{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:24px!important;
  border:1px solid #E6EDF5!important;
  border-radius:24px!important;
  background:#FFFFFF!important;
  box-shadow:0 18px 45px rgba(15,23,42,.06)!important;
  box-sizing:border-box!important;
}

body.woocommerce-checkout .gh-checkout-page .gh-checkout-right{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  gap:18px!important;
  align-self:start!important;
  position:sticky!important;
  top:90px!important;
  box-sizing:border-box!important;
}

body.woocommerce-checkout .gh-checkout-page #order_review,
body.woocommerce-checkout .gh-checkout-page .woocommerce-checkout-review-order{
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.woocommerce-checkout .gh-checkout-page .gh-order-card h2,
body.woocommerce-checkout .gh-checkout-page .gh-wallet-pay-card h2,
body.woocommerce-checkout .gh-checkout-page .gh-checkout-section-head h2{
  margin:0 0 16px!important;
  color:#0F172A!important;
  font-size:22px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

body.woocommerce-checkout .gh-checkout-page .gh-checkout-section-head p{
  margin:-8px 0 18px!important;
  color:#64748B!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:600!important;
}

body.woocommerce-checkout .gh-checkout-page table.woocommerce-checkout-review-order-table{
  width:100%!important;
  margin:0!important;
  border:0!important;
  table-layout:auto!important;
}

body.woocommerce-checkout .gh-checkout-page table.woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .gh-checkout-page table.woocommerce-checkout-review-order-table td{
  padding:12px 0!important;
  border-color:#E6EDF5!important;
  color:#0F172A!important;
  line-height:1.5!important;
  vertical-align:top!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

body.woocommerce-checkout .gh-checkout-page table.woocommerce-checkout-review-order-table thead th{
  color:#64748B!important;
  font-size:12px!important;
  font-weight:900!important;
}

body.woocommerce-checkout .gh-checkout-page table.woocommerce-checkout-review-order-table .product-name{
  width:68%!important;
  font-weight:800!important;
}

body.woocommerce-checkout .gh-checkout-page table.woocommerce-checkout-review-order-table .product-total{
  width:32%!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-weight:900!important;
}

body.woocommerce-checkout .gh-checkout-page table.woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout .gh-checkout-page table.woocommerce-checkout-review-order-table tfoot td{
  border-top:1px solid #E6EDF5!important;
  font-weight:900!important;
}

body.woocommerce-checkout .gh-checkout-page .wc-item-meta,
body.woocommerce-checkout .gh-checkout-page dl.variation{
  display:grid!important;
  gap:6px!important;
  margin:8px 0 0!important;
  padding:0!important;
  color:#64748B!important;
  font-size:12px!important;
}

body.woocommerce-checkout .gh-checkout-page .wc-item-meta li{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:7px 9px!important;
  border:1px solid #E6EDF5!important;
  border-radius:10px!important;
  background:#F8FAFC!important;
}

body.woocommerce-checkout .gh-checkout-page .wc-item-meta p{
  margin:0!important;
  color:#0F172A!important;
  font-weight:800!important;
  text-align:right!important;
}

body.woocommerce-checkout .gh-checkout-page .gh-wallet-pay-card #payment{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

body.woocommerce-checkout .gh-checkout-page .gh-wallet-pay-card #payment .payment_box{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.woocommerce-checkout .gh-checkout-page .gh-wallet-pay-card .place-order{
  margin:18px 0 0!important;
  padding:0!important;
}

body.woocommerce-checkout .gh-checkout-page #place_order{
  width:100%!important;
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:14px!important;
  background:#2563EB!important;
  color:#FFFFFF!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

body.woocommerce-checkout .gh-checkout-page #place_order:hover{
  background:#1D4ED8!important;
}

@media (max-width: 900px){
  body.woocommerce-checkout .gh-checkout-page .gh-checkout-layout{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  body.woocommerce-checkout .gh-checkout-page .gh-checkout-right{
    position:static!important;
    top:auto!important;
  }

  body.woocommerce-checkout .gh-checkout-page .gh-checkout-left,
  body.woocommerce-checkout .gh-checkout-page .gh-order-card,
  body.woocommerce-checkout .gh-checkout-page .gh-wallet-pay-card{
    padding:18px!important;
    border-radius:20px!important;
  }
}


/* ===== NGKSHOP STRONG AUTH NOTICE MOBILE FIX =====
   This block is intentionally last and aggressive: WooCommerce notices must
   never sit inside the auth grid columns on mobile. */
body.woocommerce-account:not(.logged-in) .woocommerce {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px 14px 56px !important;
  background: #F5F7FB !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

body.woocommerce-account:not(.logged-in) .gh-auth-page,
body.woocommerce-account:not(.logged-in) .gh-auth-container {
  display: block !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  clear: both !important;
  box-sizing: border-box !important;
}

body.woocommerce-account:not(.logged-in) .gh-auth-notices {
  display: block !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  clear: both !important;
  float: none !important;
  box-sizing: border-box !important;
}

body.woocommerce-account:not(.logged-in) .gh-auth-notices:empty {
  display: none !important;
}

body.woocommerce-account:not(.logged-in) .gh-auth-notices .woocommerce-error,
body.woocommerce-account:not(.logged-in) .gh-auth-notices .woocommerce-message,
body.woocommerce-account:not(.logged-in) .gh-auth-notices .woocommerce-info,
body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-error,
body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-message,
body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-info {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 1100px !important;
  min-width: 0 !important;
  margin: 0 auto 18px !important;
  padding: 14px 16px 14px 46px !important;
  box-sizing: border-box !important;
  border-radius: 16px !important;
  list-style: none !important;
  line-height: 1.55 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-align: left !important;
}

body.woocommerce-account:not(.logged-in) .gh-auth-notices .woocommerce-error,
body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-error {
  color: #991B1B !important;
  background: #FEF2F2 !important;
  border: 1px solid #FECACA !important;
  border-top: 4px solid #DC2626 !important;
}

body.woocommerce-account:not(.logged-in) .gh-auth-notices .woocommerce-message,
body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-message {
  color: #166534 !important;
  background: #F0FDF4 !important;
  border: 1px solid #BBF7D0 !important;
  border-top: 4px solid #16A34A !important;
}

body.woocommerce-account:not(.logged-in) .gh-auth-notices .woocommerce-info,
body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-info {
  color: #1D4ED8 !important;
  background: #EFF6FF !important;
  border: 1px solid #BFDBFE !important;
  border-top: 4px solid #2563EB !important;
}

body.woocommerce-account:not(.logged-in) .gh-auth-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 520px) !important;
  gap: 28px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  clear: both !important;
  box-sizing: border-box !important;
}

body.woocommerce-account:not(.logged-in) .gh-auth-intro,
body.woocommerce-account:not(.logged-in) .gh-auth-forms,
body.woocommerce-account:not(.logged-in) .gh-auth-card {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  body.woocommerce-account:not(.logged-in) .woocommerce {
    padding: 14px 12px 40px !important;
  }

  body.woocommerce-account:not(.logged-in) .gh-auth-container,
  body.woocommerce-account:not(.logged-in) .gh-auth-notices,
  body.woocommerce-account:not(.logged-in) .gh-auth-shell,
  body.woocommerce-account:not(.logged-in) .gh-auth-forms,
  body.woocommerce-account:not(.logged-in) .gh-auth-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.woocommerce-account:not(.logged-in) .gh-auth-shell {
    display: block !important;
    grid-template-columns: none !important;
  }

  /* Hide intro on phones: it was the column that squeezed notices/text. */
  body.woocommerce-account:not(.logged-in) .gh-auth-intro {
    display: none !important;
  }

  body.woocommerce-account:not(.logged-in) .gh-auth-notices .woocommerce-error,
  body.woocommerce-account:not(.logged-in) .gh-auth-notices .woocommerce-message,
  body.woocommerce-account:not(.logged-in) .gh-auth-notices .woocommerce-info,
  body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-error,
  body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-message,
  body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-info {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    padding: 13px 14px 13px 42px !important;
    font-size: 14px !important;
  }

  body.woocommerce-account:not(.logged-in) .gh-auth-head,
  body.woocommerce-account:not(.logged-in) .gh-auth-form {
    padding: 22px 18px !important;
  }
}




/* ===== NGKSHOP SUPER STRONG MOBILE WALLET BALANCE FIX =====
   Force the mobile header wallet pill to show both wallet icon and balance.
   This overrides older rules like ".wallet-pill span{display:none}". */
@media (max-width: 900px) {
  body .topbar .nav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  body .topbar .header-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
    min-width: max-content !important;
    overflow: visible !important;
  }

  body .topbar .wallet-pill,
  body header.topbar .wallet-pill,
  body .header-tools > a.wallet-pill {
    width: auto !important;
    min-width: 108px !important;
    max-width: none !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-indent: 0 !important;
  }

  body .topbar .wallet-pill svg,
  body header.topbar .wallet-pill svg,
  body .header-tools > a.wallet-pill svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    flex: 0 0 22px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body .topbar .wallet-pill span,
  body .topbar .wallet-pill .wallet-amount-text,
  body header.topbar .wallet-pill span,
  body .header-tools > a.wallet-pill span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #FFFFFF !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-indent: 0 !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  /* Fallback: if any old CSS/plugin still hides the span, print the balance from data-balance. */
  body .topbar .wallet-pill::after,
  body header.topbar .wallet-pill::after,
  body .header-tools > a.wallet-pill::after {
    content: attr(data-balance) !important;
    display: inline-flex !important;
    align-items: center !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* If the real span is visible, hide the fallback duplicate using :has where supported. */
  body .topbar .wallet-pill:has(.wallet-amount-text)::after {
    content: none !important;
    display: none !important;
  }

  body .topbar .user-circle,
  body header.topbar .user-circle {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    flex: 0 0 52px !important;
    border-radius: 999px !important;
  }

  body .topbar .user-circle svg,
  body header.topbar .user-circle svg {
    width: 34px !important;
    height: 34px !important;
  }
}

@media (max-width: 430px) {
  body .topbar .wallet-pill,
  body header.topbar .wallet-pill,
  body .header-tools > a.wallet-pill {
    min-width: 96px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 13px !important;
    gap: 8px !important;
    font-size: 15px !important;
  }

  body .topbar .wallet-pill span,
  body .topbar .wallet-pill .wallet-amount-text,
  body .topbar .wallet-pill::after {
    font-size: 15px !important;
  }

  body .topbar .wallet-pill svg {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    max-width: 21px !important;
    flex-basis: 21px !important;
  }

  body .topbar .user-circle {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    flex-basis: 50px !important;
  }
}

@media (max-width: 380px) {
  body .topbar .header-tools {
    gap: 8px !important;
  }

  body .topbar .wallet-pill,
  body header.topbar .wallet-pill,
  body .header-tools > a.wallet-pill {
    min-width: 88px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 11px !important;
    gap: 7px !important;
  }

  body .topbar .wallet-pill span,
  body .topbar .wallet-pill .wallet-amount-text,
  body .topbar .wallet-pill::after {
    font-size: 14px !important;
  }

  body .topbar .user-circle {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    flex-basis: 48px !important;
  }
}


/* ===== NGKSHOP FINAL MOBILE WALLET VISIBLE + LINK FIX ===== */
@media (max-width: 900px) {
  body .topbar .header-tools {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-left: auto !important;
    overflow: visible !important;
  }

  body .topbar a.wallet-pill {
    width: auto !important;
    min-width: 104px !important;
    height: 52px !important;
    padding: 0 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 999px !important;
    background: #22C55E !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    box-shadow: 0 12px 24px rgba(34,197,94,.28) !important;
  }

  body .topbar a.wallet-pill svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    color: #FFFFFF !important;
    fill: currentColor !important;
    flex: 0 0 22px !important;
  }

  body .topbar a.wallet-pill span,
  body .topbar a.wallet-pill .wallet-amount-text {
    display: inline-block !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    transform: none !important;
    text-indent: 0 !important;
    color: #FFFFFF !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 430px) {
  body .topbar a.wallet-pill {
    min-width: 92px !important;
    height: 50px !important;
    padding: 0 12px !important;
    font-size: 15px !important;
    gap: 7px !important;
  }

  body .topbar a.wallet-pill span,
  body .topbar a.wallet-pill .wallet-amount-text {
    font-size: 15px !important;
  }
}

@media (max-width: 370px) {
  body .topbar a.wallet-pill {
    min-width: 84px !important;
    height: 48px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
  }

  body .topbar a.wallet-pill span,
  body .topbar a.wallet-pill .wallet-amount-text {
    font-size: 14px !important;
  }
}




/* ===== NGKSHOP MOBILE WALLET PILL EXTRA LONG FINAL =====
   Make the green wallet balance button extra long on phone header. */
@media (max-width: 900px) {
  body .topbar a.wallet-pill,
  body header.topbar a.wallet-pill,
  body .topbar .header-tools > a.wallet-pill {
    min-width: 170px !important;
    width: 170px !important;
    max-width: 170px !important;
    flex: 0 0 170px !important;
    height: 54px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    justify-content: center !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  body .topbar a.wallet-pill span,
  body header.topbar a.wallet-pill span,
  body .topbar a.wallet-pill .wallet-amount-text {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 112px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 17px !important;
    font-weight: 900 !important;
  }

  body .topbar a.wallet-pill svg,
  body header.topbar a.wallet-pill svg {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    flex: 0 0 23px !important;
  }
}

@media (max-width: 430px) {
  body .topbar a.wallet-pill,
  body header.topbar a.wallet-pill,
  body .topbar .header-tools > a.wallet-pill {
    min-width: 158px !important;
    width: 158px !important;
    max-width: 158px !important;
    flex-basis: 158px !important;
    height: 52px !important;
    padding: 0 16px !important;
  }

  body .topbar a.wallet-pill span,
  body header.topbar a.wallet-pill span,
  body .topbar a.wallet-pill .wallet-amount-text {
    max-width: 100px !important;
    font-size: 16px !important;
  }
}

@media (max-width: 390px) {
  body .topbar a.wallet-pill,
  body header.topbar a.wallet-pill,
  body .topbar .header-tools > a.wallet-pill {
    min-width: 148px !important;
    width: 148px !important;
    max-width: 148px !important;
    flex-basis: 148px !important;
    height: 50px !important;
    padding: 0 14px !important;
  }

  body .topbar a.wallet-pill span,
  body header.topbar a.wallet-pill span,
  body .topbar a.wallet-pill .wallet-amount-text {
    max-width: 92px !important;
    font-size: 15px !important;
  }
}

@media (max-width: 360px) {
  body .topbar a.wallet-pill,
  body header.topbar a.wallet-pill,
  body .topbar .header-tools > a.wallet-pill {
    min-width: 138px !important;
    width: 138px !important;
    max-width: 138px !important;
    flex-basis: 138px !important;
    padding: 0 12px !important;
  }
}




/* ===== NGKSHOP MOBILE HEADER HARD GRID RIGHT FIX =====
   Stronger mobile header layout:
   row 1: logo left, wallet + account right
   row 2: search full width
*/
@media (max-width: 900px) {
  body .topbar .container.nav,
  body header.topbar .container.nav,
  body .topbar .nav,
  body header.topbar .nav {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 0 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "logo tools"
      "search search" !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 12px !important;
    flex-wrap: nowrap !important;
  }

  body .topbar .logo,
  body header.topbar .logo {
    grid-area: logo !important;
    justify-self: start !important;
    align-self: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    display: inline-flex !important;
  }

  body .topbar .logo > span:last-child,
  body header.topbar .logo > span:last-child {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body .topbar .main-menu,
  body header.topbar .main-menu,
  body .topbar nav.main-menu,
  body header.topbar nav.main-menu {
    display: none !important;
  }

  body .topbar .search,
  body header.topbar .search {
    grid-area: search !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-self: stretch !important;
    order: initial !important;
    flex-basis: auto !important;
  }

  body .topbar .header-tools,
  body header.topbar .header-tools {
    grid-area: tools !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    flex: none !important;
    transform: none !important;
    right: auto !important;
    left: auto !important;
    position: relative !important;
  }

  body .topbar .header-tools .wallet-pill,
  body header.topbar .header-tools .wallet-pill,
  body .topbar a.wallet-pill,
  body header.topbar a.wallet-pill {
    order: 1 !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    flex: 0 0 132px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 999px !important;
    background: #22C55E !important;
    color: #fff !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body .topbar .header-tools .wallet-pill span,
  body header.topbar .header-tools .wallet-pill span,
  body .topbar a.wallet-pill .wallet-amount-text,
  body header.topbar a.wallet-pill .wallet-amount-text {
    display: inline-block !important;
    max-width: 78px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body .topbar .header-tools .wallet-pill svg,
  body header.topbar .header-tools .wallet-pill svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex: 0 0 22px !important;
    color: #fff !important;
  }

  body .topbar .user-dropdown-wrap,
  body header.topbar .user-dropdown-wrap {
    order: 2 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  body .topbar .user-circle,
  body header.topbar .user-circle {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    flex: 0 0 52px !important;
    margin: 0 !important;
  }
}

@media (max-width: 430px) {
  body .topbar .container.nav,
  body header.topbar .container.nav,
  body .topbar .nav,
  body header.topbar .nav {
    width: calc(100% - 28px) !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 8px !important;
  }

  body .topbar .logo,
  body header.topbar .logo {
    font-size: 22px !important;
    gap: 8px !important;
  }

  body .topbar .logo-icon,
  body header.topbar .logo-icon {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
  }

  body .topbar .header-tools,
  body header.topbar .header-tools {
    gap: 7px !important;
  }

  body .topbar .header-tools .wallet-pill,
  body header.topbar .header-tools .wallet-pill,
  body .topbar a.wallet-pill,
  body header.topbar a.wallet-pill {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    flex-basis: 120px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 11px !important;
  }

  body .topbar .header-tools .wallet-pill span,
  body header.topbar .header-tools .wallet-pill span,
  body .topbar a.wallet-pill .wallet-amount-text,
  body header.topbar a.wallet-pill .wallet-amount-text {
    max-width: 68px !important;
    font-size: 14px !important;
  }

  body .topbar .user-circle,
  body header.topbar .user-circle {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    flex-basis: 50px !important;
  }
}

@media (max-width: 380px) {
  body .topbar .header-tools .wallet-pill,
  body header.topbar .header-tools .wallet-pill,
  body .topbar a.wallet-pill,
  body header.topbar a.wallet-pill {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    flex-basis: 108px !important;
    padding: 0 9px !important;
  }

  body .topbar .header-tools .wallet-pill span,
  body header.topbar .header-tools .wallet-pill span,
  body .topbar a.wallet-pill .wallet-amount-text,
  body header.topbar a.wallet-pill .wallet-amount-text {
    max-width: 58px !important;
    font-size: 13px !important;
  }

  body .topbar .user-circle,
  body header.topbar .user-circle {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    flex-basis: 48px !important;
  }
}

/* NGK mobile header absolute right fix built in header.php - v2 */


/* ===== NGKSHOP REMOVE WALLET EXTRA MARKS FIX ===== */
.topbar .wallet-pill::before,
.topbar .wallet-pill::after,
.topbar .wallet-pill span::before,
.topbar .wallet-pill span::after,
.topbar .wallet-pill .wallet-amount-text::before,
.topbar .wallet-pill .wallet-amount-text::after {
  content: none !important;
  display: none !important;
}


/* ===== GAMEHUB BOTTOM ROBLOX GUIDE IMAGE ===== */
.gamehub-bottom-guide-image {
  background: #F5F7FB;
  padding: 36px 0 18px;
}

.gamehub-bottom-guide-image .container {
  display: flex;
  justify-content: center;
}

.gamehub-bottom-guide-image img {
  width: 100%;
  max-width: 980px;
  height: auto;
  display: block;
  border-radius: 22px;
  border: 1px solid #E6EDF5;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  background: #FFFFFF;
}

@media (max-width: 768px) {
  .gamehub-bottom-guide-image {
    padding: 24px 0 12px;
  }

  .gamehub-bottom-guide-image .container {
    width: min(100% - 24px, 980px);
  }

  .gamehub-bottom-guide-image img {
    border-radius: 16px;
  }
}


/* ===== GAMEHUB BOTTOM ROBLOX GUIDE IMAGE NO CACHE V2 ===== */
.gamehub-bottom-guide-image {
  background: #F5F7FB;
  padding: 36px 0 18px;
}

.gamehub-bottom-guide-image .container {
  display: flex;
  justify-content: center;
}

.gamehub-bottom-guide-image img {
  width: 100%;
  max-width: 980px;
  height: auto;
  display: block;
  border-radius: 22px;
  border: 1px solid #E6EDF5;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  background: #FFFFFF;
}

@media (max-width: 768px) {
  .gamehub-bottom-guide-image {
    padding: 24px 0 12px;
  }

  .gamehub-bottom-guide-image .container {
    width: min(100% - 24px, 980px);
  }

  .gamehub-bottom-guide-image img {
    border-radius: 16px;
  }
}


/* ===== NGKSHOP UX FIXES v1.7.29 ===== */
.main-menu .menu-item{position:relative;display:inline-flex;align-items:center}
.main-menu .has-dropdown>a::after{content:"▾";font-size:11px;margin-left:6px;color:#64748b}
.main-menu .submenu{position:absolute;left:0;top:100%;min-width:220px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.13);display:none;z-index:250}
.main-menu .has-dropdown:hover .submenu{display:grid;gap:4px}
.main-menu .submenu a{display:block;padding:11px 12px;border-radius:12px;color:#334155;background:#fff}
.main-menu .submenu a:hover{background:#f1f5f9;color:var(--primary)}
.wallet-pill{min-width:104px;justify-content:center}
.user-menu-balance::before{content:"Số dư: ";color:#64748b;font-size:14px;font-weight:800}
.ngk-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ngk-trust-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:20px;display:grid;gap:8px}
.ngk-trust-card strong{font-size:17px;color:#0f172a}
.ngk-trust-card span{color:#64748b;line-height:1.5;font-weight:650}
.ngk-howto-box{align-items:flex-start}
.ngk-howto-box h3{margin:4px 0 12px;font-size:24px}
.ngk-howto-list{display:grid;grid-template-columns:repeat(5,auto);gap:10px;margin:0;padding:0;list-style:none}
.ngk-howto-list li{padding:10px 12px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:900;font-size:13px}
.ngk-product-tags,.ngk-product-topline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}
.ngk-product-tags span,.ngk-product-tags a,.ngk-product-badge,.ngk-product-stock{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:900;text-decoration:none}
.ngk-product-tags span:first-child,.ngk-product-badge{background:#fff7ed;color:#c2410c}
.ngk-product-tags a,.ngk-product-tags span:not(:first-child){background:#f1f5f9;color:#475569}
.ngk-product-stock.is-in{background:#dcfce7;color:#166534}.ngk-product-stock.is-out{background:#fee2e2;color:#991b1b}
.ngk-loop-product-card{list-style:none!important;margin:0!important;float:none!important;width:auto!important}
.ngk-loop-product-card .product-title{display:block;color:#0f172a;text-decoration:none}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;margin:0!important;padding:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}
.woocommerce ul.products li.product{margin:0!important;width:auto!important}
.ngk-support-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
@media (max-width:980px){.ngk-trust-grid{grid-template-columns:repeat(2,1fr)}.ngk-howto-list{grid-template-columns:1fr 1fr}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:640px){.ngk-trust-grid,.ngk-howto-list,.woocommerce ul.products{grid-template-columns:1fr!important}.product-actions{flex-direction:column}.product-actions a{width:100%}.ngk-howto-box .btn-primary{width:100%;text-align:center}.wallet-pill{min-width:118px}.gh-login-button{padding:0 12px;height:48px}.gh-login-button span:last-child{display:none}}

/* ===== NGKSHOP FIX v1.7.33: dropdown easy hover + no empty first column ===== */
@media (min-width: 901px){
  body .topbar{position:relative; z-index:1000; overflow:visible!important}
  body .topbar .container.nav{overflow:visible!important}
  body .topbar .main-menu{overflow:visible!important}
  body .topbar .main-menu .ngk-category-dropdown{position:relative!important; padding:10px 0!important; margin:-10px 0!important}
  body .topbar .main-menu .ngk-category-dropdown .submenu,
  body .topbar .main-menu .menu-item.has-dropdown .submenu{
    top:100%!important;
    left:-10px!important;
    min-width:300px!important;
    max-height:min(72vh, 560px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  body .topbar .main-menu .ngk-category-dropdown .submenu::before,
  body .topbar .main-menu .menu-item.has-dropdown .submenu::before{
    content:""; position:absolute; left:0; right:0; top:-12px; height:12px; background:transparent;
  }
  body .topbar .main-menu .submenu a{cursor:pointer!important; min-height:42px!important; box-sizing:border-box!important}
}

.ngk-main-category-grid,
.page .panel .ngk-main-category-grid,
.entry-content .ngk-main-category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
  margin:22px 0 0!important;
  padding:0!important;
  clear:both!important;
}
.ngk-main-category-grid .category-card{
  margin:0!important;
  width:auto!important;
  min-width:0!important;
  float:none!important;
  text-align:left!important;
  padding:20px!important;
}
.ngk-main-category-grid .game-category-card{min-height:210px!important; align-items:flex-start!important}
.ngk-main-category-grid .category-thumb{width:100%!important; height:150px!important; border-radius:22px!important}
.ngk-main-category-grid .category-name{font-size:18px!important; font-weight:900!important; color:#0f172a!important}

body.post-type-archive-product .layout,
body.tax-product_cat .layout,
.woocommerce-page .layout{
  grid-template-columns:1fr!important;
}
body.post-type-archive-product .filter-panel,
body.tax-product_cat .filter-panel{
  display:none!important;
}

.woocommerce ul.products,
.woocommerce-page ul.products{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  grid-column:auto!important;
  float:none!important;
  clear:none!important;
  width:auto!important;
  margin:0!important;
}
.woocommerce ul.products li.product:empty,
.woocommerce-page ul.products li.product:empty{display:none!important}
@media (max-width:1100px){
  .ngk-main-category-grid,.page .panel .ngk-main-category-grid,.entry-content .ngk-main-category-grid,
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:780px){
  .ngk-main-category-grid,.page .panel .ngk-main-category-grid,.entry-content .ngk-main-category-grid,
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:520px){
  .ngk-main-category-grid,.page .panel .ngk-main-category-grid,.entry-content .ngk-main-category-grid,
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr!important}
  .ngk-main-category-grid .category-thumb{height:170px!important}
}


/* ===== NGKSHOP FIX v1.7.39: làm đẹp sản phẩm trong danh mục con ===== */
body.tax-product_cat .page,
body.post-type-archive-product .page{
  padding-top:26px!important;
}
body.tax-product_cat .page-title,
body.post-type-archive-product .page-title{
  margin-bottom:22px!important;
  padding:22px 24px!important;
  border:1px solid #E6EDF5!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#FFFFFF 0%,#EFF6FF 58%,#F8FAFC 100%)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.06)!important;
}
body.tax-product_cat .woocommerce-result-count,
body.tax-product_cat .woocommerce-ordering,
body.post-type-archive-product .woocommerce-result-count,
body.post-type-archive-product .woocommerce-ordering{
  margin:0 0 18px!important;
}
body.tax-product_cat .woocommerce-ordering select,
body.post-type-archive-product .woocommerce-ordering select{
  min-height:46px!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  border:1px solid #D8E3F0!important;
  color:#334155!important;
  font-weight:800!important;
}
body.tax-product_cat ul.products,
body.post-type-archive-product ul.products,
.woocommerce-page ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
  margin:0!important;
  padding:0!important;
}
body.tax-product_cat ul.products li.product,
body.post-type-archive-product ul.products li.product,
.woocommerce-page ul.products li.product.ngk-loop-product-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:100%!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #E2E8F0!important;
  border-radius:26px!important;
  background:#FFFFFF!important;
  box-shadow:0 16px 38px rgba(15,23,42,.07)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
body.tax-product_cat ul.products li.product:hover,
body.post-type-archive-product ul.products li.product:hover,
.woocommerce-page ul.products li.product.ngk-loop-product-card:hover{
  transform:translateY(-5px)!important;
  border-color:#BFDBFE!important;
  box-shadow:0 24px 60px rgba(37,99,235,.12)!important;
}
.ngk-loop-product-link{
  display:block!important;
  padding:16px 16px 0!important;
}
.ngk-loop-product-card .product-image{
  width:100%!important;
  height:0!important;
  padding-top:76%!important;
  position:relative!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#EFF6FF 0%,#F8FAFC 72%,#FFFFFF 100%)!important;
  border:1px solid #EEF2F7!important;
  overflow:hidden!important;
}
.ngk-loop-product-card .product-image img,
.ngk-loop-product-card .product-image span{
  position:absolute!important;
  inset:0!important;
}
.ngk-loop-product-card .product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .24s ease!important;
}
.ngk-loop-product-card:hover .product-image img{
  transform:scale(1.04)!important;
}
.ngk-loop-product-card .product-image span{
  display:grid!important;
  place-items:center!important;
  color:#1D4ED8!important;
  font-weight:1000!important;
  font-size:18px!important;
  letter-spacing:.05em!important;
}
.ngk-loop-product-card .product-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  padding:15px 16px 16px!important;
}
.ngk-loop-product-card .ngk-product-topline{
  order:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 9px!important;
}
.ngk-loop-product-card .ngk-product-badge,
.ngk-loop-product-card .ngk-product-stock{
  min-height:24px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.ngk-loop-product-card .ngk-product-badge{
  background:#EEF2FF!important;
  color:#1D4ED8!important;
}
.ngk-loop-product-card .ngk-product-stock.is-in{
  background:#DCFCE7!important;
  color:#15803D!important;
}
.ngk-loop-product-card .ngk-product-stock.is-out{
  background:#FEE2E2!important;
  color:#B91C1C!important;
}
.ngk-loop-product-card .product-title{
  display:-webkit-box!important;
  min-height:48px!important;
  margin:0 0 10px!important;
  overflow:hidden!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  color:#0F172A!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:1000!important;
  letter-spacing:-.01em!important;
}
.ngk-loop-product-card .product-title:hover{
  color:#2563EB!important;
}
.ngk-loop-product-card .meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:26px!important;
  margin:0 0 12px!important;
  color:#64748B!important;
  font-size:13px!important;
  font-weight:750!important;
}
.ngk-loop-product-card .meta span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.ngk-loop-product-card .meta span:first-child::before{
  content:"⚡ ";
}
.ngk-loop-product-card .meta span:last-child{
  text-align:right!important;
}
.ngk-loop-product-card .meta span:last-child a{
  color:#64748B!important;
  pointer-events:auto!important;
}
.ngk-loop-product-card .price{
  margin-top:auto!important;
  padding-top:2px!important;
  color:#A16207!important;
  font-size:16px!important;
  line-height:1.3!important;
  font-weight:1000!important;
}
.ngk-loop-product-card .price del{
  color:#94A3B8!important;
  font-size:13px!important;
  font-weight:800!important;
}
.ngk-loop-product-card .price ins{
  text-decoration:none!important;
}
.ngk-loop-product-card .product-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:14px!important;
}
.ngk-loop-product-card .product-actions a,
.ngk-loop-product-card .gamehub-stock-button{
  width:100%!important;
  min-height:48px!important;
  padding:0 10px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.18!important;
  font-weight:1000!important;
}
.ngk-loop-product-card .gamehub-add-cart-link{
  background:#FFFFFF!important;
  border:1px solid #CBD5E1!important;
  color:#0F172A!important;
}
.ngk-loop-product-card .gamehub-add-cart-link:hover{
  background:#F8FAFC!important;
  border-color:#93C5FD!important;
  color:#2563EB!important;
}
.ngk-loop-product-card .gamehub-buy-now-link{
  background:linear-gradient(135deg,#2563EB,#1D4ED8)!important;
  border:1px solid #2563EB!important;
  color:#FFFFFF!important;
  box-shadow:0 12px 24px rgba(37,99,235,.18)!important;
}
.ngk-loop-product-card .gamehub-buy-now-link:hover{
  background:linear-gradient(135deg,#1D4ED8,#1E40AF)!important;
}
.ngk-loop-product-card .gamehub-stock-button.disabled{
  grid-column:1/-1!important;
  background:#F1F5F9!important;
  border:1px solid #E2E8F0!important;
  color:#94A3B8!important;
}
@media (max-width:1180px){
  body.tax-product_cat ul.products,
  body.post-type-archive-product ul.products,
  .woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:820px){
  body.tax-product_cat ul.products,
  body.post-type-archive-product ul.products,
  .woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .ngk-loop-product-card .product-body{padding:13px!important}
  .ngk-loop-product-card .product-actions{gap:8px!important}
}
@media (max-width:520px){
  body.tax-product_cat .page-title,
  body.post-type-archive-product .page-title{padding:18px!important;border-radius:22px!important}
  body.tax-product_cat ul.products,
  body.post-type-archive-product ul.products,
  .woocommerce-page ul.products{grid-template-columns:1fr!important}
  .ngk-loop-product-card .product-image{padding-top:68%!important}
  .ngk-loop-product-card .product-title{min-height:auto!important;font-size:18px!important}
}


/* NGKSHOP v1740: prettier pagination + quantity control on loop product cards */
.woocommerce nav.woocommerce-pagination,
.woocommerce-pagination{
  margin:32px 0 8px!important;
  display:flex!important;
  justify-content:center!important;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-pagination ul{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  margin:0!important;
  border:none!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%)!important;
  box-shadow:0 12px 34px rgba(15,23,42,.08)!important;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-pagination ul li{
  float:none!important;
  border:none!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers,
.woocommerce-pagination ul li .page-numbers{
  width:48px!important;
  height:48px!important;
  padding:0 14px!important;
  border-radius:16px!important;
  border:1px solid #D6E1F0!important;
  background:#FFFFFF!important;
  color:#0F172A!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(148,163,184,.12)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease!important;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers:hover,
.woocommerce-pagination ul li .page-numbers:hover{
  transform:translateY(-2px)!important;
  border-color:#93C5FD!important;
  color:#2563EB!important;
  box-shadow:0 14px 28px rgba(37,99,235,.14)!important;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current,
.woocommerce-pagination ul li .page-numbers.current{
  background:linear-gradient(135deg,#2563EB,#1D4ED8)!important;
  border-color:#2563EB!important;
  color:#FFFFFF!important;
  box-shadow:0 16px 32px rgba(37,99,235,.22)!important;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev,
.woocommerce-pagination ul li .page-numbers.next,
.woocommerce-pagination ul li .page-numbers.prev{
  min-width:58px!important;
  width:auto!important;
  padding:0 16px!important;
}
.ngk-loop-product-card .ngk-loop-qty-row{
  margin-top:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.ngk-loop-product-card .ngk-loop-qty-label{
  color:#475569!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
.ngk-loop-product-card .ngk-loop-quantity{
  display:grid!important;
  grid-template-columns:40px minmax(54px,72px) 40px!important;
  align-items:center!important;
  border:1px solid #D6E6FF!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#F8FBFF 0%,#FFFFFF 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 10px 22px rgba(37,99,235,.06)!important;
  overflow:hidden!important;
}
.ngk-loop-product-card .ngk-qty-btn{
  width:40px!important;
  height:40px!important;
  border:none!important;
  background:transparent!important;
  color:#1D4ED8!important;
  font-size:22px!important;
  font-weight:1000!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:background .18s ease, color .18s ease!important;
}
.ngk-loop-product-card .ngk-qty-btn:hover{
  background:#DBEAFE!important;
  color:#1E40AF!important;
}
.ngk-loop-product-card .ngk-qty-input{
  width:100%!important;
  height:40px!important;
  border:none!important;
  background:transparent!important;
  text-align:center!important;
  color:#0F172A!important;
  font-size:15px!important;
  font-weight:1000!important;
  box-shadow:none!important;
  -moz-appearance:textfield!important;
}
.ngk-loop-product-card .ngk-qty-input::-webkit-outer-spin-button,
.ngk-loop-product-card .ngk-qty-input::-webkit-inner-spin-button{
  -webkit-appearance:none!important;
  margin:0!important;
}
@media (max-width:640px){
  .woocommerce nav.woocommerce-pagination ul,
  .woocommerce-pagination ul{gap:8px!important;padding:8px!important;border-radius:18px!important}
  .woocommerce nav.woocommerce-pagination ul li .page-numbers,
  .woocommerce-pagination ul li .page-numbers{width:44px!important;height:44px!important;border-radius:14px!important}
  .ngk-loop-product-card .ngk-loop-qty-row{flex-direction:column!important;align-items:stretch!important}
  .ngk-loop-product-card .ngk-loop-qty-label{text-align:left!important}
  .ngk-loop-product-card .ngk-loop-quantity{width:100%!important;grid-template-columns:42px 1fr 42px!important}
}

/* NGKSHOP v1741: stock labels, other services and homepage history */
.ngk-loop-product-card .ngk-loop-stock-line{
  margin-top:9px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:24px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#F8FAFC!important;
  border:1px solid #E2E8F0!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
.ngk-loop-product-card .ngk-loop-stock-line.is-in{
  background:#F0FDF4!important;
  border-color:#BBF7D0!important;
  color:#15803D!important;
}
.ngk-loop-product-card .ngk-loop-stock-line.is-out{
  background:#FEF2F2!important;
  border-color:#FECACA!important;
  color:#B91C1C!important;
}
.ngk-loop-product-card .ngk-stock-dot{
  width:8px!important;
  height:8px!important;
  flex:0 0 8px!important;
  border-radius:999px!important;
  background:#94A3B8!important;
  box-shadow:0 0 0 4px rgba(148,163,184,.14)!important;
}
.ngk-loop-product-card .ngk-loop-stock-line.is-in .ngk-stock-dot{
  background:#22C55E!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.16)!important;
}
.ngk-loop-product-card .ngk-loop-stock-line.is-out .ngk-stock-dot{
  background:#EF4444!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.16)!important;
}
.ngk-service-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.ngk-service-card{
  position:relative!important;
  min-height:166px!important;
  padding:22px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,#FFFFFF 0%,#F8FBFF 100%)!important;
  border:1px solid #E2E8F0!important;
  box-shadow:0 18px 42px rgba(15,23,42,.07)!important;
  text-decoration:none!important;
  color:#0F172A!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  overflow:hidden!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.ngk-service-card::after{
  content:"";
  position:absolute;
  right:-34px;
  top:-34px;
  width:112px;
  height:112px;
  border-radius:999px;
  background:rgba(37,99,235,.08);
}
.ngk-service-card:hover{
  transform:translateY(-4px)!important;
  border-color:#BFDBFE!important;
  box-shadow:0 24px 60px rgba(37,99,235,.13)!important;
}
.ngk-service-icon{
  width:48px!important;
  height:48px!important;
  border-radius:17px!important;
  display:grid!important;
  place-items:center!important;
  background:#EFF6FF!important;
  border:1px solid #DBEAFE!important;
  font-size:24px!important;
}
.ngk-service-card strong{
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:1000!important;
  letter-spacing:-.02em!important;
}
.ngk-service-card small{
  color:#64748B!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:700!important;
}
.ngk-history-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.ngk-history-card,
.ngk-history-login-box{
  border-radius:28px!important;
  background:#FFFFFF!important;
  border:1px solid #E2E8F0!important;
  box-shadow:0 18px 42px rgba(15,23,42,.07)!important;
  padding:22px!important;
}
.ngk-history-login-box{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.ngk-history-login-box h3{margin:0 0 6px!important;font-size:22px!important;color:#0F172A!important}
.ngk-history-login-box p{margin:0!important;color:#64748B!important;font-weight:700!important}
.ngk-history-card-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:16px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #E2E8F0!important;
}
.ngk-history-card-head > span{
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:#EFF6FF!important;
  border:1px solid #DBEAFE!important;
  font-size:23px!important;
}
.ngk-history-card-head h3{
  margin:0!important;
  color:#0F172A!important;
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:1000!important;
}
.ngk-history-card-head p{
  margin:3px 0 0!important;
  color:#64748B!important;
  font-size:13px!important;
  font-weight:750!important;
}
.ngk-history-list{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.ngk-history-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:#F8FAFC!important;
  border:1px solid #EEF2F7!important;
}
.ngk-history-row strong{
  display:block!important;
  color:#0F172A!important;
  font-size:14px!important;
  font-weight:950!important;
}
.ngk-history-row small{
  display:block!important;
  margin-top:4px!important;
  color:#64748B!important;
  font-size:12px!important;
  font-weight:750!important;
}
.ngk-history-row b{
  white-space:nowrap!important;
  color:#A16207!important;
  font-size:14px!important;
  font-weight:1000!important;
}
.ngk-history-empty{
  padding:18px!important;
  border-radius:18px!important;
  background:#F8FAFC!important;
  border:1px dashed #CBD5E1!important;
  color:#64748B!important;
  text-align:center!important;
  font-weight:850!important;
}
@media (max-width:900px){
  .ngk-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ngk-history-grid{grid-template-columns:1fr!important}
}
@media (max-width:560px){
  .ngk-service-grid{grid-template-columns:1fr!important}
  .ngk-service-card{min-height:auto!important;padding:18px!important;border-radius:22px!important}
  .ngk-history-login-box{display:block!important}
  .ngk-history-login-box .btn-primary{margin-top:14px!important;width:100%!important;text-align:center!important}
  .ngk-history-row{align-items:flex-start!important;flex-direction:column!important}
}


/* NGKSHOP v1742: non-game services + completed-only histories */
.ngk-other-services-section{
  position:relative!important;
}
.ngk-other-services-section .section-head{
  align-items:flex-end!important;
}
.ngk-section-subtitle{
  margin:6px 0 0!important;
  color:#64748B!important;
  font-size:14px!important;
  font-weight:750!important;
}
.ngk-other-services-section .ngk-service-card{
  background:linear-gradient(145deg,#FFFFFF 0%,#F8FAFC 54%,#F5F3FF 100%)!important;
}
.ngk-other-services-section .ngk-service-card::after{
  background:rgba(124,58,237,.09)!important;
}
.ngk-other-services-section .ngk-service-icon{
  background:#F5F3FF!important;
  border-color:#DDD6FE!important;
}
.ngk-history-card .ngk-history-card-head p{
  max-width:280px!important;
}


/* NGKSHOP v1743: dedicated service cards order + service landing pages */
.ngk-service-card{ text-decoration:none!important; }
.ngk-service-page{padding-bottom:32px!important}
.ngk-service-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr)!important;
  gap:22px!important;
  align-items:stretch!important;
  margin-bottom:22px!important;
}
.ngk-service-hero-copy,
.ngk-service-hero-card,
.ngk-service-box,
.ngk-service-note-box{
  border:1px solid #E2E8F0!important;
  background:#FFFFFF!important;
  border-radius:28px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.07)!important;
}
.ngk-service-hero-copy{
  padding:28px!important;
  background:linear-gradient(135deg,#F8FBFF 0%,#FFFFFF 55%,#F5F3FF 100%)!important;
}
.ngk-service-hero-copy h1{
  margin:6px 0 12px!important;
  font-size:34px!important;
  line-height:1.15!important;
  color:#0F172A!important;
}
.ngk-service-hero-desc{
  margin:0!important;
  max-width:760px!important;
  color:#475569!important;
  font-size:16px!important;
  line-height:1.75!important;
}
.ngk-service-hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:18px!important;
}
.ngk-service-hero-card{
  padding:28px!important;
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  min-height:100%!important;
  background:linear-gradient(160deg,#FAF7FF 0%,#FFFFFF 62%,#EFF6FF 100%)!important;
}
.ngk-service-hero-card::after{
  content:''!important;
  position:absolute!important;
  width:170px!important;
  height:170px!important;
  top:-52px!important;
  right:-44px!important;
  border-radius:999px!important;
  background:rgba(196,181,253,.28)!important;
}
.ngk-service-hero-icon{
  position:relative!important;
  z-index:1!important;
  width:82px!important;
  height:82px!important;
  border-radius:24px!important;
  display:grid!important;
  place-items:center!important;
  background:#FFFFFF!important;
  border:1px solid #DDD6FE!important;
  box-shadow:0 14px 28px rgba(167,139,250,.16)!important;
  font-size:34px!important;
  margin-bottom:18px!important;
}
.ngk-service-hero-card strong,
.ngk-service-hero-card small{position:relative!important;z-index:1!important}
.ngk-service-hero-card strong{
  display:block!important;
  margin-bottom:10px!important;
  color:#0F172A!important;
  font-size:26px!important;
  line-height:1.2!important;
  font-weight:1000!important;
}
.ngk-service-hero-card small{
  color:#64748B!important;
  font-size:15px!important;
  line-height:1.7!important;
}
.ngk-service-content-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  margin-bottom:22px!important;
}
.ngk-service-box,
.ngk-service-note-box{padding:24px!important}
.ngk-service-box h2,
.ngk-service-note-box h3{
  margin:0 0 14px!important;
  color:#0F172A!important;
  font-size:22px!important;
}
.ngk-service-box ul,
.ngk-service-box ol{
  margin:0!important;
  padding-left:20px!important;
  color:#475569!important;
  line-height:1.85!important;
}
.ngk-service-note-box p{
  margin:0!important;
  color:#475569!important;
  line-height:1.8!important;
}
@media (max-width:900px){
  .ngk-service-hero,
  .ngk-service-content-grid{grid-template-columns:1fr!important}
  .ngk-service-hero-copy h1{font-size:29px!important}
}
@media (max-width:640px){
  .ngk-service-hero-copy,
  .ngk-service-hero-card,
  .ngk-service-box,
  .ngk-service-note-box{padding:20px!important;border-radius:22px!important}
  .ngk-service-hero-copy h1{font-size:24px!important}
  .ngk-service-hero-icon{width:72px!important;height:72px!important;font-size:30px!important;border-radius:20px!important}
}


/* NGKSHOP v1746: match product category icon size with current service icons */
.game-category-card .category-thumb,
.archive-category-grid .category-thumb,
.category-grid .game-category-card .category-thumb{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:17px!important;
}
.game-category-card .category-thumb img,
.archive-category-grid .category-thumb img,
.category-grid .game-category-card .category-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.game-category-card .category-placeholder,
.archive-category-grid .category-placeholder,
.category-grid .game-category-card .category-placeholder{
  width:100%!important;
  height:100%!important;
  border-radius:17px!important;
  font-size:22px!important;
}
.game-category-card{
  min-height:142px!important;
  gap:10px!important;
}


/* NGKSHOP v1747: force category icons to exactly match service icons */
body .ngk-main-category-grid .game-category-card,
body .page .panel .ngk-main-category-grid .game-category-card,
body .entry-content .ngk-main-category-grid .game-category-card,
body .archive-category-grid .game-category-card,
body .category-grid .game-category-card{
  min-height:124px!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
body .ngk-main-category-grid .game-category-card .category-thumb,
body .page .panel .ngk-main-category-grid .game-category-card .category-thumb,
body .entry-content .ngk-main-category-grid .game-category-card .category-thumb,
body .archive-category-grid .game-category-card .category-thumb,
body .category-grid .game-category-card .category-thumb{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  flex:0 0 48px!important;
  padding:0!important;
  border-radius:17px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#EFF6FF!important;
  border:1px solid #DBEAFE!important;
}
body .ngk-main-category-grid .game-category-card .category-thumb img,
body .page .panel .ngk-main-category-grid .game-category-card .category-thumb img,
body .entry-content .ngk-main-category-grid .game-category-card .category-thumb img,
body .archive-category-grid .game-category-card .category-thumb img,
body .category-grid .game-category-card .category-thumb img{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  object-fit:cover!important;
  border-radius:17px!important;
  display:block!important;
}
body .ngk-main-category-grid .game-category-card .category-placeholder,
body .page .panel .ngk-main-category-grid .game-category-card .category-placeholder,
body .entry-content .ngk-main-category-grid .game-category-card .category-placeholder,
body .archive-category-grid .game-category-card .category-placeholder,
body .category-grid .game-category-card .category-placeholder{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  border-radius:17px!important;
  font-size:24px!important;
  display:grid!important;
  place-items:center!important;
  background:#DBEAFE!important;
  color:#1D4ED8!important;
}
body .ngk-main-category-grid .game-category-card .category-name,
body .page .panel .ngk-main-category-grid .game-category-card .category-name,
body .entry-content .ngk-main-category-grid .game-category-card .category-name,
body .archive-category-grid .game-category-card .category-name,
body .category-grid .game-category-card .category-name{
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:1000!important;
  color:#0F172A!important;
  text-align:left!important;
}


/* NGKSHOP v1748: fix product category cards so images are not cropped and all cards align evenly */
body .ngk-main-category-grid,
body .page .panel .ngk-main-category-grid,
body .entry-content .ngk-main-category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:26px!important;
  align-items:stretch!important;
}
body .ngk-main-category-grid .game-category-card,
body .page .panel .ngk-main-category-grid .game-category-card,
body .entry-content .ngk-main-category-grid .game-category-card,
body .archive-category-grid .game-category-card{
  min-height:280px!important;
  height:100%!important;
  padding:20px 20px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:14px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
body .ngk-main-category-grid .game-category-card .category-thumb,
body .page .panel .ngk-main-category-grid .game-category-card .category-thumb,
body .entry-content .ngk-main-category-grid .game-category-card .category-thumb,
body .archive-category-grid .game-category-card .category-thumb{
  width:100%!important;
  max-width:none!important;
  height:186px!important;
  min-height:186px!important;
  flex:0 0 186px!important;
  padding:14px!important;
  border-radius:22px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#EFF6FF 0%,#F8FAFC 70%,#FFFFFF 100%)!important;
  border:1px solid #E2E8F0!important;
  box-sizing:border-box!important;
}
body .ngk-main-category-grid .game-category-card .category-thumb img,
body .page .panel .ngk-main-category-grid .game-category-card .category-thumb img,
body .entry-content .ngk-main-category-grid .game-category-card .category-thumb img,
body .archive-category-grid .game-category-card .category-thumb img{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:16px!important;
  display:block!important;
  background:transparent!important;
}
body .ngk-main-category-grid .game-category-card .category-placeholder,
body .page .panel .ngk-main-category-grid .game-category-card .category-placeholder,
body .entry-content .ngk-main-category-grid .game-category-card .category-placeholder,
body .archive-category-grid .game-category-card .category-placeholder{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  border-radius:24px!important;
  font-size:34px!important;
  display:grid!important;
  place-items:center!important;
  background:#DBEAFE!important;
  color:#1D4ED8!important;
}
body .ngk-main-category-grid .game-category-card .category-name,
body .page .panel .ngk-main-category-grid .game-category-card .category-name,
body .entry-content .ngk-main-category-grid .game-category-card .category-name,
body .archive-category-grid .game-category-card .category-name{
  min-height:50px!important;
  display:flex!important;
  align-items:flex-start!important;
  color:#0F172A!important;
  font-size:18px!important;
  line-height:1.32!important;
  font-weight:1000!important;
  text-align:left!important;
}
@media (max-width:1180px){
  body .ngk-main-category-grid,
  body .page .panel .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:820px){
  body .ngk-main-category-grid,
  body .page .panel .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid,
  body .archive-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  body .ngk-main-category-grid .game-category-card .category-thumb,
  body .page .panel .ngk-main-category-grid .game-category-card .category-thumb,
  body .entry-content .ngk-main-category-grid .game-category-card .category-thumb,
  body .archive-category-grid .game-category-card .category-thumb{height:150px!important;min-height:150px!important;flex-basis:150px!important;padding:12px!important}
}
@media (max-width:520px){
  body .ngk-main-category-grid,
  body .page .panel .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid,
  body .archive-category-grid{grid-template-columns:1fr!important}
  body .ngk-main-category-grid .game-category-card,
  body .page .panel .ngk-main-category-grid .game-category-card,
  body .entry-content .ngk-main-category-grid .game-category-card,
  body .archive-category-grid .game-category-card{min-height:auto!important}
}


/* NGKSHOP v1749: category product page uses the same compact style as "Các dịch vụ game" */
body.page .ngk-main-category-grid,
body .entry-content .ngk-main-category-grid,
body .category-grid.ngk-main-category-grid,
body .archive-category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

body.page .ngk-main-category-grid .game-category-card,
body .entry-content .ngk-main-category-grid .game-category-card,
body .category-grid.ngk-main-category-grid .game-category-card,
body .archive-category-grid .game-category-card{
  min-height:216px!important;
  height:100%!important;
  padding:26px 16px 24px!important;
  border-radius:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  text-align:center!important;
  background:#FFFFFF!important;
  border:1px solid #E2E8F0!important;
  box-shadow:0 16px 38px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
}

body.page .ngk-main-category-grid .game-category-card:hover,
body .entry-content .ngk-main-category-grid .game-category-card:hover,
body .category-grid.ngk-main-category-grid .game-category-card:hover,
body .archive-category-grid .game-category-card:hover{
  transform:translateY(-3px)!important;
  border-color:#BFDBFE!important;
  box-shadow:0 22px 52px rgba(37,99,235,.11)!important;
}

body.page .ngk-main-category-grid .game-category-card .category-thumb,
body .entry-content .ngk-main-category-grid .game-category-card .category-thumb,
body .category-grid.ngk-main-category-grid .game-category-card .category-thumb,
body .archive-category-grid .game-category-card .category-thumb{
  width:96px!important;
  height:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  min-height:96px!important;
  flex:0 0 96px!important;
  padding:14px!important;
  border-radius:24px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#EFF6FF 0%,#F8FAFC 72%,#FFFFFF 100%)!important;
  border:1px solid #E2E8F0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

body.page .ngk-main-category-grid .game-category-card .category-thumb img,
body .entry-content .ngk-main-category-grid .game-category-card .category-thumb img,
body .category-grid.ngk-main-category-grid .game-category-card .category-thumb img,
body .archive-category-grid .game-category-card .category-thumb img{
  width:68px!important;
  height:68px!important;
  max-width:68px!important;
  max-height:68px!important;
  min-width:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:18px!important;
  display:block!important;
  background:transparent!important;
}

body.page .ngk-main-category-grid .game-category-card .category-placeholder,
body .entry-content .ngk-main-category-grid .game-category-card .category-placeholder,
body .category-grid.ngk-main-category-grid .game-category-card .category-placeholder,
body .archive-category-grid .game-category-card .category-placeholder{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  border-radius:17px!important;
  font-size:24px!important;
  display:grid!important;
  place-items:center!important;
  background:#DBEAFE!important;
  color:#1D4ED8!important;
}

body.page .ngk-main-category-grid .game-category-card .category-name,
body .entry-content .ngk-main-category-grid .game-category-card .category-name,
body .category-grid.ngk-main-category-grid .game-category-card .category-name,
body .archive-category-grid .game-category-card .category-name{
  min-height:0!important;
  margin:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:#0F172A!important;
  font-size:18px!important;
  line-height:1.28!important;
  font-weight:1000!important;
  text-align:center!important;
}

@media (max-width:1180px){
  body.page .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid,
  body .category-grid.ngk-main-category-grid,
  body .archive-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:820px){
  body.page .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid,
  body .category-grid.ngk-main-category-grid,
  body .archive-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
}
@media (max-width:520px){
  body.page .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid,
  body .category-grid.ngk-main-category-grid,
  body .archive-category-grid{grid-template-columns:1fr!important}
  body.page .ngk-main-category-grid .game-category-card,
  body .entry-content .ngk-main-category-grid .game-category-card,
  body .category-grid.ngk-main-category-grid .game-category-card,
  body .archive-category-grid .game-category-card{min-height:190px!important}
}

/* NGKSHOP v1750: đồng bộ icon "Các dịch vụ game" và trang "Danh mục sản phẩm" */
body.front-page .category-grid,
body.home .category-grid,
body.page .ngk-main-category-grid,
body .entry-content .ngk-main-category-grid,
body .category-grid.ngk-main-category-grid,
body .archive-category-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  justify-content:center!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0!important;
}

body.front-page .category-grid .game-category-card,
body.home .category-grid .game-category-card,
body.page .ngk-main-category-grid .game-category-card,
body .entry-content .ngk-main-category-grid .game-category-card,
body .category-grid.ngk-main-category-grid .game-category-card,
body .archive-category-grid .game-category-card{
  width:100%!important;
  min-width:0!important;
  min-height:148px!important;
  height:100%!important;
  margin:0!important;
  padding:18px 10px 16px!important;
  box-sizing:border-box!important;
  border-radius:20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-align:center!important;
  float:none!important;
  clear:none!important;
  overflow:hidden!important;
}

body.front-page .category-grid .game-category-card .category-thumb,
body.home .category-grid .game-category-card .category-thumb,
body.page .ngk-main-category-grid .game-category-card .category-thumb,
body .entry-content .ngk-main-category-grid .game-category-card .category-thumb,
body .category-grid.ngk-main-category-grid .game-category-card .category-thumb,
body .archive-category-grid .game-category-card .category-thumb{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  flex:0 0 58px!important;
  padding:5px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#EFF6FF 0%,#F8FAFC 100%)!important;
  border:1px solid #DBEAFE!important;
  overflow:hidden!important;
}

body.front-page .category-grid .game-category-card .category-thumb img,
body.home .category-grid .game-category-card .category-thumb img,
body.page .ngk-main-category-grid .game-category-card .category-thumb img,
body .entry-content .ngk-main-category-grid .game-category-card .category-thumb img,
body .category-grid.ngk-main-category-grid .game-category-card .category-thumb img,
body .archive-category-grid .game-category-card .category-thumb img{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:14px!important;
  display:block!important;
  background:transparent!important;
}

body.front-page .category-grid .game-category-card .category-placeholder,
body.home .category-grid .game-category-card .category-placeholder,
body.page .ngk-main-category-grid .game-category-card .category-placeholder,
body .entry-content .ngk-main-category-grid .game-category-card .category-placeholder,
body .category-grid.ngk-main-category-grid .game-category-card .category-placeholder,
body .archive-category-grid .game-category-card .category-placeholder{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  border-radius:14px!important;
  font-size:23px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  background:#DBEAFE!important;
  color:#1D4ED8!important;
}

body.front-page .category-grid .game-category-card .category-name,
body.home .category-grid .game-category-card .category-name,
body.page .ngk-main-category-grid .game-category-card .category-name,
body .entry-content .ngk-main-category-grid .game-category-card .category-name,
body .category-grid.ngk-main-category-grid .game-category-card .category-name,
body .archive-category-grid .game-category-card .category-name{
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 2px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#0F172A!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-align:center!important;
  word-break:break-word!important;
}

@media (max-width:1180px){
  body.front-page .category-grid,
  body.home .category-grid,
  body.page .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid,
  body .category-grid.ngk-main-category-grid,
  body .archive-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:820px){
  body.front-page .category-grid,
  body.home .category-grid,
  body.page .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid,
  body .category-grid.ngk-main-category-grid,
  body .archive-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  body.front-page .category-grid .game-category-card,
  body.home .category-grid .game-category-card,
  body.page .ngk-main-category-grid .game-category-card,
  body .entry-content .ngk-main-category-grid .game-category-card,
  body .category-grid.ngk-main-category-grid .game-category-card,
  body .archive-category-grid .game-category-card{min-height:138px!important;padding:16px 8px 14px!important}
}
@media (max-width:520px){
  body.front-page .category-grid,
  body.home .category-grid,
  body.page .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid,
  body .category-grid.ngk-main-category-grid,
  body .archive-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}

/* ===== NGKSHOP FIX v1.7.51: đồng bộ icon Các dịch vụ game + Danh mục sản phẩm ===== */
:root{
  --ngk-cat-icon-box: 76px;
  --ngk-cat-icon-img: 48px;
  --ngk-cat-card-h: 188px;
}

/* 2 khu vực dùng chung layout */
body .category-grid,
body .ngk-main-category-grid,
body .page .panel .ngk-main-category-grid,
body .entry-content .ngk-main-category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding:0!important;
}

/* Card bằng nhau, nội dung đặt giữa */
body .category-card,
body .ngk-main-category-grid .category-card,
body .category-grid .category-card{
  min-width:0!important;
  width:auto!important;
  min-height:var(--ngk-cat-card-h)!important;
  height:var(--ngk-cat-card-h)!important;
  padding:18px 14px!important;
  margin:0!important;
  float:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:14px!important;
  overflow:hidden!important;
}

body .game-category-card,
body .ngk-main-category-grid .game-category-card{
  min-height:var(--ngk-cat-card-h)!important;
  height:var(--ngk-cat-card-h)!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
}

/* Bỏ khung ảnh to gây thừa trắng, tất cả icon cùng một khung */
body .category-thumb,
body .ngk-main-category-grid .category-thumb,
body .category-grid .category-thumb{
  flex:0 0 var(--ngk-cat-icon-box)!important;
  width:var(--ngk-cat-icon-box)!important;
  height:var(--ngk-cat-icon-box)!important;
  max-width:var(--ngk-cat-icon-box)!important;
  max-height:var(--ngk-cat-icon-box)!important;
  min-width:var(--ngk-cat-icon-box)!important;
  min-height:var(--ngk-cat-icon-box)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#eef6ff,#f8fbff)!important;
  border:1px solid #dbe6f3!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0 auto!important;
}

/* Ảnh icon giữ đúng 48x48, không cover full ô nên không bị lệch/cắt */
body .category-thumb img,
body .ngk-main-category-grid .category-thumb img,
body .category-grid .category-thumb img{
  width:var(--ngk-cat-icon-img)!important;
  height:var(--ngk-cat-icon-img)!important;
  max-width:var(--ngk-cat-icon-img)!important;
  max-height:var(--ngk-cat-icon-img)!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  border-radius:12px!important;
  margin:auto!important;
}

body .category-placeholder,
body .ngk-main-category-grid .category-placeholder,
body .category-grid .category-placeholder{
  width:var(--ngk-cat-icon-img)!important;
  height:var(--ngk-cat-icon-img)!important;
  border-radius:16px!important;
  font-size:24px!important;
  display:grid!important;
  place-items:center!important;
  margin:auto!important;
}

body .category-name,
body .ngk-main-category-grid .category-name,
body .category-grid .category-name{
  width:100%!important;
  max-width:100%!important;
  min-height:44px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-align:center!important;
  line-height:1.18!important;
  font-size:20px!important;
  font-weight:900!important;
  color:#06112b!important;
  margin:0!important;
  word-break:break-word!important;
}

body .category-count{display:none!important}

@media (max-width:1100px){
  body .category-grid,
  body .ngk-main-category-grid,
  body .page .panel .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:780px){
  body .category-grid,
  body .ngk-main-category-grid,
  body .page .panel .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  body .category-card,
  body .ngk-main-category-grid .category-card,
  body .category-grid .category-card{height:174px!important;min-height:174px!important;padding:16px 10px!important}
  body .category-name,
  body .ngk-main-category-grid .category-name,
  body .category-grid .category-name{font-size:18px!important;min-height:42px!important}
}
@media (max-width:420px){
  body .category-grid,
  body .ngk-main-category-grid,
  body .page .panel .ngk-main-category-grid,
  body .entry-content .ngk-main-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ===== NGKSHOP FIX v1.7.52: trang quản lý icon thủ công ===== */
.ngk-icon-manager .gh-admin-head{
  margin-bottom:16px!important;
}
.ngk-icon-form h3{
  margin:22px 0 8px!important;
  font-size:20px!important;
  color:#06112b!important;
}
.ngk-icon-table{
  display:grid!important;
  gap:12px!important;
  margin:12px 0 18px!important;
}
.ngk-icon-row{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px!important;
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  background:#fff!important;
}
.ngk-icon-preview{
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  background:#eef6ff!important;
  border:1px solid #dbe6f3!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  color:#1d4ed8!important;
  font-weight:900!important;
  font-size:24px!important;
}
.ngk-icon-preview img{
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:12px!important;
}
.ngk-icon-info{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
.ngk-icon-info strong{
  font-size:15px!important;
  color:#06112b!important;
}
.ngk-icon-info small{
  color:#64748b!important;
}
.ngk-icon-info input[type="text"]{
  max-width:260px!important;
  padding:8px 10px!important;
  border:1px solid #dbe6f3!important;
  border-radius:10px!important;
}
.ngk-icon-row .button,
.ngk-icon-save{
  border-radius:12px!important;
  min-height:38px!important;
  font-weight:800!important;
}
.ngk-service-icon .ngk-service-icon-img,
.ngk-service-hero-icon .ngk-service-icon-img{
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
  display:block!important;
  margin:auto!important;
  border-radius:14px!important;
}
@media(max-width:700px){
  .ngk-icon-row{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
  .ngk-icon-row .button{
    grid-column:2!important;
    width:100%!important;
  }
}


/* ===== NGKSHOP FIX v1.7.53: ép tuyệt đối trang danh mục sản phẩm dùng cùng cỡ icon, bỏ khoảng trắng thừa ===== */
body .ngk-unified-category-grid,
body.page .panel .ngk-unified-category-grid,
body.home .ngk-unified-category-grid,
body.front-page .ngk-unified-category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding:0!important;
}

body .ngk-unified-category-grid > .category-card.game-category-card,
body.page .panel .ngk-unified-category-grid > .category-card.game-category-card,
body.home .ngk-unified-category-grid > .category-card.game-category-card,
body.front-page .ngk-unified-category-grid > .category-card.game-category-card{
  width:100%!important;
  min-width:0!important;
  min-height:154px!important;
  height:154px!important;
  padding:16px 12px!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  text-align:center!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid #dbe4f0!important;
  box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
  float:none!important;
}

body .ngk-unified-category-grid > .category-card.game-category-card .category-thumb,
body.page .panel .ngk-unified-category-grid > .category-card.game-category-card .category-thumb,
body.home .ngk-unified-category-grid > .category-card.game-category-card .category-thumb,
body.front-page .ngk-unified-category-grid > .category-card.game-category-card .category-thumb{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  flex:0 0 58px!important;
  padding:5px!important;
  margin:0 auto!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#eff6ff 0%,#f8fbff 100%)!important;
  border:1px solid #dbeafe!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

body .ngk-unified-category-grid > .category-card.game-category-card .category-thumb img,
body.page .panel .ngk-unified-category-grid > .category-card.game-category-card .category-thumb img,
body.home .ngk-unified-category-grid > .category-card.game-category-card .category-thumb img,
body.front-page .ngk-unified-category-grid > .category-card.game-category-card .category-thumb img{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:14px!important;
  display:block!important;
  margin:auto!important;
  background:transparent!important;
}

body .ngk-unified-category-grid > .category-card.game-category-card .category-placeholder,
body.page .panel .ngk-unified-category-grid > .category-card.game-category-card .category-placeholder,
body.home .ngk-unified-category-grid > .category-card.game-category-card .category-placeholder,
body.front-page .ngk-unified-category-grid > .category-card.game-category-card .category-placeholder{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:14px!important;
  font-size:23px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  margin:auto!important;
  background:#dbeafe!important;
  color:#1d4ed8!important;
}

body .ngk-unified-category-grid > .category-card.game-category-card .category-name,
body.page .panel .ngk-unified-category-grid > .category-card.game-category-card .category-name,
body.home .ngk-unified-category-grid > .category-card.game-category-card .category-name,
body.front-page .ngk-unified-category-grid > .category-card.game-category-card .category-name{
  width:100%!important;
  min-height:38px!important;
  max-width:100%!important;
  margin:0!important;
  padding:0 2px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-align:center!important;
  line-height:1.3!important;
  font-size:14px!important;
  font-weight:900!important;
  color:#0f172a!important;
  word-break:break-word!important;
}

body.page .panel .ngk-unified-category-grid > .category-card.game-category-card:hover,
body.home .ngk-unified-category-grid > .category-card.game-category-card:hover,
body.front-page .ngk-unified-category-grid > .category-card.game-category-card:hover{
  transform:translateY(-3px)!important;
  border-color:#bfd8ff!important;
  box-shadow:0 16px 34px rgba(37,99,235,.10)!important;
}

@media (max-width:1180px){
  body .ngk-unified-category-grid,
  body.page .panel .ngk-unified-category-grid,
  body.home .ngk-unified-category-grid,
  body.front-page .ngk-unified-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:820px){
  body .ngk-unified-category-grid,
  body.page .panel .ngk-unified-category-grid,
  body.home .ngk-unified-category-grid,
  body.front-page .ngk-unified-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  body .ngk-unified-category-grid > .category-card.game-category-card,
  body.page .panel .ngk-unified-category-grid > .category-card.game-category-card,
  body.home .ngk-unified-category-grid > .category-card.game-category-card,
  body.front-page .ngk-unified-category-grid > .category-card.game-category-card{height:148px!important;min-height:148px!important;padding:14px 10px!important}
}
@media (max-width:520px){
  body .ngk-unified-category-grid,
  body.page .panel .ngk-unified-category-grid,
  body.home .ngk-unified-category-grid,
  body.front-page .ngk-unified-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body .ngk-unified-category-grid > .category-card.game-category-card,
  body.page .panel .ngk-unified-category-grid > .category-card.game-category-card,
  body.home .ngk-unified-category-grid > .category-card.game-category-card,
  body.front-page .ngk-unified-category-grid > .category-card.game-category-card{height:142px!important;min-height:142px!important}
}


/* ===== NGKSHOP FIX v1.7.54: trang Danh mục sản phẩm bỏ ô ảnh to, tăng icon nhìn rõ ===== */
body .ngk-page-intro{
  margin:0 0 18px!important;
  font-size:16px!important;
  color:#0f172a!important;
}

/* Chỉ ép mạnh cho grid đã gắn class đồng bộ */
body .category-grid.ngk-main-category-grid.ngk-unified-category-grid,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid,
body.home .category-grid.ngk-unified-category-grid,
body.front-page .category-grid.ngk-unified-category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding:0!important;
  align-items:stretch!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card,
body.home .category-grid.ngk-unified-category-grid > a.category-card.game-category-card,
body.front-page .category-grid.ngk-unified-category-grid > a.category-card.game-category-card{
  width:100%!important;
  min-width:0!important;
  height:170px!important;
  min-height:170px!important;
  padding:18px 14px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  text-align:center!important;
  background:#fff!important;
  border:1px solid #dbe4f0!important;
  border-radius:24px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/* Quan trọng: thu nhỏ khung ảnh to cũ về box icon vừa đẹp */
body .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb,
body.home .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb,
body.front-page .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  max-width:72px!important;
  max-height:72px!important;
  flex:0 0 72px!important;
  padding:6px!important;
  margin:0 auto!important;
  display:grid!important;
  place-items:center!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#eef6ff,#f8fbff)!important;
  border:1px solid #dbeafe!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb img,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb img,
body.home .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb img,
body.front-page .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb img{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:16px!important;
  display:block!important;
  margin:auto!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-placeholder,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-placeholder,
body.home .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-placeholder,
body.front-page .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-placeholder{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  border-radius:18px!important;
  font-size:28px!important;
  display:grid!important;
  place-items:center!important;
  margin:auto!important;
  background:#dbeafe!important;
  color:#1d4ed8!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-name,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-name,
body.home .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-name,
body.front-page .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-name{
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 4px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  font-size:16px!important;
  line-height:1.28!important;
  font-weight:900!important;
  text-align:center!important;
  color:#06112b!important;
  word-break:break-word!important;
}

@media (max-width:1180px){
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid,
  body.home .category-grid.ngk-unified-category-grid,
  body.front-page .category-grid.ngk-unified-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:820px){
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid,
  body.home .category-grid.ngk-unified-category-grid,
  body.front-page .category-grid.ngk-unified-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card,
  body.home .category-grid.ngk-unified-category-grid > a.category-card.game-category-card,
  body.front-page .category-grid.ngk-unified-category-grid > a.category-card.game-category-card{height:162px!important;min-height:162px!important}
}
@media (max-width:520px){
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid,
  body.home .category-grid.ngk-unified-category-grid,
  body.front-page .category-grid.ngk-unified-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card,
  body.home .category-grid.ngk-unified-category-grid > a.category-card.game-category-card,
  body.front-page .category-grid.ngk-unified-category-grid > a.category-card.game-category-card{height:150px!important;min-height:150px!important;padding:14px 10px!important}
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb,
  body.home .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb,
  body.front-page .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-width:64px!important;max-height:64px!important;flex-basis:64px!important}
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb img,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb img,
  body.home .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb img,
  body.front-page .category-grid.ngk-unified-category-grid > a.category-card.game-category-card .category-thumb img{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important}
}


/* ===== NGKSHOP FIX v1.7.55: /danh-muc-san-pham icon to đều, không khoảng trắng ===== */
body.page .panel > h1 + .ngk-page-intro,
body .ngk-page-intro{
  margin:0 0 18px!important;
  font-size:16px!important;
  color:#0f172a!important;
}

/* Grid riêng của shortcode danh mục sản phẩm */
body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-content:center!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding:0!important;
}

/* Card nhỏ vừa, bằng nhau, không kéo ô ảnh to */
body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card{
  width:100%!important;
  min-width:0!important;
  height:176px!important;
  min-height:176px!important;
  max-height:176px!important;
  padding:18px 14px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  text-align:center!important;
  background:#fff!important;
  border:1px solid #dbe4f0!important;
  border-radius:24px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.055)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  float:none!important;
  clear:none!important;
}

/* Ép chết CSS cũ: không cho .category-thumb width:100% / height:150-186px nữa */
body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb{
  width:80px!important;
  height:80px!important;
  min-width:80px!important;
  min-height:80px!important;
  max-width:80px!important;
  max-height:80px!important;
  flex:0 0 80px!important;
  flex-basis:80px!important;
  padding:5px!important;
  margin:0 auto!important;
  display:grid!important;
  place-items:center!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#eef6ff,#f8fbff)!important;
  border:1px solid #dbeafe!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img{
  width:70px!important;
  height:70px!important;
  min-width:70px!important;
  min-height:70px!important;
  max-width:70px!important;
  max-height:70px!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:18px!important;
  display:block!important;
  margin:auto!important;
  background:transparent!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > span.category-placeholder,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > span.category-placeholder,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > span.category-placeholder{
  width:70px!important;
  height:70px!important;
  min-width:70px!important;
  min-height:70px!important;
  max-width:70px!important;
  max-height:70px!important;
  border-radius:20px!important;
  font-size:32px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  margin:auto!important;
  background:#dbeafe!important;
  color:#1d4ed8!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-name,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-name,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-name{
  width:100%!important;
  max-width:100%!important;
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0 4px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-align:center!important;
  line-height:1.28!important;
  font-size:16px!important;
  font-weight:900!important;
  color:#06112b!important;
  word-break:break-word!important;
}

@media (max-width:1180px){
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
  body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:820px){
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
  body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card,
  body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card{height:168px!important;min-height:168px!important;max-height:168px!important;padding:16px 10px!important}
}
@media (max-width:520px){
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
  body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card,
  body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card{height:158px!important;min-height:158px!important;max-height:158px!important;padding:14px 8px!important}
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb,
  body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;max-width:72px!important;max-height:72px!important;flex-basis:72px!important}
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img,
  body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;max-width:62px!important;max-height:62px!important}
}


/* ===== NGKSHOP FIX v1.7.56: thu nhỏ ô danh mục sản phẩm nhưng vẫn giữ icon đều ===== */
body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid{
  grid-template-columns:repeat(auto-fill,minmax(170px,190px))!important;
  gap:14px!important;
  justify-content:start!important;
  align-items:stretch!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card{
  height:148px!important;
  min-height:148px!important;
  max-height:148px!important;
  padding:14px 10px!important;
  border-radius:20px!important;
  gap:10px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb{
  width:66px!important;
  height:66px!important;
  min-width:66px!important;
  min-height:66px!important;
  max-width:66px!important;
  max-height:66px!important;
  flex:0 0 66px!important;
  flex-basis:66px!important;
  padding:5px!important;
  border-radius:18px!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  border-radius:15px!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > span.category-placeholder,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > span.category-placeholder,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > span.category-placeholder{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  border-radius:16px!important;
  font-size:27px!important;
}

body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-name,
body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-name,
body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card > span.category-name{
  min-height:36px!important;
  height:36px!important;
  font-size:15px!important;
  line-height:1.2!important;
  padding:0 2px!important;
}

@media (max-width:820px){
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
  body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
}
@media (max-width:520px){
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid,
  body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card,
  body.page .panel .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card,
  body .entry-content .category-grid.ngk-main-category-grid.ngk-unified-category-grid.ngk-dmsp-grid > a.category-card.game-category-card{height:140px!important;min-height:140px!important;max-height:140px!important;padding:12px 8px!important}
}


/* ===== NGKSHOP FIX v1.7.57: FORCE bỏ nền trắng sau icon ở trang danh mục sản phẩm ===== */
body .ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb,
body.page .panel .ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb,
body .entry-content .ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb{
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  min-height:76px!important;
  max-width:76px!important;
  max-height:76px!important;
  flex:0 0 76px!important;
  flex-basis:76px!important;
  padding:0!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}
body .ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img,
body.page .panel .ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img,
body .entry-content .ngk-dmsp-grid > a.category-card.game-category-card > span.category-thumb > img{
  width:70px!important;
  height:70px!important;
  min-width:70px!important;
  min-height:70px!important;
  max-width:70px!important;
  max-height:70px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:block!important;
}
body .ngk-dmsp-grid > a.category-card.game-category-card,
body.page .panel .ngk-dmsp-grid > a.category-card.game-category-card,
body .entry-content .ngk-dmsp-grid > a.category-card.game-category-card{
  height:148px!important;
  min-height:148px!important;
  max-height:148px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:16px 12px 14px!important;
}

/* ===== NGKShop Robux 120h Add Giỏ hàng + Thanh toán Flow v1.7.61 ===== */
.gh-robux-order-box{
  margin:18px 0 20px!important;
  padding:18px!important;
  border:1px solid rgba(37,99,235,.18)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#eff6ff 0%,#ffffff 48%,#f0fdf4 100%)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.08)!important;
}
.gh-robux-order-head{margin-bottom:14px!important}
.gh-robux-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#2563eb!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  margin-bottom:10px!important;
}
.gh-robux-order-head h3{
  margin:0 0 6px!important;
  color:#0f172a!important;
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.gh-robux-order-head p{
  margin:0!important;
  color:#475569!important;
  line-height:1.55!important;
  font-weight:600!important;
}
.gh-robux-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin-top:14px!important;
}
.gh-robux-field{display:block!important;margin:0!important}
.gh-robux-field-wide{grid-column:1/-1!important}
.gh-robux-field span{
  display:block!important;
  margin-bottom:7px!important;
  color:#0f172a!important;
  font-weight:900!important;
  font-size:14px!important;
}
.gh-robux-field span b{color:#ef4444!important}
.gh-robux-field input{
  width:100%!important;
  height:48px!important;
  border:1px solid #dbeafe!important;
  border-radius:15px!important;
  padding:0 14px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-weight:800!important;
  outline:none!important;
  box-shadow:0 8px 20px rgba(37,99,235,.05)!important;
}
.gh-robux-field input:focus{
  border-color:#2563eb!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;
}
.gh-robux-field small{
  display:block!important;
  margin-top:6px!important;
  color:#64748b!important;
  font-weight:700!important;
  line-height:1.4!important;
}
.gh-robux-preview{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
  margin:15px 0 12px!important;
}
.gh-robux-preview div{
  padding:12px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04)!important;
}
.gh-robux-preview span{
  display:block!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.2px!important;
  margin-bottom:5px!important;
}
.gh-robux-preview strong{
  display:block!important;
  color:#0f172a!important;
  font-weight:950!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.gh-robux-before{color:#2563eb!important;font-size:19px!important}
.gh-robux-after{color:#16a34a!important;font-size:19px!important}
.gh-robux-warning,
.gh-robux-checkout-note{
  margin-top:12px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:#fffbeb!important;
  border:1px solid #fde68a!important;
  color:#92400e!important;
  font-weight:750!important;
  line-height:1.5!important;
}
.woocommerce div.product form.cart .gh-robux-order-box + .quantity,
.woocommerce div.product form.cart .gh-robux-order-box ~ .quantity{
  display:none!important;
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .gamehub-buy-now-button.single{
  min-height:48px!important;
  border-radius:15px!important;
  font-weight:950!important;
}
.woocommerce div.product form.cart .gamehub-buy-now-button.single{
  background:#16a34a!important;
  color:#fff!important;
  border:0!important;
  margin-left:8px!important;
}
.gh-robux-added-notice strong,
.gh-robux-added-notice span{
  display:block!important;
  margin-bottom:5px!important;
}
.gh-robux-added-notice p{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:10px 0 0!important;
}
.gh-robux-added-notice .button{
  border-radius:12px!important;
  font-weight:900!important;
  padding:9px 12px!important;
}
.gh-robux-added-notice .button.checkout{
  background:#16a34a!important;
  color:#fff!important;
}
.gh-robux-loop-button{background:#2563eb!important;color:#fff!important}
@media(max-width:720px){
  .gh-robux-order-box{padding:14px!important;border-radius:18px!important}
  .gh-robux-grid,.gh-robux-preview{grid-template-columns:1fr!important}
  .woocommerce div.product form.cart .single_add_to_cart_button,
  .woocommerce div.product form.cart .gamehub-buy-now-button.single{
    width:100%!important;
    margin:8px 0 0!important;
  }
  .gh-robux-added-notice p{display:grid!important;grid-template-columns:1fr!important}
  .gh-robux-added-notice .button{width:100%!important;text-align:center!important}
}


/* NGKShop Robux 120h cart flow v1.7.62 */
.gh-robux-added-notice{
  display:block;
  padding:14px 16px;
  border-radius:16px;
  background:#ecfdf5;
  border:1px solid rgba(22,163,74,.22);
  box-shadow:0 10px 30px rgba(15,23,42,.08);
  margin:12px 0;
}
.gh-robux-added-notice strong{display:block;font-size:16px;color:#166534;margin-bottom:4px}
.gh-robux-added-notice span{display:block;color:#334155;margin-bottom:10px;line-height:1.45}
.gh-robux-added-notice p{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.gh-robux-added-notice .button{border-radius:12px!important;font-weight:800!important;padding:10px 14px!important}
.gh-robux-added-notice .checkout{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}
.gh-robux-loop-form-link{white-space:nowrap;text-align:center}
.woocommerce-cart .wc-item-meta,
.woocommerce-checkout .wc-item-meta{font-size:13px;line-height:1.45;color:#334155}
.woocommerce-cart .wc-item-meta li,
.woocommerce-checkout .wc-item-meta li{margin:3px 0}


/* NGKShop v1763 - Robux 120h cart buttons */
.woocommerce div.product form.cart .gh-robux-continue-button {
  margin-left: 10px;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border: 0;
  color: #fff;
  border-radius: 14px;
  font-weight: 800;
  padding: 12px 18px;
}
.woocommerce div.product form.cart .gh-robux-continue-button:hover { filter: brightness(.96); }
@media (max-width: 640px) {
  .woocommerce div.product form.cart .gh-robux-continue-button,
  .woocommerce div.product form.cart .single_add_to_cart_button {
    width: 100%;
    margin-left: 0;
    margin-top: 8px;
  }
}

/* v1.7.65 Robux 120h force add-to-cart hard fix */

/* v1776 - Gộp khối thanh toán ví vào bảng đơn hàng cho gọn */
body.woocommerce-checkout .gh-checkout-page .gh-order-card-compact{
  overflow:hidden;
}
body.woocommerce-checkout .gh-checkout-page .gh-wallet-compact-payment{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e5edf7;
}
body.woocommerce-checkout .gh-checkout-page .gh-wallet-compact-payment #payment{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
}
body.woocommerce-checkout .gh-checkout-page .gh-wallet-compact-payment .payment_box:empty,
body.woocommerce-checkout .gh-checkout-page .gh-wallet-compact-payment .payment_box.payment_method_gamehub_wallet:empty{
  display:none !important;
}
body.woocommerce-checkout .gh-checkout-page .gh-wallet-compact-payment .form-row.place-order{
  margin:0 !important;
  padding:0 !important;
}
body.woocommerce-checkout .gh-checkout-page .gh-wallet-compact-payment #place_order,
body.woocommerce-checkout .gh-checkout-page .gh-wallet-compact-payment .gh-wallet-pay-button{
  width:100% !important;
  min-height:48px;
  border-radius:14px !important;
  font-weight:900 !important;
  font-size:15px !important;
  margin-top:0 !important;
}
body.woocommerce-checkout .gh-checkout-page .gh-wallet-pay-card{
  display:none !important;
}

/* v1777 - Làm đẹp trang Giỏ hàng + Đơn hàng */
body.woocommerce-cart .site-main,
body.woocommerce-account .site-main,
body.woocommerce-view-order .site-main,
body.woocommerce-order-received .site-main{
  padding-top: 18px;
}

body.woocommerce-cart .woocommerce,
body.woocommerce-account .woocommerce,
body.woocommerce-view-order .woocommerce,
body.woocommerce-order-received .woocommerce{
  color:#0f172a;
}

/* Notices */
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-view-order .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-view-order .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-view-order .woocommerce-notices-wrapper .woocommerce-error{
  border:0 !important;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
  padding:14px 16px 14px 44px !important;
}

/* Giỏ hàng page */
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce,
body.woocommerce-view-order .woocommerce-MyAccount-content{
  background:#ffffff;
  border:1px solid #e5edf7;
  border-radius:22px;
  box-shadow:0 16px 40px rgba(15,23,42,.05);
}

body.woocommerce-cart .woocommerce-cart-form{
  padding:18px 18px 8px;
  margin-bottom:18px;
}

body.woocommerce-cart .cart-collaterals{
  padding:18px;
}

body.woocommerce-cart .shop_table,
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-view-order .woocommerce-table,
body.woocommerce-order-received .woocommerce-table{
  border:0 !important;
  border-collapse:separate;
  border-spacing:0 14px;
  background:transparent;
}

body.woocommerce-cart .shop_table thead th,
body.woocommerce-account .woocommerce-orders-table thead th,
body.woocommerce-view-order .woocommerce-table thead th,
body.woocommerce-order-received .woocommerce-table thead th{
  background:#f8fbff;
  color:#46607f;
  border:0 !important;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:14px 16px;
}

body.woocommerce-cart .shop_table thead th:first-child,
body.woocommerce-account .woocommerce-orders-table thead th:first-child,
body.woocommerce-view-order .woocommerce-table thead th:first-child,
body.woocommerce-order-received .woocommerce-table thead th:first-child{
  border-top-left-radius:14px;
  border-bottom-left-radius:14px;
}
body.woocommerce-cart .shop_table thead th:last-child,
body.woocommerce-account .woocommerce-orders-table thead th:last-child,
body.woocommerce-view-order .woocommerce-table thead th:last-child,
body.woocommerce-order-received .woocommerce-table thead th:last-child{
  border-top-right-radius:14px;
  border-bottom-right-radius:14px;
}

body.woocommerce-cart .shop_table tbody td,
body.woocommerce-account .woocommerce-orders-table tbody td,
body.woocommerce-view-order .woocommerce-table tbody td,
body.woocommerce-order-received .woocommerce-table tbody td{
  background:#fff;
  border-top:1px solid #e8eef7 !important;
  border-bottom:1px solid #e8eef7 !important;
  border-left:0 !important;
  border-right:0 !important;
  padding:18px 16px;
  vertical-align:middle;
}
body.woocommerce-cart .shop_table tbody td:first-child,
body.woocommerce-account .woocommerce-orders-table tbody td:first-child,
body.woocommerce-view-order .woocommerce-table tbody td:first-child,
body.woocommerce-order-received .woocommerce-table tbody td:first-child{
  border-left:1px solid #e8eef7 !important;
  border-top-left-radius:18px;
  border-bottom-left-radius:18px;
}
body.woocommerce-cart .shop_table tbody td:last-child,
body.woocommerce-account .woocommerce-orders-table tbody td:last-child,
body.woocommerce-view-order .woocommerce-table tbody td:last-child,
body.woocommerce-order-received .woocommerce-table tbody td:last-child{
  border-right:1px solid #e8eef7 !important;
  border-top-right-radius:18px;
  border-bottom-right-radius:18px;
}

body.woocommerce-cart .shop_table .product-name a,
body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a,
body.woocommerce-view-order .woocommerce-table .product-name a,
body.woocommerce-order-received .woocommerce-table .product-name a{
  color:#0f172a;
  font-weight:800;
}

body.woocommerce-cart .product-remove a.remove{
  width:34px;
  height:34px;
  line-height:30px;
  border-radius:12px;
  background:#fff2f2;
  color:#dc2626 !important;
  border:1px solid #fecaca;
  font-size:20px;
  transition:all .2s ease;
}
body.woocommerce-cart .product-remove a.remove:hover{
  background:#dc2626;
  color:#fff !important;
  transform:translateY(-1px);
}

body.woocommerce-cart .product-thumbnail img{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:18px;
  border:1px solid #e5edf7;
  background:#f8fbff;
  padding:4px;
}

body.woocommerce-cart .quantity .qty{
  min-width:78px;
  height:44px;
  border-radius:14px;
  border:1px solid #d8e3f2;
  background:#f8fbff;
  font-weight:800;
  text-align:center;
}

body.woocommerce-cart .actions{
  padding-top:6px !important;
}
body.woocommerce-cart .actions .coupon,
body.woocommerce-cart .actions .button[name="update_cart"]{
  display:none !important;
}

body.woocommerce-cart .cart_totals,
body.woocommerce-cart .cart-collaterals .cart_totals{
  width:100% !important;
  float:none !important;
}

body.woocommerce-cart .cart_totals h2,
body.woocommerce-account .woocommerce-order-details__title,
body.woocommerce-account .woocommerce-column__title,
body.woocommerce-view-order .woocommerce-order-details__title,
body.woocommerce-view-order .woocommerce-column__title{
  font-size:28px;
  line-height:1.2;
  font-weight:900;
  color:#0f172a;
  margin-bottom:16px;
}

body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td{
  border-color:#e8eef7 !important;
  padding:14px 10px;
}
body.woocommerce-cart .cart_totals table th{
  color:#46607f;
  font-weight:800;
}
body.woocommerce-cart .cart_totals table td{
  text-align:right;
  font-weight:800;
}

body.woocommerce-cart .wc-proceed-to-checkout{
  padding-bottom:0;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-account .woocommerce-orders-table .button,
body.woocommerce-account .woocommerce-button,
body.woocommerce-view-order .woocommerce-button,
body.woocommerce-order-received .woocommerce-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:14px !important;
  border:1px solid #2563eb !important;
  background:#2563eb !important;
  color:#fff !important;
  font-weight:900 !important;
  box-shadow:0 10px 24px rgba(37,99,235,.18);
  transition:all .2s ease;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  width:100%;
  font-size:16px;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-account .woocommerce-orders-table .button:hover,
body.woocommerce-account .woocommerce-button:hover,
body.woocommerce-view-order .woocommerce-button:hover,
body.woocommerce-order-received .woocommerce-button:hover{
  transform:translateY(-1px);
  filter:brightness(.98);
}

/* Đơn hàng page */
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-view-order .woocommerce-MyAccount-content{
  width:100%;
}

body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce,
body.woocommerce-view-order .woocommerce-MyAccount-content{
  padding:18px;
}

body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status,
body.woocommerce-view-order .order_details .product-total,
body.woocommerce-order-received .order_details .product-total{
  font-weight:800;
}

body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status .order-status,
body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark,
body.woocommerce-view-order .woocommerce-order-overview li strong,
body.woocommerce-order-received .woocommerce-order-overview li strong{
  color:#0f172a;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__cell-order-total,
body.woocommerce-account .woocommerce-orders-table__cell-order-date{
  white-space:nowrap;
}

body.woocommerce-account .woocommerce-orders-table .woocommerce-button.button.pay{
  background:#16a34a !important;
  border-color:#16a34a !important;
}
body.woocommerce-account .woocommerce-orders-table .woocommerce-button.button.cancel{
  background:#fff !important;
  border-color:#fecaca !important;
  color:#dc2626 !important;
  box-shadow:none;
}
body.woocommerce-account .woocommerce-orders-table .woocommerce-button.button.view{
  background:#2563eb !important;
}

body.woocommerce-view-order .woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-order-overview{
  margin:0 0 20px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}
body.woocommerce-view-order .woocommerce-order-overview li,
body.woocommerce-order-received .woocommerce-order-overview li{
  list-style:none;
  margin:0;
  padding:14px 16px;
  border:1px solid #e5edf7;
  border-radius:16px;
  background:#f8fbff;
  font-size:13px;
  color:#46607f;
}
body.woocommerce-view-order .woocommerce-order-overview li strong,
body.woocommerce-order-received .woocommerce-order-overview li strong{
  display:block;
  margin-top:6px;
  font-size:16px;
  font-weight:900;
}

body.woocommerce-view-order .woocommerce-order-details,
body.woocommerce-view-order .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details{
  background:#fff;
  border:1px solid #e5edf7;
  border-radius:20px;
  padding:18px;
  box-shadow:0 16px 40px rgba(15,23,42,.05);
  margin-bottom:18px;
}

body.woocommerce-view-order address,
body.woocommerce-order-received address{
  border:0 !important;
  padding:0 !important;
  margin:0;
  line-height:1.8;
}

/* Mobile */
@media (max-width: 991px){
  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals,
  body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce,
  body.woocommerce-view-order .woocommerce-MyAccount-content{
    border-radius:18px;
    padding:14px;
  }
  body.woocommerce-cart .shop_table,
  body.woocommerce-account .woocommerce-orders-table,
  body.woocommerce-view-order .woocommerce-table,
  body.woocommerce-order-received .woocommerce-table{
    border-spacing:0 10px;
  }
  body.woocommerce-cart .shop_table thead,
  body.woocommerce-account .woocommerce-orders-table thead,
  body.woocommerce-view-order .woocommerce-table thead,
  body.woocommerce-order-received .woocommerce-table thead{
    display:none;
  }
  body.woocommerce-cart .shop_table tbody tr,
  body.woocommerce-account .woocommerce-orders-table tbody tr,
  body.woocommerce-view-order .woocommerce-table tbody tr,
  body.woocommerce-order-received .woocommerce-table tbody tr{
    display:block;
    margin-bottom:10px;
  }
  body.woocommerce-cart .shop_table tbody td,
  body.woocommerce-account .woocommerce-orders-table tbody td,
  body.woocommerce-view-order .woocommerce-table tbody td,
  body.woocommerce-order-received .woocommerce-table tbody td{
    display:block;
    width:100%;
    border-left:1px solid #e8eef7 !important;
    border-right:1px solid #e8eef7 !important;
    border-radius:0 !important;
    text-align:left !important;
    padding:12px 14px;
  }
  body.woocommerce-cart .shop_table tbody td:first-child,
  body.woocommerce-account .woocommerce-orders-table tbody td:first-child,
  body.woocommerce-view-order .woocommerce-table tbody td:first-child,
  body.woocommerce-order-received .woocommerce-table tbody td:first-child{
    border-top-left-radius:16px !important;
    border-top-right-radius:16px !important;
  }
  body.woocommerce-cart .shop_table tbody td:last-child,
  body.woocommerce-account .woocommerce-orders-table tbody td:last-child,
  body.woocommerce-view-order .woocommerce-table tbody td:last-child,
  body.woocommerce-order-received .woocommerce-table tbody td:last-child{
    border-bottom-left-radius:16px !important;
    border-bottom-right-radius:16px !important;
  }
  body.woocommerce-cart .shop_table_responsive tr td::before,
  body.woocommerce-account .woocommerce-orders-table--responsive tr td::before,
  body.woocommerce-view-order .woocommerce-table--order-details tr td::before,
  body.woocommerce-order-received .woocommerce-table--order-details tr td::before{
    font-weight:800;
    color:#46607f;
  }
  body.woocommerce-account .woocommerce-orders-table .woocommerce-button,
  body.woocommerce-account .woocommerce-button,
  body.woocommerce-view-order .woocommerce-button,
  body.woocommerce-order-received .woocommerce-button{
    width:100%;
    margin-top:8px;
  }
}

/* v1778 - Sang trọng hơn cho trang Giỏ hàng + Đơn hàng */
body.woocommerce-cart,
body.woocommerce-account,
body.woocommerce-view-order,
body.woocommerce-order-received{
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.06), transparent 28%),
    radial-gradient(circle at top right, rgba(16,185,129,.05), transparent 22%),
    #f3f7fc;
}

body.woocommerce-cart .entry-title,
body.woocommerce-account .entry-title,
body.woocommerce-view-order .entry-title,
body.woocommerce-order-received .entry-title,
body.woocommerce-cart .woocommerce h1,
body.woocommerce-account .woocommerce h1,
body.woocommerce-view-order .woocommerce h1,
body.woocommerce-order-received .woocommerce h1{
  font-size:42px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-0.02em;
  color:#0b1736;
  margin-bottom:18px;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce,
body.woocommerce-view-order .woocommerce-MyAccount-content,
body.woocommerce-view-order .woocommerce-order-details,
body.woocommerce-view-order .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-order,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details{
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border:1px solid rgba(214,226,241,.95);
  border-radius:28px;
  box-shadow:0 20px 50px rgba(15,23,42,.07), 0 2px 10px rgba(37,99,235,.04);
  overflow:hidden;
}

body.woocommerce-cart .woocommerce-cart-form::before,
body.woocommerce-cart .cart-collaterals::before,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce::before,
body.woocommerce-view-order .woocommerce-MyAccount-content::before,
body.woocommerce-view-order .woocommerce-order-details::before,
body.woocommerce-view-order .woocommerce-customer-details::before,
body.woocommerce-order-received .woocommerce-order::before,
body.woocommerce-order-received .woocommerce-order-details::before,
body.woocommerce-order-received .woocommerce-customer-details::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(37,99,235,.18), rgba(16,185,129,.12));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce,
body.woocommerce-view-order .woocommerce-MyAccount-content,
body.woocommerce-view-order .woocommerce-order-details,
body.woocommerce-view-order .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-order,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details{
  padding:24px;
}
body.woocommerce-cart .cart-collaterals{
  padding:22px;
}

body.woocommerce-cart .woocommerce-cart-form::after,
body.woocommerce-cart .cart-collaterals::after,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce::after,
body.woocommerce-view-order .woocommerce-MyAccount-content::after,
body.woocommerce-view-order .woocommerce-order-details::after,
body.woocommerce-view-order .woocommerce-customer-details::after,
body.woocommerce-order-received .woocommerce-order::after,
body.woocommerce-order-received .woocommerce-order-details::after,
body.woocommerce-order-received .woocommerce-customer-details::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:linear-gradient(90deg,#2563eb 0%,#4f46e5 52%,#10b981 100%);
}

body.woocommerce-cart .shop_table thead th,
body.woocommerce-account .woocommerce-orders-table thead th,
body.woocommerce-view-order .woocommerce-table thead th,
body.woocommerce-order-received .woocommerce-table thead th{
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
  color:#425a7a;
  border:1px solid #e7eef8 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}

body.woocommerce-cart .shop_table tbody td,
body.woocommerce-account .woocommerce-orders-table tbody td,
body.woocommerce-view-order .woocommerce-table tbody td,
body.woocommerce-order-received .woocommerce-table tbody td{
  background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%);
  box-shadow:0 10px 24px rgba(15,23,42,.03);
}

body.woocommerce-cart .shop_table tbody tr,
body.woocommerce-account .woocommerce-orders-table tbody tr,
body.woocommerce-view-order .woocommerce-table tbody tr,
body.woocommerce-order-received .woocommerce-table tbody tr{
  transition:transform .2s ease, box-shadow .2s ease;
}
body.woocommerce-cart .shop_table tbody tr:hover,
body.woocommerce-account .woocommerce-orders-table tbody tr:hover,
body.woocommerce-view-order .woocommerce-table tbody tr:hover,
body.woocommerce-order-received .woocommerce-table tbody tr:hover{
  transform:translateY(-2px);
}

body.woocommerce-cart .product-name,
body.woocommerce-view-order .product-name,
body.woocommerce-order-received .product-name{
  font-size:15px;
  line-height:1.7;
}
body.woocommerce-cart .product-name a,
body.woocommerce-view-order .product-name a,
body.woocommerce-order-received .product-name a{
  font-size:17px;
}

body.woocommerce-cart .product-thumbnail img{
  width:78px;
  height:78px;
  border-radius:22px;
  box-shadow:0 10px 20px rgba(15,23,42,.08);
}

body.woocommerce-cart .quantity .qty{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  border:1px solid #dbe5f2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

body.woocommerce-cart .cart_totals h2,
body.woocommerce-account .woocommerce-order-details__title,
body.woocommerce-account .woocommerce-column__title,
body.woocommerce-view-order .woocommerce-order-details__title,
body.woocommerce-view-order .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title{
  position:relative;
  padding-left:18px;
}
body.woocommerce-cart .cart_totals h2::before,
body.woocommerce-account .woocommerce-order-details__title::before,
body.woocommerce-account .woocommerce-column__title::before,
body.woocommerce-view-order .woocommerce-order-details__title::before,
body.woocommerce-view-order .woocommerce-column__title::before,
body.woocommerce-order-received .woocommerce-order-details__title::before,
body.woocommerce-order-received .woocommerce-column__title::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:7px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(180deg,#2563eb 0%,#10b981 100%);
}

body.woocommerce-cart .cart_totals table,
body.woocommerce-view-order .woocommerce-table--order-details tfoot,
body.woocommerce-order-received .woocommerce-table--order-details tfoot{
  background:#fbfdff;
}
body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td,
body.woocommerce-view-order .woocommerce-table--order-details tfoot th,
body.woocommerce-view-order .woocommerce-table--order-details tfoot td,
body.woocommerce-order-received .woocommerce-table--order-details tfoot th,
body.woocommerce-order-received .woocommerce-table--order-details tfoot td{
  font-size:15px;
}
body.woocommerce-cart .cart_totals table td,
body.woocommerce-view-order .woocommerce-table--order-details tfoot td,
body.woocommerce-order-received .woocommerce-table--order-details tfoot td{
  color:#0b1736;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-account .woocommerce-orders-table .button,
body.woocommerce-account .woocommerce-button,
body.woocommerce-view-order .woocommerce-button,
body.woocommerce-order-received .woocommerce-button{
  border:0 !important;
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 45%,#4f46e5 100%) !important;
  box-shadow:0 16px 30px rgba(37,99,235,.22);
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-account .woocommerce-orders-table .button:hover,
body.woocommerce-account .woocommerce-button:hover,
body.woocommerce-view-order .woocommerce-button:hover,
body.woocommerce-order-received .woocommerce-button:hover{
  box-shadow:0 20px 34px rgba(37,99,235,.28);
}
body.woocommerce-account .woocommerce-orders-table .woocommerce-button.button.cancel{
  background:linear-gradient(180deg,#ffffff 0%,#fff6f6 100%) !important;
  border:1px solid #fecaca !important;
}

body.woocommerce-account .woocommerce-orders-table .woocommerce-button,
body.woocommerce-account .woocommerce-button{
  padding-left:18px;
  padding-right:18px;
}

body.woocommerce-view-order .woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-order-overview{
  margin-top:6px;
  margin-bottom:22px;
}
body.woocommerce-view-order .woocommerce-order-overview li,
body.woocommerce-order-received .woocommerce-order-overview li{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid #e5edf7;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
body.woocommerce-view-order .woocommerce-order-overview li strong,
body.woocommerce-order-received .woocommerce-order-overview li strong{
  font-size:18px;
}

body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:#edf7ff;
  color:#2563eb;
  font-weight:800;
}

body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-total,
body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-date,
body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status,
body.woocommerce-view-order .woocommerce-table td,
body.woocommerce-order-received .woocommerce-table td{
  color:#0f172a;
}

body.woocommerce-account address,
body.woocommerce-view-order address,
body.woocommerce-order-received address{
  background:#f8fbff;
  border:1px solid #e5edf7 !important;
  border-radius:18px;
  padding:16px !important;
}

body.woocommerce-cart .woocommerce-notices-wrapper,
body.woocommerce-account .woocommerce-notices-wrapper,
body.woocommerce-view-order .woocommerce-notices-wrapper,
body.woocommerce-order-received .woocommerce-notices-wrapper{
  margin-bottom:18px;
}

@media (max-width: 991px){
  body.woocommerce-cart .entry-title,
  body.woocommerce-account .entry-title,
  body.woocommerce-view-order .entry-title,
  body.woocommerce-order-received .entry-title,
  body.woocommerce-cart .woocommerce h1,
  body.woocommerce-account .woocommerce h1,
  body.woocommerce-view-order .woocommerce h1,
  body.woocommerce-order-received .woocommerce h1{
    font-size:32px;
  }
  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals,
  body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce,
  body.woocommerce-view-order .woocommerce-MyAccount-content,
  body.woocommerce-view-order .woocommerce-order-details,
  body.woocommerce-view-order .woocommerce-customer-details,
  body.woocommerce-order-received .woocommerce-order,
  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details{
    border-radius:22px;
    padding:16px;
  }
  body.woocommerce-cart .product-thumbnail img{
    width:68px;
    height:68px;
  }
}

/* v1779 - Box hướng dẫn kiểm tra Robux */
.ngk-robux-guide-card{
  margin:18px 0;
  padding:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:18px;
  align-items:center;
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(214,226,241,.95);
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 36%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 18px 44px rgba(15,23,42,.07), 0 2px 10px rgba(37,99,235,.04);
}
.ngk-robux-guide-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,#2563eb 0%,#4f46e5 52%,#10b981 100%);
}
.ngk-robux-guide-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:7px 12px;
  border-radius:999px;
  background:#edf7ff;
  color:#2563eb;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:10px;
}
.ngk-robux-guide-card h2{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.25;
  font-weight:900;
  color:#0b1736;
  letter-spacing:-.01em;
}
.ngk-robux-guide-card p{
  margin:0 0 14px;
  color:#536985;
  line-height:1.65;
  font-weight:600;
}
.ngk-robux-guide-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0 0 14px;
}
.ngk-robux-guide-steps span{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:9px 11px;
  border-radius:14px;
  background:#f8fbff;
  border:1px solid #e5edf7;
  color:#0f172a;
  font-weight:800;
  font-size:13px;
}
.ngk-robux-guide-open{
  min-height:44px;
  padding:0 18px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 45%,#4f46e5 100%);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(37,99,235,.22);
  transition:all .2s ease;
}
.ngk-robux-guide-open:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(37,99,235,.28);
}
.ngk-robux-guide-image{
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 14px 28px rgba(15,23,42,.12);
  transition:transform .2s ease;
}
.ngk-robux-guide-image:hover{
  transform:translateY(-2px) scale(1.01);
}
.ngk-robux-guide-image img{
  display:block;
  width:100%;
  height:180px;
  object-fit:cover;
  object-position:center;
}
.ngk-robux-guide-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(2,6,23,.72);
  backdrop-filter:blur(8px);
}
.ngk-robux-guide-modal.is-open{
  display:flex;
}
.ngk-robux-guide-modal-inner{
  width:min(980px,96vw);
  max-height:90vh;
  overflow:auto;
  border-radius:26px;
  background:#fff;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
}
.ngk-robux-guide-modal-inner img{
  display:block;
  width:100%;
  height:auto;
}
.ngk-robux-guide-modal-close{
  position:fixed;
  top:18px;
  right:18px;
  width:46px;
  height:46px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  font-size:30px;
  line-height:1;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
html.ngk-robux-guide-locked,
html.ngk-robux-guide-locked body{
  overflow:hidden;
}
body.woocommerce-order-received .ngk-robux-guide-card,
body.woocommerce-view-order .ngk-robux-guide-card{
  margin:20px 0;
}
@media (max-width: 760px){
  .ngk-robux-guide-card{
    grid-template-columns:1fr;
    padding:16px;
    border-radius:22px;
  }
  .ngk-robux-guide-card h2{
    font-size:21px;
  }
  .ngk-robux-guide-steps{
    grid-template-columns:1fr;
  }
  .ngk-robux-guide-image img{
    height:auto;
    max-height:360px;
    object-fit:contain;
    background:#fff;
  }
  .ngk-robux-guide-open{
    width:100%;
  }
}

/* v1780 - Làm đẹp trang nạp tiền + chỉ hiển thị 1 ảnh hướng dẫn Robux */
.woocommerce-account .gh-topup-page{
  position:relative;
  padding:8px 0 4px;
}
.woocommerce-account .gh-topup-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:24px;
  align-items:start;
}
.woocommerce-account .gh-topup-card,
.woocommerce-account .gh-topup-info,
.woocommerce-account .gh-topup-help{
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border:1px solid #e4edf8;
  border-radius:28px;
  box-shadow:0 20px 50px rgba(15,23,42,.06), 0 2px 10px rgba(37,99,235,.04);
  overflow:hidden;
}
.woocommerce-account .gh-topup-card::before,
.woocommerce-account .gh-topup-info::before,
.woocommerce-account .gh-topup-help::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:5px;
  background:linear-gradient(90deg,#2563eb 0%,#4f46e5 55%,#10b981 100%);
}
.woocommerce-account .gh-topup-card,
.woocommerce-account .gh-topup-info,
.woocommerce-account .gh-topup-help{
  padding:24px;
}
.woocommerce-account .gh-topup-card h2,
.woocommerce-account .gh-topup-info h3,
.woocommerce-account .gh-topup-help h3{
  margin:0 0 16px;
  color:#0b1736;
  font-weight:900;
  letter-spacing:-.02em;
}
.woocommerce-account .gh-topup-card h2{font-size:40px; line-height:1.1;}
.woocommerce-account .gh-topup-info h3,
.woocommerce-account .gh-topup-help h3{font-size:26px; line-height:1.15;}
.woocommerce-account .gh-topup-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  padding:7px 12px;
  border-radius:999px;
  background:#edf4ff;
  color:#2563eb;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.woocommerce-account .gh-topup-balance{
  margin-bottom:18px;
  padding:20px 22px;
  border-radius:22px;
  border:1px solid #d9e5f5;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 40%),
    linear-gradient(180deg,#f8fbff 0%,#eff5ff 100%);
}
.woocommerce-account .gh-topup-balance span{
  display:block;
  color:#60728a;
  font-weight:800;
  font-size:14px;
  margin-bottom:6px;
}
.woocommerce-account .gh-topup-balance strong{
  display:block;
  color:#0b1736;
  font-size:42px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
}
.woocommerce-account .gh-method-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.woocommerce-account .gh-method-tabs label{
  display:block;
  margin:0;
}
.woocommerce-account .gh-method-tabs span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 12px;
  border-radius:16px;
  border:1px solid #dbe5f2;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  color:#0f172a;
  font-weight:900;
  text-align:center;
  transition:all .2s ease;
}
.woocommerce-account .gh-method-tabs input:checked + span{
  border-color:#2563eb;
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 45%,#4f46e5 100%);
  color:#fff;
  box-shadow:0 14px 28px rgba(37,99,235,.22);
}
.woocommerce-account .gh-quick-amounts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.woocommerce-account .gh-quick-amounts button,
.woocommerce-account .gh-usdt-quick-amounts button{
  min-height:46px;
  border-radius:14px;
  border:1px solid #dbe5f2;
  background:#fff;
  color:#0f172a;
  font-weight:900;
  box-shadow:0 6px 16px rgba(15,23,42,.03);
}
.woocommerce-account .gh-quick-amounts button:hover,
.woocommerce-account .gh-usdt-quick-amounts button:hover,
.woocommerce-account .gh-copy-btn:hover,
.woocommerce-account .gh-help-link:hover{
  transform:translateY(-1px);
}
.woocommerce-account .gh-topup-form label,
.woocommerce-account .gh-card-fields label{
  display:block;
  margin-bottom:14px;
}
.woocommerce-account .gh-topup-form label > span,
.woocommerce-account .gh-card-fields label > span{
  display:block;
  margin-bottom:8px;
  color:#51657f;
  font-weight:800;
}
.woocommerce-account .gh-topup-form input,
.woocommerce-account .gh-topup-form select,
.woocommerce-account .gh-topup-form textarea{
  width:100%;
  min-height:54px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid #dbe5f2;
  background:#f9fbff;
  color:#0f172a;
  font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
.woocommerce-account .gh-topup-form textarea{min-height:120px; padding:14px 16px;}
.woocommerce-account .gh-usdt-fields,
.woocommerce-account .gh-card-fields{
  margin-bottom:16px;
  padding:18px;
  border-radius:20px;
  border:1px solid #e5edf7;
  background:#fbfdff;
}
.woocommerce-account .gh-usdt-label{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.woocommerce-account .gh-usdt-label span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#eaf8f1;
  color:#059669;
  font-weight:900;
}
.woocommerce-account .gh-usdt-input-wrap{position:relative; display:block;}
.woocommerce-account .gh-usdt-input-wrap strong{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:#64748b;
}
.woocommerce-account .gh-usdt-convert,
.woocommerce-account .gh-topup-reference-box{
  padding:14px 16px;
  border-radius:18px;
  border:1px dashed #bfd3f7;
  background:#f8fbff;
}
.woocommerce-account .gh-usdt-convert{display:flex; justify-content:space-between; align-items:center; margin-top:12px;}
.woocommerce-account .gh-topup-reference-box strong{display:block; margin-bottom:8px; color:#0b1736;}
.woocommerce-account .gh-topup-reference-box code{
  display:block;
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  background:#fff;
  color:#1d4ed8;
  font-weight:900;
  border:1px solid #e5edf7;
  margin-bottom:8px;
}
.woocommerce-account .gh-topup-reference-box small,
.woocommerce-account .gh-bank-info p,
.woocommerce-account .gh-topup-help p,
.woocommerce-account .gh-topup-warning,
.woocommerce-account .gh-usdt-rate{
  color:#5b6f88;
  line-height:1.7;
}
.woocommerce-account .gh-topup-submit,
.woocommerce-account .gh-copy-btn,
.woocommerce-account .gh-help-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:52px;
  padding:0 18px;
  border-radius:16px;
  text-decoration:none;
  font-weight:900;
  transition:all .2s ease;
}
.woocommerce-account .gh-topup-submit,
.woocommerce-account .gh-copy-btn{
  border:0;
  color:#fff;
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 45%,#4f46e5 100%);
  box-shadow:0 14px 28px rgba(37,99,235,.22);
}
.woocommerce-account .gh-help-link{
  border:1px solid #dbe5f2;
  color:#0f172a;
  background:#fff;
}
.woocommerce-account .gh-topup-info + .gh-topup-info,
.woocommerce-account .gh-topup-info + .gh-topup-help,
.woocommerce-account .gh-topup-help{margin-top:18px;}
.woocommerce-account .gh-topup-info dl{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:10px 16px;
  margin:0 0 16px;
}
.woocommerce-account .gh-topup-info dt{
  margin:0;
  color:#6b7d93;
  font-weight:800;
}
.woocommerce-account .gh-topup-info dd{
  margin:0;
  color:#0b1736;
  font-weight:900;
  word-break:break-word;
}
.woocommerce-account .gh-bank-qr{
  margin:16px 0;
  padding:14px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e5edf7;
  text-align:center;
}
.woocommerce-account .gh-bank-qr img{
  width:min(100%, 270px);
  height:auto;
  border-radius:18px;
}
.woocommerce-account .gh-topup-help{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.08), transparent 40%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}

/* Guide: hiển thị gọn và tránh trùng 2 ảnh */
.ngk-robux-guide-order{
  margin-top:22px;
}
.ngk-robux-guide-card.ngk-robux-guide-order{
  grid-template-columns:minmax(0,1fr) 180px;
}
.ngk-robux-guide-card.ngk-robux-guide-order .ngk-robux-guide-image img{
  height:150px;
}

@media (max-width: 991px){
  .woocommerce-account .gh-topup-grid{grid-template-columns:1fr; gap:18px;}
  .woocommerce-account .gh-topup-card,
  .woocommerce-account .gh-topup-info,
  .woocommerce-account .gh-topup-help{padding:18px; border-radius:22px;}
  .woocommerce-account .gh-topup-card h2{font-size:32px;}
  .woocommerce-account .gh-topup-info h3,
  .woocommerce-account .gh-topup-help h3{font-size:22px;}
}
@media (max-width: 767px){
  .woocommerce-account .gh-method-tabs,
  .woocommerce-account .gh-quick-amounts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .woocommerce-account .gh-topup-balance strong{font-size:34px;}
  .woocommerce-account .gh-topup-info dl{grid-template-columns:1fr; gap:6px;}
  .woocommerce-account .gh-topup-info dd{margin-bottom:10px;}
  .ngk-robux-guide-card.ngk-robux-guide-order{grid-template-columns:1fr;}
  .ngk-robux-guide-card.ngk-robux-guide-order .ngk-robux-guide-image img{height:auto; max-height:300px; object-fit:contain;}
}


/* v1781 - Fix ô nạp thẻ bị lệch + nạp tiền sang trọng hơn + chỉ 1 ảnh Đang chờ Robux */

/* Nạp tiền premium layout override */
.woocommerce-account .gh-topup-page{
  --ngk-blue:#2563eb;
  --ngk-blue2:#4f46e5;
  --ngk-green:#10b981;
  --ngk-ink:#0b1736;
  --ngk-muted:#5b6f88;
  max-width:1120px;
  margin:0 auto;
}
.woocommerce-account .gh-topup-grid{
  align-items:stretch !important;
}
.woocommerce-account .gh-topup-card,
.woocommerce-account .gh-topup-info,
.woocommerce-account .gh-topup-help{
  border-radius:30px !important;
  border:1px solid rgba(210,224,242,.95) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(249,252,255,.98) 100%) !important;
  box-shadow:0 24px 60px rgba(15,23,42,.075), 0 8px 18px rgba(37,99,235,.035) !important;
}
.woocommerce-account .gh-topup-card{
  min-height:100%;
}
.woocommerce-account .gh-topup-card h2{
  font-size:38px !important;
  margin-bottom:18px !important;
}
.woocommerce-account .gh-topup-balance{
  border-radius:24px !important;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.16), transparent 40%),
    linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%) !important;
}
.woocommerce-account .gh-topup-balance strong{
  white-space:normal !important;
  word-break:normal !important;
}

/* Fix lệch ô thẻ cào / tab phương thức */
.woocommerce-account .gh-method-tabs{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}
.woocommerce-account .gh-method-tabs label{
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  margin:0 !important;
}
.woocommerce-account .gh-method-tabs input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.woocommerce-account .gh-method-tabs span{
  width:100% !important;
  min-height:58px !important;
  height:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1.25 !important;
  padding:10px 12px !important;
  border-radius:18px !important;
  white-space:normal !important;
}
.woocommerce-account .gh-method-tabs label:nth-child(3) span{
  border-color:#dbe5f2 !important;
}
.woocommerce-account .gh-method-tabs input:checked + span{
  border-color:transparent !important;
  transform:translateY(-1px);
}

/* Nạp thẻ fields gọn, không lệch */
.woocommerce-account .gh-card-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.woocommerce-account .gh-card-fields[hidden]{
  display:none !important;
}
.woocommerce-account .gh-card-fields label{
  margin:0 !important;
}
.woocommerce-account .gh-card-fields label:nth-last-child(-n+2){
  grid-column:auto;
}
.woocommerce-account .gh-card-fields .gh-topup-warning,
.woocommerce-account .gh-topup-warning{
  grid-column:1 / -1;
  margin:0;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid #fde68a;
  background:#fffbeb;
  color:#92400e !important;
  font-weight:700;
}
.woocommerce-account .gh-topup-form input,
.woocommerce-account .gh-topup-form select,
.woocommerce-account .gh-topup-form textarea{
  height:56px !important;
  line-height:56px !important;
  box-sizing:border-box !important;
}
.woocommerce-account .gh-topup-form select{
  appearance:auto !important;
}
.woocommerce-account .gh-topup-submit{
  margin-top:16px;
  min-height:56px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 45%,#4f46e5 100%) !important;
}

/* Side bank info sang hơn */
.woocommerce-account .gh-topup-info dl{
  padding:14px;
  border-radius:20px;
  background:#f8fbff;
  border:1px solid #e5edf7;
}
.woocommerce-account .gh-topup-reference-box{
  margin:14px 0;
  border-radius:20px !important;
}
.woocommerce-account .gh-copy-btn{
  min-height:54px !important;
  border-radius:18px !important;
}

/* Chỉ giữ 1 khung hướng dẫn Đang chờ Robux nếu bị hook lặp */
.ngk-robux-guide-card ~ .ngk-robux-guide-card{
  display:none !important;
}
.ngk-robux-guide-order + .ngk-robux-guide-order,
.ngk-robux-guide-card[data-ngk-robux-guide="1"] ~ .ngk-robux-guide-card[data-ngk-robux-guide="1"]{
  display:none !important;
}
.ngk-robux-guide-card.ngk-robux-guide-order{
  grid-template-columns:minmax(0,1fr) 230px !important;
}
.ngk-robux-guide-card.ngk-robux-guide-order .ngk-robux-guide-image img{
  height:170px !important;
  object-fit:cover !important;
}

@media (max-width: 820px){
  .woocommerce-account .gh-method-tabs{
    grid-template-columns:1fr !important;
  }
  .woocommerce-account .gh-method-tabs span{
    justify-content:flex-start !important;
    min-height:54px !important;
  }
  .woocommerce-account .gh-card-fields{
    grid-template-columns:1fr;
  }
  .ngk-robux-guide-card.ngk-robux-guide-order{
    grid-template-columns:1fr !important;
  }
  .ngk-robux-guide-card.ngk-robux-guide-order .ngk-robux-guide-image img{
    height:auto !important;
    max-height:320px !important;
    object-fit:contain !important;
  }
}

/* v1782 - Fix nút Nạp thẻ lệch + nâng cấp trang nạp tiền + chỉ 1 ảnh Đang chờ */
.woocommerce-account .gh-topup-page{
  padding:10px 0 6px !important;
}
.woocommerce-account .gh-topup-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr) !important;
  gap:26px !important;
  align-items:start !important;
}
.woocommerce-account .gh-topup-card,
.woocommerce-account .gh-topup-info,
.woocommerce-account .gh-topup-help{
  position:relative !important;
  border-radius:30px !important;
  border:1px solid rgba(210,224,244,.95) !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(37,99,235,.08), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  box-shadow:0 26px 70px rgba(15,23,42,.08), 0 3px 14px rgba(37,99,235,.05) !important;
  padding:26px !important;
  overflow:hidden !important;
}
.woocommerce-account .gh-topup-card:before,
.woocommerce-account .gh-topup-info:before,
.woocommerce-account .gh-topup-help:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:5px !important;
  background:linear-gradient(90deg,#2563eb 0%,#4f46e5 52%,#10b981 100%) !important;
}
.woocommerce-account .gh-topup-eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  margin:0 0 12px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  background:#edf4ff !important;
  color:#2563eb !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.woocommerce-account .gh-topup-card h2{
  margin:0 0 16px !important;
  font-size:38px !important;
  line-height:1.08 !important;
  color:#0b1736 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
}
.woocommerce-account .gh-topup-info h3,
.woocommerce-account .gh-topup-help h3{
  margin:0 0 16px !important;
  font-size:24px !important;
  line-height:1.14 !important;
  color:#0b1736 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}
.woocommerce-account .gh-topup-balance{
  margin:0 0 18px !important;
  padding:18px 20px !important;
  border-radius:22px !important;
  border:1px solid #d8e5f6 !important;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.12), transparent 38%),
    linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%) !important;
}
.woocommerce-account .gh-topup-balance span{
  display:block !important;
  color:#60728a !important;
  font-size:14px !important;
  font-weight:800 !important;
  margin-bottom:6px !important;
}
.woocommerce-account .gh-topup-balance strong{
  display:block !important;
  color:#0b1736 !important;
  font-size:40px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
}

/* Quan trọng: ép 3 nút Chuyển khoản / USDT / Nạp thẻ bằng nhau */
.woocommerce-account .gh-method-tabs{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
  margin:0 0 16px !important;
}
.woocommerce-account .gh-method-tabs label{
  display:flex !important;
  width:100% !important;
  min-width:0 !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.woocommerce-account .gh-method-tabs input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:1px !important;
  height:1px !important;
}
.woocommerce-account .gh-method-tabs span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  padding:0 8px !important;
  border-radius:17px !important;
  border:1px solid #d9e4f2 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  color:#0f172a !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.16 !important;
  text-align:center !important;
  white-space:normal !important;
  box-shadow:0 8px 18px rgba(15,23,42,.04) !important;
  transition:all .18s ease !important;
}
.woocommerce-account .gh-method-tabs label:has(input:checked){
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.woocommerce-account .gh-method-tabs label:has(input:checked) span,
.woocommerce-account .gh-method-tabs input:checked + span{
  border-color:transparent !important;
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 45%,#4f46e5 100%) !important;
  color:#fff !important;
  box-shadow:0 16px 30px rgba(37,99,235,.24) !important;
  transform:translateY(-1px) !important;
}
.woocommerce-account .gh-method-tabs span:hover{
  border-color:#bcd0ef !important;
  transform:translateY(-1px) !important;
}

.woocommerce-account .gh-quick-amounts,
.woocommerce-account .gh-usdt-quick-amounts{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 0 16px !important;
}
.woocommerce-account .gh-quick-amounts button,
.woocommerce-account .gh-usdt-quick-amounts button{
  min-height:46px !important;
  border-radius:15px !important;
  border:1px solid #d9e4f2 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  color:#0f172a !important;
  font-weight:900 !important;
  box-shadow:0 8px 18px rgba(15,23,42,.04) !important;
}
.woocommerce-account .gh-topup-form label > span,
.woocommerce-account .gh-card-fields label > span{
  color:#4b617c !important;
  font-weight:900 !important;
  margin-bottom:8px !important;
}
.woocommerce-account .gh-topup-form input,
.woocommerce-account .gh-topup-form select,
.woocommerce-account .gh-topup-form textarea{
  width:100% !important;
  min-height:54px !important;
  border-radius:16px !important;
  border:1px solid #d9e4f2 !important;
  background:#f9fbff !important;
  color:#0f172a !important;
  font-weight:800 !important;
  padding:0 16px !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.woocommerce-account .gh-topup-form input:focus,
.woocommerce-account .gh-topup-form select:focus,
.woocommerce-account .gh-topup-form textarea:focus{
  border-color:#93b5ff !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10) !important;
}
.woocommerce-account .gh-card-fields{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  padding:18px !important;
  border-radius:22px !important;
  border:1px solid #e5edf7 !important;
  background:#fbfdff !important;
  margin:0 0 16px !important;
}
.woocommerce-account .gh-card-fields[hidden]{display:none !important;}
.woocommerce-account .gh-card-fields label{
  margin:0 !important;
}
.woocommerce-account .gh-card-fields .gh-topup-warning,
.woocommerce-account .gh-topup-warning{
  grid-column:1 / -1 !important;
  margin:2px 0 0 !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  border:1px solid #fde68a !important;
  background:#fffbeb !important;
  color:#92400e !important;
  font-weight:800 !important;
  line-height:1.55 !important;
}
.woocommerce-account .gh-topup-submit,
.woocommerce-account .gh-copy-btn,
.woocommerce-account .gh-help-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:54px !important;
  border:0 !important;
  border-radius:17px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 45%,#4f46e5 100%) !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 16px 30px rgba(37,99,235,.24) !important;
  transition:all .18s ease !important;
}
.woocommerce-account .gh-topup-submit:hover,
.woocommerce-account .gh-copy-btn:hover,
.woocommerce-account .gh-help-link:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 20px 36px rgba(37,99,235,.30) !important;
}
.woocommerce-account .gh-topup-info dl{
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) !important;
  gap:10px 16px !important;
  margin:0 0 16px !important;
}
.woocommerce-account .gh-topup-info dt{
  color:#64748b !important;
  font-weight:900 !important;
}
.woocommerce-account .gh-topup-info dd{
  color:#0b1736 !important;
  font-weight:900 !important;
  word-break:break-word !important;
}
.woocommerce-account .gh-topup-reference-box{
  padding:14px !important;
  border-radius:20px !important;
  border:1px dashed #a9c3ff !important;
  background:#f8fbff !important;
  margin-bottom:14px !important;
}
.woocommerce-account .gh-topup-reference-box code{
  display:block !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#1d4ed8 !important;
  font-weight:900 !important;
  border:1px solid #e5edf7 !important;
}

/* Chặn tuyệt đối ảnh modal cũ để trang đơn hàng chỉ còn 1 ảnh */
.ngk-robux-guide-modal,
#ngkRobuxGuideModal{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  height:0 !important;
  width:0 !important;
  overflow:hidden !important;
}
.ngk-robux-guide-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 230px !important;
  gap:18px !important;
  align-items:center !important;
}
.ngk-robux-guide-card .ngk-robux-guide-image{
  display:block !important;
  width:100% !important;
  border-radius:20px !important;
  overflow:hidden !important;
}
.ngk-robux-guide-card .ngk-robux-guide-image img{
  display:block !important;
  width:100% !important;
  height:180px !important;
  object-fit:cover !important;
  object-position:center !important;
}
.ngk-robux-guide-open{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:0 18px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 45%,#4f46e5 100%) !important;
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
}
@media (max-width: 991px){
  .woocommerce-account .gh-topup-grid{grid-template-columns:1fr !important;}
}
@media (max-width: 767px){
  .woocommerce-account .gh-method-tabs,
  .woocommerce-account .gh-quick-amounts,
  .woocommerce-account .gh-usdt-quick-amounts,
  .woocommerce-account .gh-card-fields{grid-template-columns:1fr !important;}
  .ngk-robux-guide-card{grid-template-columns:1fr !important;}
  .ngk-robux-guide-card .ngk-robux-guide-image img{height:auto !important; max-height:360px !important; object-fit:contain !important;}
}

/* v1783 - Fix triệt để ô Nạp thẻ bị 2 lớp + trang nạp tiền sang hơn */
.woocommerce-account .gh-method-tabs,
.gh-topup-page .gh-method-tabs{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.woocommerce-account .gh-method-tabs label,
.gh-topup-page .gh-method-tabs label{
  display:block!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
}
.woocommerce-account .gh-method-tabs label::before,
.woocommerce-account .gh-method-tabs label::after,
.gh-topup-page .gh-method-tabs label::before,
.gh-topup-page .gh-method-tabs label::after{display:none!important;content:none!important;}
.woocommerce-account .gh-method-tabs input,
.gh-topup-page .gh-method-tabs input{
  position:absolute!important;
  left:-9999px!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.woocommerce-account .gh-method-tabs label span,
.woocommerce-account .gh-method-tabs span,
.gh-topup-page .gh-method-tabs label span,
.gh-topup-page .gh-method-tabs span{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #d8e5f5!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 10px 20px rgba(15,23,42,.045)!important;
  color:#0f172a!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:normal!important;
  text-decoration:none!important;
  transform:none!important;
}
.woocommerce-account .gh-method-tabs label:has(input:checked),
.gh-topup-page .gh-method-tabs label:has(input:checked){
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;
}
.woocommerce-account .gh-method-tabs label:has(input:checked) span,
.woocommerce-account .gh-method-tabs input:checked + span,
.gh-topup-page .gh-method-tabs label:has(input:checked) span,
.gh-topup-page .gh-method-tabs input:checked + span{
  border-color:transparent!important;
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 45%,#4f46e5 100%)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(37,99,235,.24)!important;
}
.woocommerce-account .gh-topup-card,
.woocommerce-account .gh-topup-info,
.woocommerce-account .gh-topup-help{
  border-radius:30px!important;
  border:1px solid rgba(214,226,241,.98)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.075),0 2px 12px rgba(37,99,235,.04)!important;
}
.woocommerce-account .gh-topup-card{padding:28px!important;}
.woocommerce-account .gh-topup-info,.woocommerce-account .gh-topup-help{padding:24px!important;}
.woocommerce-account .gh-card-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  padding:18px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f6faff 100%)!important;
  border:1px solid #e3edf8!important;
}
.woocommerce-account .gh-card-fields label{margin:0!important;}
.woocommerce-account .gh-card-fields .gh-topup-warning{grid-column:1/-1!important;margin:0!important;}
@media(max-width:767px){
  .woocommerce-account .gh-method-tabs,.gh-topup-page .gh-method-tabs{grid-template-columns:1fr!important;}
  .woocommerce-account .gh-card-fields{grid-template-columns:1fr!important;}
}
/* Chỉ giữ 1 ảnh Đang chờ Robux */
.ngk-robux-guide-modal{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;}
.ngk-robux-guide-card[data-ngk-robux-guide="1"] ~ .ngk-robux-guide-card[data-ngk-robux-guide="1"]{display:none!important;}


/* v1784 - Active state cho ô mệnh giá nạp tiền và USDT */
.woocommerce-account .gh-quick-amounts button.is-selected,
.woocommerce-account .gh-quick-amounts button.is-active,
.woocommerce-account .gh-quick-amounts button[aria-pressed="true"],
.woocommerce-account .gh-usdt-quick-amounts button.is-selected,
.woocommerce-account .gh-usdt-quick-amounts button.is-active,
.woocommerce-account .gh-usdt-quick-amounts button[aria-pressed="true"]{
  background:linear-gradient(135deg,#2563EB,#4F46E5)!important;
  border-color:#2563EB!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(37,99,235,.24)!important;
  transform:translateY(-1px);
}
.woocommerce-account .gh-usdt-convert,
.woocommerce-account .gh-usdt-rate{display:none!important;}

/* ===== NGKSHOP v1789 - Fix giỏ hàng/thanh toán bị chồng chữ + làm đẹp checkout ===== */
body.woocommerce-cart,
body.woocommerce-checkout{
  background:radial-gradient(circle at 0 0, rgba(37,99,235,.08), transparent 28%), radial-gradient(circle at 100% 0, rgba(20,184,166,.07), transparent 26%), #f4f8fd !important;
}

body.woocommerce-cart .page,
body.woocommerce-checkout .page,
body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main{
  overflow:visible !important;
}

/* Sửa khối tổng cộng giỏ hàng đang bị chữ lợi ích đè lên */
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals{
  position:relative !important;
  float:none !important;
  width:100% !important;
  max-width:none !important;
  overflow:visible !important;
  clear:both !important;
  z-index:1 !important;
}

body.woocommerce-cart .cart-collaterals::after{
  content:none !important;
  display:none !important;
}

body.woocommerce-cart .cart_totals h2{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 18px !important;
  padding:0 !important;
  font-size:26px !important;
  line-height:1.2 !important;
  position:relative !important;
  z-index:2 !important;
}

body.woocommerce-cart .cart_totals h2::before{
  content:"🧾" !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  transform:none !important;
  background:none !important;
  font-size:22px !important;
}

body.woocommerce-cart .cart_totals table.shop_table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 10px !important;
  margin:0 !important;
  background:transparent !important;
}

body.woocommerce-cart .cart_totals table.shop_table tbody,
body.woocommerce-cart .cart_totals table.shop_table tfoot,
body.woocommerce-cart .cart_totals table.shop_table tr{
  display:block !important;
  width:100% !important;
}

body.woocommerce-cart .cart_totals table.shop_table tr{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:16px !important;
  padding:14px 16px !important;
  border:1px solid #e2ebf7 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;
  box-shadow:0 8px 20px rgba(15,23,42,.035) !important;
}

body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .cart_totals table.shop_table td{
  display:block !important;
  width:auto !important;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  text-align:left !important;
  box-shadow:none !important;
}

body.woocommerce-cart .cart_totals table.shop_table td{
  text-align:right !important;
  font-size:17px !important;
  font-weight:950 !important;
  color:#0b1736 !important;
  white-space:nowrap !important;
}

body.woocommerce-cart .cart_totals table.shop_table th{
  color:#64748b !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

body.woocommerce-cart .cart_totals table.shop_table .order-total{
  border-color:#bfdbfe !important;
  background:linear-gradient(135deg,#eff6ff 0%,#ffffff 100%) !important;
}

body.woocommerce-cart .cart_totals table.shop_table .order-total th,
body.woocommerce-cart .cart_totals table.shop_table .order-total td{
  color:#0b1736 !important;
  font-size:20px !important;
}

body.woocommerce-cart .cart_totals table.shop_table .gh-cart-wallet-missing-row td{
  color:#dc2626 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout{
  margin-top:18px !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .gh-wallet-cart-box{
  margin-top:0 !important;
  border-radius:22px !important;
  background:#ffffff !important;
}

/* Thanh toán chính */
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout .woocommerce h1{
  max-width:1180px !important;
  margin:0 auto 18px !important;
  font-size:42px !important;
  line-height:1.1 !important;
  letter-spacing:-.03em !important;
  color:#061436 !important;
}

body.woocommerce-checkout .gh-checkout-page{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto 40px !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout form.checkout.gh-checkout-form{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

body.woocommerce-checkout .gh-checkout-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(340px,410px) !important;
  gap:26px !important;
  align-items:start !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

body.woocommerce-checkout .gh-checkout-left,
body.woocommerce-checkout .gh-checkout-right,
body.woocommerce-checkout .gh-order-card{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  border:1px solid rgba(203,213,225,.9) !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  box-shadow:0 22px 55px rgba(15,23,42,.075) !important;
  overflow:hidden !important;
  position:relative !important;
}

body.woocommerce-checkout .gh-checkout-left::before,
body.woocommerce-checkout .gh-order-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:5px !important;
  background:linear-gradient(90deg,#2563eb 0%,#4f46e5 55%,#14b8a6 100%) !important;
  z-index:1 !important;
}

body.woocommerce-checkout .gh-checkout-left{
  padding:30px !important;
}

body.woocommerce-checkout .gh-checkout-right{
  position:sticky !important;
  top:96px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.woocommerce-checkout .gh-order-card{
  padding:24px !important;
}

body.woocommerce-checkout .gh-checkout-section-head{
  margin:0 0 20px !important;
}

body.woocommerce-checkout .gh-checkout-section-head h2,
body.woocommerce-checkout .gh-order-card #order_review_heading{
  margin:0 0 8px !important;
  padding:0 !important;
  color:#061436 !important;
  font-size:26px !important;
  line-height:1.18 !important;
  letter-spacing:-.02em !important;
  font-weight:950 !important;
}

body.woocommerce-checkout .gh-checkout-section-head p{
  margin:0 !important;
  color:#64748b !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.6 !important;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}

body.woocommerce-checkout .form-row,
body.woocommerce-checkout .woocommerce form .form-row{
  float:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

body.woocommerce-checkout .form-row-wide,
body.woocommerce-checkout #billing_first_name_field,
body.woocommerce-checkout #billing_email_field,
body.woocommerce-checkout #order_comments_field{
  grid-column:1 / -1 !important;
}

body.woocommerce-checkout .form-row label{
  display:block !important;
  margin:0 0 8px !important;
  color:#061436 !important;
  font-size:14px !important;
  font-weight:900 !important;
}

body.woocommerce-checkout .input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea{
  width:100% !important;
  min-height:54px !important;
  border:1px solid #d9e4f2 !important;
  border-radius:16px !important;
  background:#f8fbff !important;
  color:#061436 !important;
  padding:0 16px !important;
  font-size:15px !important;
  font-weight:750 !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body.woocommerce-checkout textarea.input-text,
body.woocommerce-checkout textarea{
  min-height:118px !important;
  padding:15px 16px !important;
  resize:vertical !important;
}

body.woocommerce-checkout .input-text:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus{
  border-color:#2563eb !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10) !important;
}

/* Ẩn checkbox email marketing tiếng Anh để trang thanh toán gọn và chuyên nghiệp hơn */
body.woocommerce-checkout .woocommerce-form__label-for-checkbox:has(input[name*="mailchimp"]),
body.woocommerce-checkout .woocommerce-form__label-for-checkbox:has(input[name*="newsletter"]),
body.woocommerce-checkout p[id*="mailchimp"],
body.woocommerce-checkout p[class*="mailchimp"],
body.woocommerce-checkout .mailchimp-newsletter,
body.woocommerce-checkout .woocommerce-SavedPaymentMethods-saveNew{
  display:none !important;
}

/* Bảng đơn hàng bên phải */
body.woocommerce-checkout .gh-order-card #order_review,
body.woocommerce-checkout .gh-order-card .woocommerce-checkout-review-order{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.woocommerce-checkout .gh-order-card table.shop_table{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  border:0 !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:transparent !important;
}

body.woocommerce-checkout .gh-order-card table.shop_table thead{
  display:none !important;
}

body.woocommerce-checkout .gh-order-card table.shop_table tbody,
body.woocommerce-checkout .gh-order-card table.shop_table tfoot,
body.woocommerce-checkout .gh-order-card table.shop_table tr{
  display:block !important;
  width:100% !important;
}

body.woocommerce-checkout .gh-order-card table.shop_table tbody tr.cart_item,
body.woocommerce-checkout .gh-order-card table.shop_table tfoot tr{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:center !important;
  padding:14px 0 !important;
  border-bottom:1px solid #e6edf5 !important;
  background:transparent !important;
}

body.woocommerce-checkout .gh-order-card table.shop_table th,
body.woocommerce-checkout .gh-order-card table.shop_table td{
  display:block !important;
  width:auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  line-height:1.45 !important;
}

body.woocommerce-checkout .gh-order-card .product-name{
  color:#061436 !important;
  font-size:14px !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

body.woocommerce-checkout .gh-order-card .product-total,
body.woocommerce-checkout .gh-order-card table.shop_table td,
body.woocommerce-checkout .gh-order-card table.shop_table tfoot td{
  color:#061436 !important;
  font-size:15px !important;
  font-weight:950 !important;
  text-align:right !important;
  white-space:nowrap !important;
}

body.woocommerce-checkout .gh-order-card table.shop_table tfoot th{
  color:#64748b !important;
  font-size:13px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
}

body.woocommerce-checkout .gh-order-card table.shop_table .order-total{
  margin-top:4px !important;
  padding:16px !important;
  border:1px solid #bfdbfe !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#eff6ff 0%,#ffffff 100%) !important;
}

body.woocommerce-checkout .gh-order-card table.shop_table .order-total th,
body.woocommerce-checkout .gh-order-card table.shop_table .order-total td{
  color:#061436 !important;
  font-size:19px !important;
}

body.woocommerce-checkout .gh-order-card .gh-wallet-checkout-row.is-danger td,
body.woocommerce-checkout .gh-order-card .gh-cart-wallet-missing-row td{
  color:#dc2626 !important;
}

body.woocommerce-checkout .gh-order-card #payment,
body.woocommerce-checkout .gh-wallet-compact-payment #payment{
  margin-top:18px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  overflow:visible !important;
}

body.woocommerce-checkout .gh-order-card #payment ul.payment_methods{
  display:none !important;
}

body.woocommerce-checkout .gh-order-card #payment .form-row{
  padding:0 !important;
}

body.woocommerce-checkout .gh-order-card #place_order{
  width:100% !important;
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 45%,#4f46e5 100%) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:950 !important;
  box-shadow:0 18px 34px rgba(37,99,235,.24) !important;
}

body.woocommerce-checkout .gh-order-card #place_order:hover{
  transform:translateY(-1px) !important;
  filter:brightness(.99) !important;
}

body.woocommerce-checkout .woocommerce-NoticeGroup,
body.woocommerce-checkout .woocommerce-NoticeGroup-checkout{
  max-width:1180px !important;
  margin:0 auto 18px !important;
}

body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info{
  border:0 !important;
  border-radius:18px !important;
  box-shadow:0 12px 28px rgba(15,23,42,.08) !important;
}

@media (max-width: 980px){
  body.woocommerce-checkout .gh-checkout-layout{
    grid-template-columns:1fr !important;
  }
  body.woocommerce-checkout .gh-checkout-right{
    position:static !important;
  }
}

@media (max-width: 640px){
  body.woocommerce-checkout .entry-title,
  body.woocommerce-checkout .woocommerce h1{
    font-size:32px !important;
    padding:0 14px !important;
  }
  body.woocommerce-checkout .gh-checkout-page{
    padding:0 10px !important;
  }
  body.woocommerce-checkout .gh-checkout-left,
  body.woocommerce-checkout .gh-order-card{
    padding:20px !important;
    border-radius:24px !important;
  }
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
    grid-template-columns:1fr !important;
  }
  body.woocommerce-cart .cart_totals table.shop_table tr,
  body.woocommerce-checkout .gh-order-card table.shop_table tbody tr.cart_item,
  body.woocommerce-checkout .gh-order-card table.shop_table tfoot tr{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  body.woocommerce-cart .cart_totals table.shop_table td,
  body.woocommerce-checkout .gh-order-card table.shop_table td{
    text-align:left !important;
  }
}

/* NGKSHOP v1796 - Ví tiền history: real limit + cleaner premium UI */
.woocommerce-account .gh-wallet-page,
.gh-wallet-page{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:10px 14px 34px !important;
}

.woocommerce-account .gh-wallet-panel,
.gh-wallet-panel{
  overflow:hidden !important;
  border:1px solid rgba(148,163,184,.22) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  box-shadow:0 22px 55px rgba(15,23,42,.08) !important;
}

.woocommerce-account .gh-wallet-panel-head,
.gh-wallet-panel-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:24px 26px !important;
  background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%) !important;
  border-bottom:1px solid rgba(148,163,184,.18) !important;
}

.woocommerce-account .gh-wallet-panel-head h3,
.gh-wallet-panel-head h3{
  margin:0 0 7px !important;
  color:#0f172a !important;
  font-size:22px !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}

.woocommerce-account .gh-wallet-panel-head p,
.gh-wallet-panel-head p{
  margin:0 !important;
  color:#64748b !important;
  font-size:14px !important;
  font-weight:700 !important;
}

.woocommerce-account .gh-wallet-secondary,
.gh-wallet-secondary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:116px !important;
  height:48px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  background:#eaf2ff !important;
  color:#2563eb !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:950 !important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.06) !important;
}

.woocommerce-account .gh-wallet-table-wrap.gh-wallet-history-box,
.gh-wallet-table-wrap.gh-wallet-history-box{
  overflow-x:auto !important;
  padding:0 18px 4px !important;
  background:#fff !important;
}

.woocommerce-account table.gh-wallet-table.gh-wallet-history-table,
table.gh-wallet-table.gh-wallet-history-table{
  width:100% !important;
  min-width:760px !important;
  border-collapse:separate !important;
  border-spacing:0 10px !important;
  margin:6px 0 8px !important;
  background:transparent !important;
}

.woocommerce-account .gh-wallet-history-table thead th,
.gh-wallet-history-table thead th{
  padding:12px 10px 8px !important;
  background:transparent !important;
  border:0 !important;
  color:#64748b !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  white-space:nowrap !important;
}

.woocommerce-account .gh-wallet-history-table tbody tr,
.gh-wallet-history-table tbody tr{
  background:#ffffff !important;
  box-shadow:0 10px 24px rgba(15,23,42,.055) !important;
  border-radius:18px !important;
}

.woocommerce-account .gh-wallet-history-table tbody td,
.gh-wallet-history-table tbody td{
  padding:14px 10px !important;
  border-top:1px solid rgba(226,232,240,.9) !important;
  border-bottom:1px solid rgba(226,232,240,.9) !important;
  color:#0f172a !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
  vertical-align:middle !important;
  background:#fff !important;
}

.woocommerce-account .gh-wallet-history-table tbody td:first-child,
.gh-wallet-history-table tbody td:first-child{
  border-left:1px solid rgba(226,232,240,.9) !important;
  border-radius:18px 0 0 18px !important;
  color:#334155 !important;
  font-weight:950 !important;
}

.woocommerce-account .gh-wallet-history-table tbody td:last-child,
.gh-wallet-history-table tbody td:last-child{
  border-right:1px solid rgba(226,232,240,.9) !important;
  border-radius:0 18px 18px 0 !important;
  white-space:nowrap !important;
}

.woocommerce-account .gh-wallet-badge,
.gh-wallet-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:76px !important;
  min-height:32px !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  text-align:center !important;
  white-space:normal !important;
}

.woocommerce-account .gh-wallet-badge.type-topup,
.gh-wallet-badge.type-topup{background:#eff6ff !important;color:#2563eb !important;}
.woocommerce-account .gh-wallet-badge.type-withdraw,
.gh-wallet-badge.type-withdraw{background:#eef2ff !important;color:#4f46e5 !important;}
.woocommerce-account .gh-wallet-badge.type-purchase,
.gh-wallet-badge.type-purchase{background:#ffe4e6 !important;color:#e11d48 !important;}
.woocommerce-account .gh-wallet-badge.type-refund,
.gh-wallet-badge.type-refund{background:#dcfce7 !important;color:#16a34a !important;}
.woocommerce-account .gh-wallet-badge.status-completed,
.gh-wallet-badge.status-completed{background:#dcfce7 !important;color:#15803d !important;}
.woocommerce-account .gh-wallet-badge.status-pending,
.gh-wallet-badge.status-pending,
.woocommerce-account .gh-wallet-badge.status-processing,
.gh-wallet-badge.status-processing{background:#fef3c7 !important;color:#b45309 !important;}
.woocommerce-account .gh-wallet-badge.status-rejected,
.gh-wallet-badge.status-rejected,
.woocommerce-account .gh-wallet-badge.status-failed,
.gh-wallet-badge.status-failed{background:#fee2e2 !important;color:#dc2626 !important;}

.woocommerce-account .gh-wallet-empty,
.gh-wallet-empty{
  padding:28px 14px !important;
  text-align:center !important;
  color:#64748b !important;
  font-weight:850 !important;
}

.woocommerce-account .gh-wallet-history-actions,
.gh-wallet-history-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  padding:14px 18px 24px !important;
  background:#fff !important;
}

.woocommerce-account .gh-wallet-history-toggle,
.gh-wallet-history-toggle{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:0 20px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#2563eb,#60a5fa) !important;
  color:#fff !important;
  text-decoration:none !important;
  cursor:pointer !important;
  font-size:14px !important;
  font-weight:950 !important;
  box-shadow:0 14px 28px rgba(37,99,235,.22) !important;
}

.woocommerce-account .gh-wallet-history-actions span,
.gh-wallet-history-actions span{
  color:#64748b !important;
  font-size:13px !important;
  font-weight:800 !important;
}

@media (max-width: 720px){
  .woocommerce-account .gh-wallet-page,
  .gh-wallet-page{padding:8px 8px 26px !important;}
  .woocommerce-account .gh-wallet-panel,
  .gh-wallet-panel{border-radius:22px !important;}
  .woocommerce-account .gh-wallet-panel-head,
  .gh-wallet-panel-head{padding:20px 16px !important;align-items:flex-start !important;flex-direction:column !important;}
  .woocommerce-account .gh-wallet-secondary,
  .gh-wallet-secondary{width:100% !important;}
  .woocommerce-account .gh-wallet-table-wrap.gh-wallet-history-box,
  .gh-wallet-table-wrap.gh-wallet-history-box{padding:0 10px 4px !important;}
  .woocommerce-account table.gh-wallet-table.gh-wallet-history-table,
  table.gh-wallet-table.gh-wallet-history-table{min-width:720px !important;}
}

/* NGKSHOP v1797 - lịch sử ví + đơn hàng dạng phân trang 5 dòng */
.ngk-history-page .ngk-list-card{
    background: linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
    border: 1px solid #dbeafe;
    border-radius: 22px;
    padding: 18px;
    box-shadow: 0 18px 45px rgba(37,99,235,.08);
}
.ngk-history-page .ngk-list-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding: 8px 8px 16px;
}
.ngk-history-page .ngk-list-head h3{
    margin:0;
    font-size:20px;
    font-weight:900;
    color:#0f172a;
}
.ngk-history-page .ngk-list-head h3 span{
    color:#2563eb;
    font-size:15px;
}
.ngk-history-page .ngk-list-head p{
    margin:6px 0 0;
    color:#64748b;
    font-size:13px;
    font-weight:600;
}
.ngk-table-wrap{
    overflow-x:auto;
    border:1px solid #dbeafe;
    border-radius:18px;
    background:#fff;
}
.ngk-pretty-table{
    width:100%;
    border-collapse:separate!important;
    border-spacing:0 10px!important;
    margin:0!important;
    padding:10px!important;
    background:#fff!important;
}
.ngk-pretty-table thead th{
    background:#f8fbff!important;
    color:#52627a!important;
    text-transform:uppercase;
    letter-spacing:.04em;
    font-size:11px!important;
    font-weight:900!important;
    padding:13px 14px!important;
    border-top:1px solid #e6efff!important;
    border-bottom:1px solid #e6efff!important;
    white-space:nowrap;
}
.ngk-pretty-table thead th:first-child{border-left:1px solid #e6efff!important;border-radius:12px 0 0 12px;}
.ngk-pretty-table thead th:last-child{border-right:1px solid #e6efff!important;border-radius:0 12px 12px 0;}
.ngk-pretty-table tbody tr{
    box-shadow:0 10px 24px rgba(15,23,42,.06);
    border-radius:16px;
}
.ngk-pretty-table tbody td{
    background:#fff!important;
    padding:14px!important;
    border-top:1px solid #e6efff!important;
    border-bottom:1px solid #e6efff!important;
    font-size:13px!important;
    font-weight:700;
    color:#0f172a;
    vertical-align:middle!important;
}
.ngk-pretty-table tbody td:first-child{border-left:1px solid #e6efff!important;border-radius:14px 0 0 14px;}
.ngk-pretty-table tbody td:last-child{border-right:1px solid #e6efff!important;border-radius:0 14px 14px 0;}
.ngk-order-actions{white-space:nowrap;}
.ngk-action-btn,
.ngk-pretty-table .button,
.ngk-pretty-table a.button{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:8px 14px!important;
    border-radius:11px!important;
    background:#2563eb!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    text-decoration:none!important;
    border:0!important;
    box-shadow:0 10px 20px rgba(37,99,235,.22);
}
.ngk-paged-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin:20px 0 4px;
    flex-wrap:wrap;
}
.ngk-page-numbers{display:flex;align-items:center;gap:7px;}
.ngk-page-btn,.ngk-page-dot{
    min-width:38px;
    height:38px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    border:1px solid #dbeafe;
    background:#fff;
    color:#2563eb;
    font-weight:900;
    font-size:13px;
    text-decoration:none!important;
    box-shadow:0 8px 18px rgba(37,99,235,.08);
}
.ngk-page-dot.is-active,.ngk-page-btn:hover,.ngk-page-dot:hover{
    background:#2563eb;
    color:#fff;
    border-color:#2563eb;
}
.ngk-page-btn.is-disabled{
    opacity:.45;
    color:#94a3b8;
    background:#f8fafc;
    box-shadow:none;
}
.ngk-page-ellipsis{font-weight:900;color:#94a3b8;padding:0 2px;}
@media (max-width: 768px){
    .ngk-history-page .ngk-list-card{padding:12px;border-radius:18px;}
    .ngk-history-page .ngk-list-head{align-items:flex-start;flex-direction:column;padding:6px 4px 12px;}
    .ngk-pretty-table{border-spacing:0 8px!important;padding:8px!important;min-width:720px;}
    .ngk-pretty-table thead th,.ngk-pretty-table tbody td{padding:12px!important;font-size:12px!important;}
    .ngk-paged-nav{gap:8px;}
    .ngk-page-btn,.ngk-page-dot{height:34px;min-width:34px;font-size:12px;}
}


/* NGKSHOP v1798 - Beautiful real web pagination for wallet + orders */
.woocommerce-account .ngk-paged-nav-v1798,
.ngk-paged-nav-v1798{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    margin:22px auto 8px !important;
    padding:14px 16px !important;
    border:1px solid #dbeafe !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
    box-shadow:0 16px 36px rgba(37,99,235,.10) !important;
    max-width:max-content !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-center,
.ngk-paged-nav-v1798 .ngk-page-center{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:6px 10px !important;
    border-radius:18px !important;
    background:#ffffff !important;
    border:1px solid #e6efff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-label,
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-total,
.ngk-paged-nav-v1798 .ngk-page-label,
.ngk-paged-nav-v1798 .ngk-page-total{
    display:inline-flex !important;
    align-items:center !important;
    color:#64748b !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-numbers,
.ngk-paged-nav-v1798 .ngk-page-numbers{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    margin:0 !important;
    padding:0 !important;
    flex-wrap:nowrap !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-btn,
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-dot,
.ngk-paged-nav-v1798 .ngk-page-btn,
.ngk-paged-nav-v1798 .ngk-page-dot{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    height:42px !important;
    min-width:42px !important;
    padding:0 15px !important;
    margin:0 !important;
    border:1px solid #bfdbfe !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#2563eb !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:950 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    box-shadow:0 10px 20px rgba(37,99,235,.10) !important;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-btn:hover,
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-dot:hover,
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-dot.is-active,
.ngk-paged-nav-v1798 .ngk-page-btn:hover,
.ngk-paged-nav-v1798 .ngk-page-dot:hover,
.ngk-paged-nav-v1798 .ngk-page-dot.is-active{
    background:#2563eb !important;
    border-color:#2563eb !important;
    color:#ffffff !important;
    transform:translateY(-1px) !important;
    box-shadow:0 14px 26px rgba(37,99,235,.24) !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-btn.is-disabled,
.ngk-paged-nav-v1798 .ngk-page-btn.is-disabled{
    pointer-events:none !important;
    opacity:.55 !important;
    color:#94a3b8 !important;
    background:#f8fafc !important;
    border-color:#e2e8f0 !important;
    box-shadow:none !important;
    transform:none !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-ellipsis,
.ngk-paged-nav-v1798 .ngk-page-ellipsis{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:20px !important;
    height:42px !important;
    color:#94a3b8 !important;
    font-size:18px !important;
    font-weight:950 !important;
    line-height:1 !important;
}
@media (max-width:768px){
    .woocommerce-account .ngk-paged-nav-v1798,
    .ngk-paged-nav-v1798{
        max-width:100% !important;
        gap:8px !important;
        padding:12px 10px !important;
        border-radius:18px !important;
    }
    .woocommerce-account .ngk-paged-nav-v1798 .ngk-page-center,
    .ngk-paged-nav-v1798 .ngk-page-center{
        order:-1 !important;
        width:100% !important;
        gap:6px !important;
        padding:8px !important;
    }
    .woocommerce-account .ngk-paged-nav-v1798 .ngk-page-btn,
    .ngk-paged-nav-v1798 .ngk-page-btn{
        flex:1 1 calc(50% - 8px) !important;
        height:42px !important;
    }
    .woocommerce-account .ngk-paged-nav-v1798 .ngk-page-dot,
    .ngk-paged-nav-v1798 .ngk-page-dot{
        height:36px !important;
        min-width:36px !important;
        padding:0 11px !important;
    }
    .woocommerce-account .ngk-paged-nav-v1798 .ngk-page-ellipsis,
    .ngk-paged-nav-v1798 .ngk-page-ellipsis{height:36px !important;}
}


/* NGKSHOP v1799 - Luxury pagination redesign */
.woocommerce-account .ngk-paged-nav-v1798,
.ngk-paged-nav-v1798{
    width:100% !important;
    max-width:fit-content !important;
    margin:26px auto 10px !important;
    padding:14px 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    flex-wrap:wrap !important;
    border-radius:24px !important;
    border:1px solid rgba(191,219,254,.95) !important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 52%,#f2f8ff 100%) !important;
    box-shadow:0 18px 40px rgba(15,23,42,.08), 0 10px 24px rgba(37,99,235,.10) !important;
    position:relative !important;
    overflow:hidden !important;
}
.woocommerce-account .ngk-paged-nav-v1798:before,
.ngk-paged-nav-v1798:before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:radial-gradient(circle at top left, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 36%), radial-gradient(circle at bottom right, rgba(191,219,254,.35) 0%, rgba(191,219,254,0) 30%) !important;
}
.woocommerce-account .ngk-paged-nav-v1798 > *,
.ngk-paged-nav-v1798 > *{
    position:relative !important;
    z-index:1 !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-center,
.ngk-paged-nav-v1798 .ngk-page-center{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    padding:8px 12px !important;
    border-radius:18px !important;
    border:1px solid #e2ecff !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 8px 18px rgba(37,99,235,.06) !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-label,
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-total,
.ngk-paged-nav-v1798 .ngk-page-label,
.ngk-paged-nav-v1798 .ngk-page-total{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.02em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-numbers,
.ngk-paged-nav-v1798 .ngk-page-numbers{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    flex-wrap:nowrap !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-btn,
.ngk-paged-nav-v1798 .ngk-page-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:108px !important;
    height:46px !important;
    padding:0 18px !important;
    border-radius:15px !important;
    border:1px solid #c7dcff !important;
    background:linear-gradient(180deg,#ffffff 0%,#eff6ff 100%) !important;
    color:#1d4ed8 !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    box-shadow:0 12px 24px rgba(37,99,235,.10) !important;
    transition:all .2s ease !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-prev,
.ngk-paged-nav-v1798 .ngk-page-prev{
    padding-left:16px !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-next,
.ngk-paged-nav-v1798 .ngk-page-next{
    padding-right:16px !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-dot,
.ngk-paged-nav-v1798 .ngk-page-dot{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    min-width:42px !important;
    height:42px !important;
    padding:0 12px !important;
    border-radius:14px !important;
    border:1px solid #dbeafe !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
    color:#2563eb !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    box-shadow:0 10px 20px rgba(37,99,235,.08) !important;
    transition:all .18s ease !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-btn:hover,
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-dot:hover,
.ngk-paged-nav-v1798 .ngk-page-btn:hover,
.ngk-paged-nav-v1798 .ngk-page-dot:hover{
    transform:translateY(-2px) !important;
    color:#1e40af !important;
    border-color:#93c5fd !important;
    box-shadow:0 16px 30px rgba(37,99,235,.16) !important;
    background:linear-gradient(180deg,#ffffff 0%,#edf5ff 100%) !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-dot.is-active,
.ngk-paged-nav-v1798 .ngk-page-dot.is-active{
    border-color:#2563eb !important;
    background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%) !important;
    color:#ffffff !important;
    box-shadow:0 16px 30px rgba(37,99,235,.28) !important;
    transform:translateY(-1px) !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-btn.is-disabled,
.ngk-paged-nav-v1798 .ngk-page-btn.is-disabled{
    pointer-events:none !important;
    opacity:.58 !important;
    color:#94a3b8 !important;
    border-color:#e2e8f0 !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
    box-shadow:none !important;
    transform:none !important;
}
.woocommerce-account .ngk-paged-nav-v1798 .ngk-page-ellipsis,
.ngk-paged-nav-v1798 .ngk-page-ellipsis{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:20px !important;
    height:42px !important;
    color:#94a3b8 !important;
    font-size:18px !important;
    font-weight:900 !important;
    line-height:1 !important;
}
@media (max-width:768px){
    .woocommerce-account .ngk-paged-nav-v1798,
    .ngk-paged-nav-v1798{
        max-width:100% !important;
        width:100% !important;
        padding:12px !important;
        gap:10px !important;
        border-radius:20px !important;
    }
    .woocommerce-account .ngk-paged-nav-v1798 .ngk-page-center,
    .ngk-paged-nav-v1798 .ngk-page-center{
        order:-1 !important;
        width:100% !important;
        gap:8px !important;
        padding:10px !important;
        overflow-x:auto !important;
        justify-content:flex-start !important;
    }
    .woocommerce-account .ngk-paged-nav-v1798 .ngk-page-btn,
    .ngk-paged-nav-v1798 .ngk-page-btn{
        flex:1 1 calc(50% - 6px) !important;
        min-width:0 !important;
        height:42px !important;
        border-radius:14px !important;
    }
    .woocommerce-account .ngk-paged-nav-v1798 .ngk-page-dot,
    .ngk-paged-nav-v1798 .ngk-page-dot{
        min-width:38px !important;
        height:38px !important;
        border-radius:12px !important;
        padding:0 10px !important;
    }
    .woocommerce-account .ngk-paged-nav-v1798 .ngk-page-ellipsis,
    .ngk-paged-nav-v1798 .ngk-page-ellipsis{
        height:38px !important;
    }
}


/* NGKSHOP v1803 - Real WooCommerce orders pagination luxury style */
.woocommerce-account nav.woocommerce-pagination,
.woocommerce-account .woocommerce-pagination{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin:24px auto 8px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
}
.woocommerce-account nav.woocommerce-pagination ul,
.woocommerce-account .woocommerce-pagination ul{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    padding:14px 16px !important;
    margin:0 auto !important;
    border:1px solid #d8e7ff !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 55%,#f2f7ff 100%) !important;
    box-shadow:0 18px 48px rgba(15,23,42,.10),0 8px 22px rgba(37,99,235,.10) !important;
}
.woocommerce-account nav.woocommerce-pagination ul li,
.woocommerce-account .woocommerce-pagination ul li{
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
}
.woocommerce-account nav.woocommerce-pagination ul li .page-numbers,
.woocommerce-account .woocommerce-pagination ul li .page-numbers{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:42px !important;
    height:42px !important;
    padding:0 14px !important;
    border-radius:14px !important;
    border:1px solid #dbeafe !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
    color:#2563eb !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:0 10px 20px rgba(37,99,235,.08) !important;
    transition:all .18s ease !important;
}
.woocommerce-account nav.woocommerce-pagination ul li .page-numbers.prev,
.woocommerce-account nav.woocommerce-pagination ul li .page-numbers.next,
.woocommerce-account .woocommerce-pagination ul li .page-numbers.prev,
.woocommerce-account .woocommerce-pagination ul li .page-numbers.next{
    min-width:96px !important;
    border-radius:15px !important;
}
.woocommerce-account nav.woocommerce-pagination ul li .page-numbers.current,
.woocommerce-account nav.woocommerce-pagination ul li .page-numbers:hover,
.woocommerce-account .woocommerce-pagination ul li .page-numbers.current,
.woocommerce-account .woocommerce-pagination ul li .page-numbers:hover{
    background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%) !important;
    border-color:#2563eb !important;
    color:#ffffff !important;
    transform:translateY(-1px) !important;
    box-shadow:0 14px 30px rgba(37,99,235,.28) !important;
}
@media (max-width:768px){
    .woocommerce-account nav.woocommerce-pagination ul,
    .woocommerce-account .woocommerce-pagination ul{
        width:100% !important;
        gap:8px !important;
        padding:12px !important;
        border-radius:20px !important;
    }
    .woocommerce-account nav.woocommerce-pagination ul li .page-numbers,
    .woocommerce-account .woocommerce-pagination ul li .page-numbers{
        min-width:38px !important;
        height:38px !important;
        border-radius:12px !important;
        font-size:12px !important;
    }
    .woocommerce-account nav.woocommerce-pagination ul li .page-numbers.prev,
    .woocommerce-account nav.woocommerce-pagination ul li .page-numbers.next,
    .woocommerce-account .woocommerce-pagination ul li .page-numbers.prev,
    .woocommerce-account .woocommerce-pagination ul li .page-numbers.next{
        min-width:82px !important;
    }
}


/* NGKSHOP v1804 - Global history/list style: all history pages look the same */
.woocommerce-account .ngk-global-history-page,
.woocommerce-account .ngk-history-page{
    --ngk-blue:#2563eb;
    --ngk-blue2:#3b82f6;
    --ngk-line:#dbeafe;
    --ngk-soft:#f8fbff;
}
.woocommerce-account .ngk-list-card,
.woocommerce-account .ngk-global-history-card{
    border:1px solid #dbeafe !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
    box-shadow:0 20px 55px rgba(15,23,42,.07) !important;
    padding:22px !important;
    overflow:hidden !important;
}
.woocommerce-account .ngk-list-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:4px 2px 18px !important;
}
.woocommerce-account .ngk-list-head h3{
    margin:0 !important;
    font-size:22px !important;
    line-height:1.25 !important;
    font-weight:950 !important;
    color:#0f172a !important;
}
.woocommerce-account .ngk-list-head h3 span{
    color:#2563eb !important;
    font-size:16px !important;
}
.woocommerce-account .ngk-list-head p{
    margin:8px 0 0 !important;
    color:#64748b !important;
    font-weight:700 !important;
}
.woocommerce-account .ngk-table-shell,
.woocommerce-account .gh-wallet-table-wrap,
.woocommerce-account .woocommerce-orders-table{
    overflow-x:auto !important;
}
.woocommerce-account .ngk-pretty-table,
.woocommerce-account table.my_account_orders,
.woocommerce-account table.account-orders-table,
.woocommerce-account table.gh-wallet-history-table,
.woocommerce-account table.shop_table_responsive{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 10px !important;
    margin:0 !important;
    padding:10px !important;
    background:#ffffff !important;
}
.woocommerce-account .ngk-pretty-table thead th,
.woocommerce-account table.my_account_orders thead th,
.woocommerce-account table.account-orders-table thead th,
.woocommerce-account table.gh-wallet-history-table thead th{
    background:#f8fbff !important;
    color:#475569 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    font-size:11px !important;
    font-weight:950 !important;
    padding:13px 14px !important;
    border-top:1px solid #e3edff !important;
    border-bottom:1px solid #e3edff !important;
    white-space:nowrap !important;
}
.woocommerce-account .ngk-pretty-table thead th:first-child,
.woocommerce-account table.my_account_orders thead th:first-child,
.woocommerce-account table.account-orders-table thead th:first-child,
.woocommerce-account table.gh-wallet-history-table thead th:first-child{
    border-left:1px solid #e3edff !important;
    border-radius:14px 0 0 14px !important;
}
.woocommerce-account .ngk-pretty-table thead th:last-child,
.woocommerce-account table.my_account_orders thead th:last-child,
.woocommerce-account table.account-orders-table thead th:last-child,
.woocommerce-account table.gh-wallet-history-table thead th:last-child{
    border-right:1px solid #e3edff !important;
    border-radius:0 14px 14px 0 !important;
}
.woocommerce-account .ngk-pretty-table tbody tr,
.woocommerce-account table.my_account_orders tbody tr,
.woocommerce-account table.account-orders-table tbody tr,
.woocommerce-account table.gh-wallet-history-table tbody tr{
    box-shadow:0 12px 26px rgba(15,23,42,.055) !important;
    border-radius:18px !important;
}
.woocommerce-account .ngk-pretty-table tbody td,
.woocommerce-account table.my_account_orders tbody td,
.woocommerce-account table.account-orders-table tbody td,
.woocommerce-account table.gh-wallet-history-table tbody td{
    background:#ffffff !important;
    padding:14px !important;
    border-top:1px solid #e3edff !important;
    border-bottom:1px solid #e3edff !important;
    color:#0f172a !important;
    font-size:13px !important;
    font-weight:750 !important;
    vertical-align:middle !important;
}
.woocommerce-account .ngk-pretty-table tbody td:first-child,
.woocommerce-account table.my_account_orders tbody td:first-child,
.woocommerce-account table.account-orders-table tbody td:first-child,
.woocommerce-account table.gh-wallet-history-table tbody td:first-child{
    border-left:1px solid #e3edff !important;
    border-radius:16px 0 0 16px !important;
}
.woocommerce-account .ngk-pretty-table tbody td:last-child,
.woocommerce-account table.my_account_orders tbody td:last-child,
.woocommerce-account table.account-orders-table tbody td:last-child,
.woocommerce-account table.gh-wallet-history-table tbody td:last-child{
    border-right:1px solid #e3edff !important;
    border-radius:0 16px 16px 0 !important;
}
.woocommerce-account .ngk-action-btn,
.woocommerce-account .ngk-pretty-table .button,
.woocommerce-account .ngk-pretty-table a.button,
.woocommerce-account table.my_account_orders .button,
.woocommerce-account table.account-orders-table .button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    padding:9px 15px !important;
    border-radius:12px !important;
    border:0 !important;
    background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%) !important;
    color:#ffffff !important;
    font-size:12px !important;
    font-weight:950 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:0 12px 22px rgba(37,99,235,.23) !important;
}

/* Global premium pagination for WooCommerce + custom NGK pagination */
.woocommerce-account nav.woocommerce-pagination,
.woocommerce-account .woocommerce-pagination,
.woocommerce-account .ngk-lux-pager,
.woocommerce-account .ngk-paged-nav{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin:24px auto 8px !important;
}
.woocommerce-account nav.woocommerce-pagination ul,
.woocommerce-account .woocommerce-pagination ul{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    padding:14px 16px !important;
    margin:0 auto !important;
    border:1px solid #d8e7ff !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 55%,#f2f7ff 100%) !important;
    box-shadow:0 18px 48px rgba(15,23,42,.10),0 8px 22px rgba(37,99,235,.10) !important;
}
.woocommerce-account nav.woocommerce-pagination ul li,
.woocommerce-account .woocommerce-pagination ul li{
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
}
.woocommerce-account nav.woocommerce-pagination ul li .page-numbers,
.woocommerce-account .woocommerce-pagination ul li .page-numbers{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:42px !important;
    height:42px !important;
    padding:0 14px !important;
    border-radius:14px !important;
    border:1px solid #dbeafe !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
    color:#2563eb !important;
    font-size:13px !important;
    font-weight:950 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:0 10px 20px rgba(37,99,235,.08) !important;
}
.woocommerce-account nav.woocommerce-pagination ul li .page-numbers.prev,
.woocommerce-account nav.woocommerce-pagination ul li .page-numbers.next,
.woocommerce-account .woocommerce-pagination ul li .page-numbers.prev,
.woocommerce-account .woocommerce-pagination ul li .page-numbers.next{
    min-width:96px !important;
}
.woocommerce-account nav.woocommerce-pagination ul li .page-numbers.current,
.woocommerce-account nav.woocommerce-pagination ul li .page-numbers:hover,
.woocommerce-account .woocommerce-pagination ul li .page-numbers.current,
.woocommerce-account .woocommerce-pagination ul li .page-numbers:hover{
    background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%) !important;
    border-color:#2563eb !important;
    color:#ffffff !important;
    transform:translateY(-1px) !important;
    box-shadow:0 14px 30px rgba(37,99,235,.28) !important;
}

@media (max-width:768px){
    .woocommerce-account .ngk-list-card,
    .woocommerce-account .ngk-global-history-card{
        padding:14px !important;
        border-radius:20px !important;
    }
    .woocommerce-account .ngk-list-head{
        align-items:flex-start !important;
        flex-direction:column !important;
        padding-bottom:14px !important;
    }
    .woocommerce-account .ngk-pretty-table,
    .woocommerce-account table.my_account_orders,
    .woocommerce-account table.account-orders-table,
    .woocommerce-account table.gh-wallet-history-table{
        min-width:720px !important;
        border-spacing:0 8px !important;
        padding:8px !important;
    }
    .woocommerce-account nav.woocommerce-pagination ul,
    .woocommerce-account .woocommerce-pagination ul{
        width:100% !important;
        gap:8px !important;
        padding:12px !important;
        border-radius:20px !important;
    }
    .woocommerce-account nav.woocommerce-pagination ul li .page-numbers,
    .woocommerce-account .woocommerce-pagination ul li .page-numbers{
        min-width:38px !important;
        height:38px !important;
        border-radius:12px !important;
        font-size:12px !important;
    }
}


/* NGKSHOP v1805 - Ví tiền history must look like Đơn hàng page */
.woocommerce-account .ngk-wallet-history-as-orders{
    margin-top:22px !important;
}
.woocommerce-account .ngk-wallet-history-as-orders .ngk-list-card{
    border:1px solid #dbeafe !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
    box-shadow:0 20px 55px rgba(15,23,42,.07) !important;
    padding:22px !important;
    overflow:hidden !important;
}
.woocommerce-account .ngk-wallet-like-orders-table{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 10px !important;
    margin:0 !important;
    padding:10px !important;
    background:#ffffff !important;
    min-width:900px !important;
}
.woocommerce-account .ngk-wallet-like-orders-table thead th{
    background:#f8fbff !important;
    color:#475569 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    font-size:11px !important;
    font-weight:950 !important;
    padding:13px 14px !important;
    border-top:1px solid #e3edff !important;
    border-bottom:1px solid #e3edff !important;
    white-space:nowrap !important;
}
.woocommerce-account .ngk-wallet-like-orders-table thead th:first-child{
    border-left:1px solid #e3edff !important;
    border-radius:14px 0 0 14px !important;
}
.woocommerce-account .ngk-wallet-like-orders-table thead th:last-child{
    border-right:1px solid #e3edff !important;
    border-radius:0 14px 14px 0 !important;
}
.woocommerce-account .ngk-wallet-like-orders-table tbody tr{
    box-shadow:0 12px 26px rgba(15,23,42,.055) !important;
    border-radius:18px !important;
}
.woocommerce-account .ngk-wallet-like-orders-table tbody td{
    background:#ffffff !important;
    padding:14px !important;
    border-top:1px solid #e3edff !important;
    border-bottom:1px solid #e3edff !important;
    color:#0f172a !important;
    font-size:13px !important;
    font-weight:750 !important;
    vertical-align:middle !important;
}
.woocommerce-account .ngk-wallet-like-orders-table tbody td:first-child{
    border-left:1px solid #e3edff !important;
    border-radius:16px 0 0 16px !important;
}
.woocommerce-account .ngk-wallet-like-orders-table tbody td:last-child{
    border-right:1px solid #e3edff !important;
    border-radius:0 16px 16px 0 !important;
}
.woocommerce-account .ngk-wallet-history-as-orders .ngk-lux-pager{
    margin-top:22px !important;
}
@media (max-width:768px){
    .woocommerce-account .ngk-wallet-history-as-orders .ngk-list-card{
        padding:14px !important;
        border-radius:20px !important;
    }
    .woocommerce-account .ngk-wallet-like-orders-table{
        min-width:900px !important;
        border-spacing:0 8px !important;
        padding:8px !important;
    }
}


/* NGKSHOP v1808 - Hoàn thiện giao diện điện thoại */
html, body{
  max-width:100%;
  overflow-x:hidden;
}
img,
svg,
video,
iframe{
  max-width:100% !important;
  height:auto !important;
}

/* Khung chung */
@media (max-width: 768px){

  body,
  .site,
  .site-main,
  .content-area,
  .woocommerce,
  .woocommerce-page{
    overflow-x:hidden !important;
  }

  .container,
  .wrap,
  .site-content,
  .woocommerce-account .entry-content,
  .woocommerce-account .woocommerce,
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-cart-form,
  .woocommerce-checkout-review-order,
  .woocommerce form.checkout{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-cart-form,
  .woocommerce-checkout-review-order,
  .woocommerce form.checkout{
    padding:14px !important;
    border-radius:18px !important;
  }

  /* Header / top bar */
  .topbar,
  .main-header,
  .header-wrap,
  .site-header{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .topbar .container,
  .main-header .container,
  .header-wrap .container{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    align-items:center !important;
  }

  .search,
  .header-search,
  .site-search{
    width:100% !important;
    order:10 !important;
  }

  .search input,
  .header-search input,
  .site-search input{
    width:100% !important;
    min-width:0 !important;
    font-size:16px !important;
  }

  .wallet-pill,
  .header-icon,
  .user-circle,
  .cart-icon{
    transform:scale(.96);
  }

  /* My account layout */
  .woocommerce-account .woocommerce{
    display:block !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .gh-account-nav{
    width:100% !important;
    float:none !important;
    margin:0 0 14px !important;
    position:static !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content{
    width:100% !important;
    float:none !important;
    margin:0 !important;
  }

  .woocommerce-account .gh-account-nav ul,
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .woocommerce-account .gh-account-nav li,
  .woocommerce-account .woocommerce-MyAccount-navigation li{
    list-style:none !important;
    margin:0 !important;
  }

  .woocommerce-account .gh-account-nav a,
  .woocommerce-account .woocommerce-MyAccount-navigation a{
    min-height:58px !important;
    border-radius:16px !important;
    padding:12px 10px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    justify-content:flex-start !important;
    font-size:14px !important;
    line-height:1.25 !important;
  }

  .woocommerce-account .gh-account-nav-icon{
    min-width:34px !important;
    width:34px !important;
    height:34px !important;
    border-radius:12px !important;
    font-size:14px !important;
  }

  /* Dashboard */
  .gh-account-hero,
  .gh-wallet-hero{
    padding:16px !important;
    border-radius:18px !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }

  .gh-account-hero h2,
  .gh-wallet-hero h2{
    font-size:22px !important;
    line-height:1.25 !important;
  }

  .gh-account-hero span,
  .gh-wallet-hero span{
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .gh-wallet-amount{
    width:100% !important;
    text-align:left !important;
    font-size:24px !important;
  }

  .gh-account-grid,
  .gh-wallet-stats{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .gh-account-card,
  .gh-wallet-stat{
    padding:14px !important;
    border-radius:16px !important;
  }

  /* Form nạp/rút/ví */
  .gh-wallet-page,
  .gh-wallet-panel,
  .gh-wallet-panel-head,
  .gh-wallet-secondary,
  .gh-wallet-form,
  .gh-wallet-topup,
  .gh-wallet-withdraw{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .gh-wallet-panel,
  .gh-wallet-primary,
  .gh-wallet-secondary{
    padding:0 !important;
  }

  .gh-wallet-page{
    padding:6px 0 20px !important;
  }

  .gh-wallet-panel-head{
    padding:16px !important;
    border-radius:18px 18px 0 0 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .gh-wallet-form,
  form.gh-wallet-form,
  .gh-topup-form,
  .gh-withdraw-form{
    padding:14px !important;
    border-radius:16px !important;
  }

  .gh-wallet-form .form-row,
  .gh-wallet-form .row,
  .gh-topup-form .form-row,
  .gh-withdraw-form .form-row{
    display:block !important;
    margin:0 0 12px !important;
  }

  .gh-wallet-form input,
  .gh-wallet-form select,
  .gh-wallet-form textarea,
  .gh-topup-form input,
  .gh-topup-form select,
  .gh-topup-form textarea,
  .gh-withdraw-form input,
  .gh-withdraw-form select,
  .gh-withdraw-form textarea{
    width:100% !important;
    min-width:0 !important;
    font-size:16px !important;
  }

  .gh-wallet-form .button,
  .gh-topup-form .button,
  .gh-withdraw-form .button,
  .gh-wallet-form button,
  .gh-topup-form button,
  .gh-withdraw-form button,
  .ngk-action-btn{
    width:100% !important;
    justify-content:center !important;
  }

  /* Bảng lịch sử / đơn hàng: chuyển sang dạng thẻ trên điện thoại */
  .ngk-table-shell,
  .woocommerce-account .woocommerce-orders-table,
  .woocommerce-account .gh-wallet-table-wrap,
  .woocommerce-account .gh-wallet-history-box{
    overflow:visible !important;
    border:0 !important;
    background:transparent !important;
  }

  .woocommerce-account .ngk-pretty-table,
  .woocommerce-account table.my_account_orders,
  .woocommerce-account table.account-orders-table,
  .woocommerce-account table.gh-wallet-history-table,
  .woocommerce-account table.shop_table_responsive,
  .woocommerce-account .ngk-wallet-like-orders-table{
    min-width:0 !important;
    width:100% !important;
    border-spacing:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  .woocommerce-account .ngk-pretty-table thead,
  .woocommerce-account table.my_account_orders thead,
  .woocommerce-account table.account-orders-table thead,
  .woocommerce-account table.gh-wallet-history-table thead,
  .woocommerce-account .ngk-wallet-like-orders-table thead{
    display:none !important;
  }

  .woocommerce-account .ngk-pretty-table tbody,
  .woocommerce-account .ngk-pretty-table tr,
  .woocommerce-account .ngk-pretty-table td,
  .woocommerce-account table.my_account_orders tbody,
  .woocommerce-account table.my_account_orders tr,
  .woocommerce-account table.my_account_orders td,
  .woocommerce-account table.account-orders-table tbody,
  .woocommerce-account table.account-orders-table tr,
  .woocommerce-account table.account-orders-table td,
  .woocommerce-account table.gh-wallet-history-table tbody,
  .woocommerce-account table.gh-wallet-history-table tr,
  .woocommerce-account table.gh-wallet-history-table td,
  .woocommerce-account .ngk-wallet-like-orders-table tbody,
  .woocommerce-account .ngk-wallet-like-orders-table tr,
  .woocommerce-account .ngk-wallet-like-orders-table td{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  .woocommerce-account .ngk-pretty-table tbody tr,
  .woocommerce-account table.my_account_orders tbody tr,
  .woocommerce-account table.account-orders-table tbody tr,
  .woocommerce-account table.gh-wallet-history-table tbody tr,
  .woocommerce-account .ngk-wallet-like-orders-table tbody tr{
    margin:0 0 12px !important;
    padding:8px !important;
    border:1px solid #e3edff !important;
    border-radius:18px !important;
    background:#ffffff !important;
    box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
  }

  .woocommerce-account .ngk-pretty-table tbody td,
  .woocommerce-account table.my_account_orders tbody td,
  .woocommerce-account table.account-orders-table tbody td,
  .woocommerce-account table.gh-wallet-history-table tbody td,
  .woocommerce-account .ngk-wallet-like-orders-table tbody td{
    position:relative !important;
    padding:10px 10px 10px 116px !important;
    min-height:40px !important;
    border:0 !important;
    border-bottom:1px dashed #e5edf9 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-align:left !important;
    font-size:13px !important;
    line-height:1.45 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  .woocommerce-account .ngk-pretty-table tbody td:last-child,
  .woocommerce-account table.my_account_orders tbody td:last-child,
  .woocommerce-account table.account-orders-table tbody td:last-child,
  .woocommerce-account table.gh-wallet-history-table tbody td:last-child,
  .woocommerce-account .ngk-wallet-like-orders-table tbody td:last-child{
    border-bottom:0 !important;
  }

  .woocommerce-account .ngk-pretty-table tbody td:before,
  .woocommerce-account table.my_account_orders tbody td:before,
  .woocommerce-account table.account-orders-table tbody td:before,
  .woocommerce-account table.gh-wallet-history-table tbody td:before,
  .woocommerce-account .ngk-wallet-like-orders-table tbody td:before{
    content:attr(data-title) !important;
    position:absolute !important;
    top:10px !important;
    left:10px !important;
    width:96px !important;
    color:#64748b !important;
    font-size:11px !important;
    line-height:1.35 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
    font-weight:900 !important;
  }

  .woocommerce-account .ngk-pretty-table tbody td.actions,
  .woocommerce-account table.my_account_orders tbody td.actions,
  .woocommerce-account table.account-orders-table tbody td.actions,
  .woocommerce-account .ngk-order-actions{
    padding-left:10px !important;
  }

  .woocommerce-account .ngk-pretty-table tbody td.actions:before,
  .woocommerce-account table.my_account_orders tbody td.actions:before,
  .woocommerce-account table.account-orders-table tbody td.actions:before,
  .woocommerce-account .ngk-order-actions:before{
    position:static !important;
    display:block !important;
    width:auto !important;
    margin:0 0 8px !important;
  }

  .woocommerce-account table.my_account_orders .button,
  .woocommerce-account table.account-orders-table .button,
  .woocommerce-account .ngk-pretty-table .button,
  .woocommerce-account .ngk-pretty-table a.button{
    width:100% !important;
    justify-content:center !important;
  }

  /* Pagination mobile */
  .woocommerce-account nav.woocommerce-pagination,
  .woocommerce-account .woocommerce-pagination,
  .woocommerce-account .ngk-lux-pager,
  .woocommerce-account .ngk-paged-nav{
    width:100% !important;
  }

  .woocommerce-account nav.woocommerce-pagination ul,
  .woocommerce-account .woocommerce-pagination ul{
    width:100% !important;
    justify-content:center !important;
    padding:10px !important;
    gap:8px !important;
    border-radius:18px !important;
  }

  .woocommerce-account nav.woocommerce-pagination ul li .page-numbers,
  .woocommerce-account .woocommerce-pagination ul li .page-numbers{
    min-width:38px !important;
    height:38px !important;
    padding:0 12px !important;
    font-size:12px !important;
  }

  .woocommerce-account nav.woocommerce-pagination ul li .page-numbers.prev,
  .woocommerce-account nav.woocommerce-pagination ul li .page-numbers.next,
  .woocommerce-account .woocommerce-pagination ul li .page-numbers.prev,
  .woocommerce-account .woocommerce-pagination ul li .page-numbers.next{
    min-width:84px !important;
  }

  /* Product cards / buttons */
  .woocommerce ul.products{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  .woocommerce ul.products li.product{
    width:100% !important;
    margin:0 !important;
    padding:10px !important;
    border-radius:16px !important;
  }

  .woocommerce ul.products li.product .button,
  .gamehub-add-cart-link,
  .gamehub-buy-now-link,
  .gamehub-stock-button{
    width:100% !important;
  }

  /* Popup / modal */
  .gh-popup,
  .modal,
  .popup,
  .swal2-popup{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
    margin:0 auto !important;
    border-radius:18px !important;
  }
}

@media (max-width: 480px){
  .woocommerce-account .gh-account-nav ul,
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    grid-template-columns:1fr !important;
  }

  .woocommerce ul.products{
    grid-template-columns:1fr !important;
  }

  .woocommerce-account .ngk-pretty-table tbody td,
  .woocommerce-account table.my_account_orders tbody td,
  .woocommerce-account table.account-orders-table tbody td,
  .woocommerce-account table.gh-wallet-history-table tbody td,
  .woocommerce-account .ngk-wallet-like-orders-table tbody td{
    padding-left:92px !important;
  }

  .woocommerce-account .ngk-pretty-table tbody td:before,
  .woocommerce-account table.my_account_orders tbody td:before,
  .woocommerce-account table.account-orders-table tbody td:before,
  .woocommerce-account table.gh-wallet-history-table tbody td:before,
  .woocommerce-account .ngk-wallet-like-orders-table tbody td:before{
    width:78px !important;
    font-size:10px !important;
  }

  .gh-account-hero h2,
  .gh-wallet-hero h2{
    font-size:20px !important;
  }

  .gh-wallet-amount{
    font-size:22px !important;
  }
}


/* NGKSHOP v1812: homepage public recent orders + topups - luxury glass live feed */
.ngk-public-feed-section{
  margin-top:22px!important;
}
.ngk-public-feed-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.ngk-public-feed-card{
  position:relative!important;
  min-height:414px!important;
  border-radius:26px!important;
  padding:25px!important;
  background:
    radial-gradient(circle at 18% 0%, rgba(182,255,56,.14), transparent 30%),
    linear-gradient(145deg, rgba(18,18,20,.98), rgba(7,7,8,.98))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.ngk-public-feed-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(120deg, rgba(255,255,255,.10), transparent 28%, transparent 72%, rgba(182,255,56,.08))!important;
  opacity:.72!important;
  z-index:-1!important;
}
.ngk-public-feed-card:after{
  content:""!important;
  position:absolute!important;
  width:160px!important;
  height:160px!important;
  right:-72px!important;
  top:-76px!important;
  border-radius:999px!important;
  background:rgba(182,255,56,.13)!important;
  filter:blur(6px)!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.ngk-public-feed-head{
  margin-bottom:22px!important;
  padding-bottom:16px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.ngk-public-feed-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.08)!important;
}
.ngk-public-feed-head p{
  margin:8px 0 0!important;
  color:rgba(255,255,255,.54)!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:750!important;
}
.ngk-public-feed-list{
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
}
.ngk-public-feed-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:58px!important;
  padding:9px 10px 9px 0!important;
  border-radius:16px!important;
  transition:background .18s ease, transform .18s ease!important;
}
.ngk-public-feed-row:hover{
  background:rgba(255,255,255,.035)!important;
  transform:translateY(-1px)!important;
}
.ngk-public-feed-info{
  min-width:0!important;
  padding-left:0!important;
}
.ngk-public-feed-info strong{
  display:block!important;
  color:#f3f3f3!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ngk-public-feed-info small{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin-top:5px!important;
  color:rgba(255,255,255,.50)!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:760!important;
  white-space:nowrap!important;
}
.ngk-public-feed-info small span{
  font-size:13px!important;
  opacity:.92!important;
}
.ngk-public-feed-amount{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:74px!important;
  max-width:142px!important;
  padding:10px 13px!important;
  border-radius:11px!important;
  background:linear-gradient(180deg, #243818, #16240f)!important;
  color:#baff35!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:1000!important;
  text-align:center!important;
  white-space:nowrap!important;
  border:1px solid rgba(182,255,56,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.24)!important;
  text-decoration:none!important;
}
.ngk-public-feed-empty{
  padding:18px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px dashed rgba(255,255,255,.15)!important;
  color:rgba(255,255,255,.58)!important;
  font-size:14px!important;
  font-weight:850!important;
  text-align:center!important;
}
@media (max-width:900px){
  .ngk-public-feed-grid{
    grid-template-columns:1fr!important;
  }
  .ngk-public-feed-card{
    min-height:0!important;
  }
}
@media (max-width:560px){
  .ngk-public-feed-section{
    margin-top:14px!important;
  }
  .ngk-public-feed-grid{
    gap:15px!important;
  }
  .ngk-public-feed-card{
    padding:19px 16px!important;
    border-radius:22px!important;
  }
  .ngk-public-feed-head{
    margin-bottom:15px!important;
    padding-bottom:13px!important;
  }
  .ngk-public-feed-head h2{
    font-size:21px!important;
  }
  .ngk-public-feed-head p{
    font-size:13px!important;
  }
  .ngk-public-feed-list{
    gap:10px!important;
  }
  .ngk-public-feed-row{
    min-height:54px!important;
    gap:10px!important;
    padding-right:4px!important;
  }
  .ngk-public-feed-info strong{
    font-size:15.5px!important;
  }
  .ngk-public-feed-info small{
    font-size:12.5px!important;
  }
  .ngk-public-feed-amount{
    min-width:66px!important;
    padding:8px 10px!important;
    font-size:13.5px!important;
    border-radius:10px!important;
  }
}

/* NGKSHOP v1813: homepage live feed - match main web colors (blue/teal/white) */
.ngk-public-feed-v1813{
  margin-top:30px!important;
  margin-bottom:26px!important;
}
.ngk-public-feed-v1813 .ngk-feed-section-head-v1813{
  margin-bottom:18px!important;
}
.ngk-public-feed-v1813 .ngk-feed-section-head-v1813 h2{
  margin:0!important;
  color:#0f172a!important;
  letter-spacing:-.035em!important;
}
.ngk-public-feed-v1813 .ngk-section-subtitle{
  margin:7px 0 0!important;
  color:#64748b!important;
  font-weight:700!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-card{
  position:relative!important;
  min-height:390px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border-radius:28px!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 18% 0%, rgba(37,99,235,.13), transparent 34%),
    radial-gradient(circle at 100% 16%, rgba(20,184,166,.16), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
  border:1px solid rgba(203,213,225,.95)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.2) 38%, rgba(37,99,235,.06))!important;
  z-index:-1!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-card:after{
  content:""!important;
  position:absolute!important;
  width:190px!important;
  height:190px!important;
  right:-80px!important;
  top:-90px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(20,184,166,.22))!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-head{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  margin:0 0 18px!important;
  padding:0 0 16px!important;
  border-bottom:1px solid #e2e8f0!important;
}
.ngk-public-feed-v1813 .ngk-feed-icon{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#2563eb,#14b8a6)!important;
  color:#fff!important;
  font-size:21px!important;
  box-shadow:0 12px 28px rgba(37,99,235,.22)!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-head h2{
  margin:0!important;
  color:#0f172a!important;
  font-size:24px!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-head p{
  margin:6px 0 0!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:760!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-list{
  display:flex!important;
  flex-direction:column!important;
  gap:11px!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:60px!important;
  padding:11px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-row:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(37,99,235,.28)!important;
  box-shadow:0 16px 32px rgba(15,23,42,.075)!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-info{
  min-width:0!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-info strong{
  display:block!important;
  color:#0f172a!important;
  font-size:16.5px!important;
  line-height:1.2!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-info small{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:5px!important;
  color:#64748b!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-info small span{
  color:#2563eb!important;
  opacity:.9!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-amount{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:82px!important;
  max-width:150px!important;
  padding:10px 13px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#2563eb,#14b8a6)!important;
  color:#fff!important;
  font-size:14.5px!important;
  line-height:1!important;
  font-weight:1000!important;
  text-align:center!important;
  white-space:nowrap!important;
  border:0!important;
  box-shadow:0 12px 24px rgba(37,99,235,.22)!important;
  text-decoration:none!important;
}
.ngk-public-feed-v1813 .ngk-feed-topups-card .ngk-public-feed-amount{
  background:linear-gradient(135deg,#22c55e,#14b8a6)!important;
  box-shadow:0 12px 24px rgba(34,197,94,.20)!important;
}
.ngk-public-feed-v1813 .ngk-public-feed-empty{
  padding:18px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px dashed #cbd5e1!important;
  color:#64748b!important;
  font-size:14px!important;
  font-weight:850!important;
  text-align:center!important;
}
@media (max-width:900px){
  .ngk-public-feed-v1813 .ngk-public-feed-grid{grid-template-columns:1fr!important;gap:16px!important}
  .ngk-public-feed-v1813 .ngk-public-feed-card{min-height:0!important}
}
@media (max-width:560px){
  .ngk-public-feed-v1813{margin-top:20px!important;margin-bottom:20px!important}
  .ngk-public-feed-v1813 .ngk-public-feed-card{padding:16px!important;border-radius:22px!important}
  .ngk-public-feed-v1813 .ngk-public-feed-head{gap:10px!important;margin-bottom:12px!important;padding-bottom:12px!important}
  .ngk-public-feed-v1813 .ngk-feed-icon{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:14px!important;font-size:18px!important}
  .ngk-public-feed-v1813 .ngk-public-feed-head h2{font-size:20px!important}
  .ngk-public-feed-v1813 .ngk-public-feed-head p{font-size:12.5px!important}
  .ngk-public-feed-v1813 .ngk-public-feed-list{gap:9px!important}
  .ngk-public-feed-v1813 .ngk-public-feed-row{min-height:55px!important;gap:9px!important;padding:9px!important;border-radius:15px!important}
  .ngk-public-feed-v1813 .ngk-public-feed-info strong{font-size:14.5px!important}
  .ngk-public-feed-v1813 .ngk-public-feed-info small{font-size:12px!important}
  .ngk-public-feed-v1813 .ngk-public-feed-amount{min-width:70px;padding:8px 9px!important;font-size:12.8px!important;border-radius:12px!important}
}


/* NGKShop v1823 - ghi chú mật khẩu đăng ký */
.ngkshop-password-hint{display:block;margin-top:8px;color:#475569;font-size:13px;line-height:1.45;font-weight:700}.gh-auth-form .woocommerce-password-hint{color:#475569!important;font-size:13px!important;line-height:1.45!important}.gh-auth-form .woocommerce-password-strength{margin-top:8px!important;border-radius:10px!important;padding:9px 10px!important;font-size:13px!important;font-weight:800!important;text-align:center!important}


/* NGKSHOP v1836 - Home hero banner no blank gap */
.ngk-home-banner-card{
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  min-height:0!important;
  display:block!important;
  line-height:0!important;
  aspect-ratio:1200/484;
}
.ngk-home-banner-link{
  display:block;
  width:100%;
  height:100%;
  line-height:0!important;
}
.ngk-home-banner-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
@media (max-width: 900px){
  .ngk-home-banner-card{aspect-ratio:1200/484}
}
@media (max-width: 560px){
  .ngk-home-banner-card{aspect-ratio:1200/484;border-radius:22px!important}
}


/* NGKSHOP v1837 - Home layout giống mẫu: banner lớn + top nạp đỏ */
.hero{
  padding:28px 0 14px!important;
}
.hero-grid{
  grid-template-columns:minmax(0,2.05fr) minmax(320px,.98fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
.ngk-home-banner-card{
  aspect-ratio:1200/550!important;
  border-radius:12px!important;
  border:2px solid #2563eb!important;
  box-shadow:0 12px 34px rgba(37,99,235,.16)!important;
  background:#fff!important;
}
.ngk-home-banner-link,
.ngk-home-banner-img{
  border-radius:10px!important;
}
.ngk-home-banner-img{
  object-fit:cover!important;
  object-position:center center!important;
}
.topup-board{
  border-radius:8px!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 12px 32px rgba(15,23,42,.12)!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.topup-head{
  background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
  padding:18px 16px!important;
  font-size:19px!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  min-height:64px!important;
}
.topup-head svg{
  width:20px!important;
  height:20px!important;
  color:#ffe36a!important;
}
.topup-body{
  padding:14px 14px 8px!important;
  flex:1!important;
}
.topup-list{
  gap:8px!important;
}
.topup-item{
  grid-template-columns:36px 1fr auto!important;
  gap:10px!important;
  min-height:50px!important;
  padding:8px 12px!important;
  border-radius:7px!important;
  border:none!important;
  background:#fff!important;
  box-shadow:none!important;
}
.topup-item.rank-1{
  background:#fff7df!important;
}
.topup-item.rank-2{
  background:#f7f8fa!important;
}
.topup-item.rank-3{
  background:#fff1e3!important;
}
.topup-rank{
  width:34px!important;
  height:34px!important;
  background:#eef3f8!important;
  color:#64748b!important;
  font-size:15px!important;
}
.topup-rank.medal{
  background:transparent!important;
  border:0!important;
  font-size:18px!important;
}
.topup-name{
  color:#475569!important;
  font-size:15px!important;
  font-weight:1000!important;
}
.topup-amount{
  color:#2563eb!important;
  font-size:15px!important;
  font-weight:1000!important;
}
.topup-btn-wrap{
  padding:10px 14px 14px!important;
}
.topup-btn{
  background:linear-gradient(180deg,#2563eb,#2563eb)!important;
  border-radius:5px!important;
  padding:13px 16px!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(37,99,235,.16)!important;
  font-weight:1000!important;
}
.topup-btn:hover{
  background:linear-gradient(180deg,#1d4ed8,#1d4ed8)!important;
}
@media (max-width: 900px){
  .hero-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .ngk-home-banner-card{
    aspect-ratio:1200/550!important;
  }
}
@media (max-width: 560px){
  .hero{padding:16px 0 8px!important}
  .ngk-home-banner-card{
    aspect-ratio:1200/550!important;
    border-radius:10px!important;
  }
  .topup-head{
    font-size:16px!important;
    min-height:54px!important;
  }
  .topup-item{
    grid-template-columns:34px 1fr auto!important;
    padding:8px 10px!important;
  }
  .topup-name,.topup-amount{font-size:13px!important}
}


/* NGKSHOP v1838 - banner trang chủ full khung + nút thay ảnh trong admin */
.hero{
  padding:28px 0 14px!important;
}
.hero .container.hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,2.05fr) minmax(320px,.98fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.hero-card.big.ngk-home-banner-card{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1200/550!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  line-height:0!important;
  border-radius:12px!important;
  border:2px solid #2563eb!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(37,99,235,.16)!important;
}
.hero-card.big.ngk-home-banner-card .ngk-home-banner-link,
.hero-card.big.ngk-home-banner-card .ngk-home-banner-img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
}
.hero-card.big.ngk-home-banner-card .ngk-home-banner-img{
  object-fit:cover!important;
  object-position:center center!important;
}
.hero .topup-board{
  min-height:0!important;
  height:auto!important;
}
.ngk-home-banner-admin-row .ngk-icon-preview{
  width:180px!important;
  height:92px!important;
  border-radius:14px!important;
}
.ngk-home-banner-admin-row .ngk-icon-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
@media (max-width:900px){
  .hero .container.hero-grid{grid-template-columns:1fr!important;gap:16px!important}
  .hero-card.big.ngk-home-banner-card{aspect-ratio:1200/550!important}
}
@media (max-width:560px){
  .hero{padding:16px 0 8px!important}
  .hero-card.big.ngk-home-banner-card{aspect-ratio:1200/550!important;border-radius:10px!important}
}


/* NGKSHOP v1840 - ép riêng khung ảnh banner trang chủ giống mẫu, không đụng ô top nạp */
body.home .hero-card.big.ngk-home-banner-card,
body .hero-card.big.ngk-home-banner-card{
  padding:0!important;
  margin:0!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1200/550!important;
  overflow:hidden!important;
  line-height:0!important;
  display:block!important;
  background:transparent!important;
  border:2px solid #2563eb!important;
  border-radius:12px!important;
  box-shadow:0 12px 34px rgba(37,99,235,.16)!important;
}
body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-link,
body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-img,
body .hero-card.big.ngk-home-banner-card .ngk-home-banner-link,
body .hero-card.big.ngk-home-banner-card .ngk-home-banner-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  line-height:0!important;
  border-radius:10px!important;
}
body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-img,
body .hero-card.big.ngk-home-banner-card .ngk-home-banner-img{
  object-fit:cover!important;
  object-position:center center!important;
}
.ngk-image-format-box{margin:18px 0 24px;padding:16px;border:1px solid #dbeafe;border-radius:18px;background:#f8fbff;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.ngk-image-format-box h3{margin-top:0!important}.ngk-image-format-table{width:100%;border-collapse:separate;border-spacing:0 8px}.ngk-image-format-table th{font-size:12px;text-transform:uppercase;color:#475569;text-align:left;padding:0 10px}.ngk-image-format-table td{background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:10px;font-weight:700;color:#0f172a}.ngk-image-format-table td:first-child{border-left:1px solid #e2e8f0;border-radius:12px 0 0 12px}.ngk-image-format-table td:last-child{border-right:1px solid #e2e8f0;border-radius:0 12px 12px 0;color:#475569;font-weight:600}.ngk-image-format-note{display:block;margin-top:8px;color:#64748b;font-size:13px;line-height:1.5}
@media(max-width:560px){body.home .hero-card.big.ngk-home-banner-card,body .hero-card.big.ngk-home-banner-card{aspect-ratio:1200/550!important;border-radius:10px!important}.ngk-image-format-table,.ngk-image-format-table tbody,.ngk-image-format-table tr,.ngk-image-format-table td{display:block;width:100%}.ngk-image-format-table thead{display:none}.ngk-image-format-table td{border:1px solid #e2e8f0!important;border-radius:10px!important;margin-bottom:5px}.ngk-image-format-table td:before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;color:#64748b;margin-bottom:4px}}


/* NGKSHOP v1841 - bành trướng banner cân đối với ô Top nạp */
body.home .hero{
  padding:28px 0 12px!important;
}
body.home .hero .container.hero-grid,
body .hero .container.hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,2.08fr) minmax(330px,.92fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
body.home .hero-card.big.ngk-home-banner-card,
body .hero-card.big.ngk-home-banner-card{
  width:100%!important;
  height:100%!important;
  min-height:410px!important;
  aspect-ratio:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  line-height:0!important;
  display:block!important;
  background:transparent!important;
  border:2px solid #2563eb!important;
  border-radius:12px!important;
  box-shadow:0 12px 34px rgba(37,99,235,.16)!important;
}
body.home .hero .topup-board,
body .hero .topup-board{
  height:100%!important;
}
body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-link,
body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-img,
body .hero-card.big.ngk-home-banner-card .ngk-home-banner-link,
body .hero-card.big.ngk-home-banner-card .ngk-home-banner-img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  line-height:0!important;
  border-radius:10px!important;
}
body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-img,
body .hero-card.big.ngk-home-banner-card .ngk-home-banner-img{
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:1100px){
  body.home .hero-card.big.ngk-home-banner-card,
  body .hero-card.big.ngk-home-banner-card{min-height:360px!important}
}
@media(max-width:900px){
  body.home .hero .container.hero-grid,
  body .hero .container.hero-grid{grid-template-columns:1fr!important;gap:16px!important}
  body.home .hero-card.big.ngk-home-banner-card,
  body .hero-card.big.ngk-home-banner-card{height:auto!important;min-height:0!important;aspect-ratio:1200/550!important}
}
@media(max-width:560px){
  body.home .hero-card.big.ngk-home-banner-card,
  body .hero-card.big.ngk-home-banner-card{aspect-ratio:1200/550!important;border-radius:10px!important}
}


/* NGKSHOP v1843 - bỏ màu đỏ trang chủ + in đậm số Top nạp trên desktop/mobile */
body.home .hero-card.big.ngk-home-banner-card,
body .hero-card.big.ngk-home-banner-card{
  border-color:#dbeafe!important;
  box-shadow:0 12px 34px rgba(37,99,235,.13)!important;
}
body.home .topup-head,
body .topup-head{
  background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
}
body.home .topup-head svg,
body .topup-head svg{color:#fff!important}
body.home .topup-amount,
body.home .topup-amount *,
body .topup-amount,
body .topup-amount *{
  color:#1d4ed8!important;
  font-weight:1000!important;
  font-size:16px!important;
  letter-spacing:.01em!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
body.home .topup-rank,
body.home .topup-rank *,
body .topup-rank,
body .topup-rank *{
  font-weight:1000!important;
  font-variant-numeric:tabular-nums!important;
}
body.home .topup-name,
body .topup-name{font-weight:1000!important}
body.home .topup-btn,
body .topup-btn{
  background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;
  box-shadow:0 10px 20px rgba(37,99,235,.16)!important;
}
body.home .topup-btn:hover,
body .topup-btn:hover{background:linear-gradient(180deg,#1d4ed8,#1e40af)!important}
@media(max-width:560px){
  body.home .topup-amount,body.home .topup-amount *,body .topup-amount,body .topup-amount *{font-size:14.5px!important;font-weight:1000!important}
  body.home .topup-rank,body.home .topup-rank *,body .topup-rank,body .topup-rank *{font-weight:1000!important}
}


/* NGKSHOP v1844 - khung mobile giống desktop, không méo/không dư trắng */
@media (max-width: 900px){
  body.home .hero{
    padding-top:12px!important;
    padding-bottom:8px!important;
  }
  body.home .hero .container.hero-grid,
  body .hero .container.hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    align-items:start!important;
  }
  body.home .hero-card.big.ngk-home-banner-card,
  body .hero-card.big.ngk-home-banner-card{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1200/550!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:2px solid #dbeafe!important;
    border-radius:12px!important;
    background:transparent!important;
    box-shadow:0 10px 26px rgba(37,99,235,.14)!important;
  }
  body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-link,
  body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-img,
  body .hero-card.big.ngk-home-banner-card .ngk-home-banner-link,
  body .hero-card.big.ngk-home-banner-card .ngk-home-banner-img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center center!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
  }
  body.home .topup-board,
  body .topup-board{
    width:100%!important;
    max-width:100%!important;
    border-radius:12px!important;
    overflow:hidden!important;
    box-shadow:0 10px 26px rgba(37,99,235,.14)!important;
    border:1px solid #dbeafe!important;
  }
  body.home .topup-head,
  body .topup-head{
    min-height:52px!important;
    padding:12px 14px!important;
    justify-content:center!important;
    font-size:17px!important;
    font-weight:1000!important;
  }
  body.home .topup-body,
  body .topup-body{
    padding:12px!important;
  }
  body.home .topup-list,
  body .topup-list{
    gap:10px!important;
  }
  body.home .topup-item,
  body .topup-item{
    min-height:58px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  body.home .topup-rank,
  body .topup-rank{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:17px!important;
    font-weight:1000!important;
  }
  body.home .topup-name,
  body .topup-name{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
    font-weight:1000!important;
  }
  body.home .topup-amount,
  body.home .topup-amount *,
  body .topup-amount,
  body .topup-amount *{
    font-size:15px!important;
    font-weight:1000!important;
    white-space:nowrap!important;
  }
  body.home .topup-btn-wrap,
  body .topup-btn-wrap{
    padding:0 12px 12px!important;
  }
  body.home .topup-btn,
  body .topup-btn{
    height:52px!important;
    border-radius:12px!important;
    font-size:17px!important;
    font-weight:1000!important;
  }
}
@media (max-width: 560px){
  body.home .hero .container.hero-grid,
  body .hero .container.hero-grid{
    padding-left:10px!important;
    padding-right:10px!important;
    gap:12px!important;
  }
  body.home .hero-card.big.ngk-home-banner-card,
  body .hero-card.big.ngk-home-banner-card{
    aspect-ratio:1200/550!important;
    border-radius:11px!important;
    border-width:2px!important;
  }
  body.home .topup-head,
  body .topup-head{
    font-size:16px!important;
  }
  body.home .topup-item,
  body .topup-item{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:56px!important;
    padding:9px 10px!important;
  }
  body.home .topup-rank,
  body .topup-rank{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:16px!important;
  }
  body.home .topup-name,
  body .topup-name{font-size:14px!important;}
  body.home .topup-amount,
  body.home .topup-amount *,
  body .topup-amount,
  body .topup-amount *{font-size:14px!important;}
}


/* NGKSHOP v1845 - FORCE mobile home frame giống desktop, chống CSS cũ/cache */
html body.home .hero,
html body .hero{padding:24px 0 12px!important;}
html body.home .hero .container.hero-grid,
html body .hero .container.hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,2.08fr) minmax(330px,.92fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
html body.home .hero-card.big.ngk-home-banner-card,
html body .hero-card.big.ngk-home-banner-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:410px!important;
  aspect-ratio:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  line-height:0!important;
  background:#fff!important;
  border:2px solid #dbeafe!important;
  border-radius:14px!important;
  box-shadow:0 12px 34px rgba(37,99,235,.13)!important;
}
html body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-link,
html body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-img,
html body .hero-card.big.ngk-home-banner-card .ngk-home-banner-link,
html body .hero-card.big.ngk-home-banner-card .ngk-home-banner-img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  line-height:0!important;
  border-radius:12px!important;
}
html body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-img,
html body .hero-card.big.ngk-home-banner-card .ngk-home-banner-img{
  object-fit:cover!important;
  object-position:center center!important;
}
html body.home .topup-board,
html body .topup-board{height:100%!important;border-radius:14px!important;border:1px solid #dbeafe!important;box-shadow:0 12px 34px rgba(37,99,235,.13)!important;}
html body.home .topup-amount,
html body.home .topup-amount *,
html body .topup-amount,
html body .topup-amount *{font-weight:1000!important;color:#1d4ed8!important;}

@media (max-width: 900px){
  html body.home .hero,
  html body .hero{padding:12px 0 10px!important;}
  html body.home .hero .container.hero-grid,
  html body .hero .container.hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
    align-items:start!important;
    overflow:visible!important;
  }
  html body.home .hero-card.big.ngk-home-banner-card,
  html body .hero-card.big.ngk-home-banner-card{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:210px!important;
    aspect-ratio:1200/550!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:2px solid #dbeafe!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 10px 26px rgba(37,99,235,.14)!important;
  }
  html body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-link,
  html body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-img,
  html body .hero-card.big.ngk-home-banner-card .ngk-home-banner-link,
  html body .hero-card.big.ngk-home-banner-card .ngk-home-banner-img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:12px!important;
  }
  html body.home .topup-board,
  html body .topup-board{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
}
@media (max-width: 430px){
  html body.home .hero-card.big.ngk-home-banner-card,
  html body .hero-card.big.ngk-home-banner-card{min-height:205px!important;aspect-ratio:auto!important;}
}
@media (max-width: 380px){
  html body.home .hero-card.big.ngk-home-banner-card,
  html body .hero-card.big.ngk-home-banner-card{min-height:190px!important;}
}

/* NGKSHOP v1846 - Admin banner desktop/mobile + logo header/footer */
.ngk-header-logo-wrap{display:inline-flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;min-width:0!important}
.ngk-header-logo-img{display:block!important;width:auto!important;height:46px!important;max-width:230px!important;object-fit:contain!important;border:0!important;border-radius:0!important}
.ngk-footer-logo{display:inline-flex!important;align-items:center!important;text-decoration:none!important;margin-bottom:10px!important}
.ngk-footer-logo img{display:block!important;width:auto!important;height:48px!important;max-width:240px!important;object-fit:contain!important;border:0!important;border-radius:0!important}
.ngk-logo-admin-row .ngk-icon-preview{width:150px!important;height:76px!important;border-radius:14px!important;background:#f8fafc!important}
.ngk-logo-admin-row .ngk-icon-preview img{object-fit:contain!important;padding:8px!important;background:transparent!important}
.ngk-home-banner-picture{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;line-height:0!important;border-radius:10px!important;overflow:hidden!important}
.hero-card.big.ngk-home-banner-card .ngk-home-banner-picture,
body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-picture{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;overflow:hidden!important}
@media(max-width:900px){
  .ngk-header-logo-img{height:44px!important;max-width:calc(100vw - 210px)!important}
  .ngk-footer-logo img{height:44px!important;max-width:220px!important}
  body.home .hero-card.big.ngk-home-banner-card{aspect-ratio:900/700!important;min-height:0!important;height:auto!important}
}
@media(max-width:560px){
  .ngk-header-logo-img{height:40px!important;max-width:138px!important}
  .ngk-footer-logo img{height:42px!important;max-width:200px!important}
  body.home .hero-card.big.ngk-home-banner-card{aspect-ratio:900/700!important;border-radius:12px!important}
  body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-picture,
  body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-img{border-radius:10px!important}
}

/* ===== NGKSHOP v1890: quản lý tiêu đề tab & favicon ===== */
.ngk-favicon-admin-row .ngk-icon-preview{
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;
  border-color:#fed7aa!important;
  color:#c2410c!important;
}
.ngk-favicon-admin-row .ngk-icon-preview img{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  object-fit:cover!important;
}

/* NGKSHOP v1891 - Premium How-to-buy page, product link fallback, footer contact block */
.ngk-how-buy-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0 34px;color:#0f172a}
.ngk-how-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:22px;align-items:stretch;margin:8px 0 24px;padding:28px;border:1px solid rgba(37,99,235,.13);border-radius:30px;background:radial-gradient(circle at top left,rgba(37,99,235,.13),transparent 38%),linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#eef6ff 100%);box-shadow:0 22px 60px rgba(15,23,42,.08);overflow:hidden;position:relative}
.ngk-how-hero:before{content:"";position:absolute;right:-95px;top:-95px;width:250px;height:250px;border-radius:999px;background:rgba(34,197,94,.14);filter:blur(4px)}
.ngk-how-hero-text,.ngk-how-hero-card{position:relative;z-index:1}
.ngk-how-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eaf3ff;color:#1d4ed8;font-weight:900;font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.ngk-how-hero h1{margin:14px 0 10px;font-size:clamp(30px,4vw,48px);line-height:1.05;font-weight:950;letter-spacing:-.045em;color:#06112b}
.ngk-how-hero p{max-width:680px;margin:0;color:#475569;font-size:16px;line-height:1.75;font-weight:650}
.ngk-how-actions,.ngk-how-support-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.ngk-how-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:999px;text-decoration:none!important;font-weight:950;line-height:1;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.ngk-how-btn:hover{transform:translateY(-1px)}
.ngk-how-btn-primary{background:linear-gradient(135deg,#2563eb,#16a34a);color:#fff!important;box-shadow:0 14px 28px rgba(37,99,235,.22)}
.ngk-how-btn-soft{background:#fff;color:#0f172a!important;border-color:#dbeafe;box-shadow:0 10px 22px rgba(15,23,42,.07)}
.ngk-how-hero-card{align-self:center;border-radius:26px;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border:1px solid rgba(148,163,184,.22);box-shadow:0 22px 46px rgba(15,23,42,.12);padding:16px;display:grid;gap:12px;min-height:250px}
.ngk-how-browser-dot-row{display:flex;gap:7px;padding:4px 0 8px}.ngk-how-browser-dot-row i{width:10px;height:10px;border-radius:50%;display:block;background:#dbeafe}.ngk-how-preview-card{border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.ngk-how-preview-card.main{background:linear-gradient(135deg,#eff6ff,#ecfdf5);border-color:#bfdbfe}.ngk-how-preview-card span{color:#64748b;font-size:13px;font-weight:850}.ngk-how-preview-card strong{color:#0f172a;font-size:15px;font-weight:950}
.ngk-how-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:22px 0}
.ngk-how-step-card{min-width:0;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.20);box-shadow:0 14px 34px rgba(15,23,42,.07);padding:17px;display:flex;flex-direction:column;gap:11px;position:relative;overflow:hidden}
.ngk-how-step-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2563eb,#22c55e);opacity:.85}.ngk-how-step-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ngk-how-step-number{font-size:12px;font-weight:950;color:#2563eb;background:#eff6ff;border-radius:999px;padding:6px 9px}.ngk-how-step-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#f8fafc;border:1px solid #e2e8f0;font-size:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.ngk-how-step-card h2{font-size:17px;line-height:1.25;margin:0;color:#07142d;font-weight:950;letter-spacing:-.02em}.ngk-how-step-card p{margin:0;color:#64748b;font-size:13.5px;line-height:1.55;font-weight:650}.ngk-how-mini-screen{margin-top:auto;min-height:74px;border-radius:18px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e2e8f0;padding:11px;display:grid;align-content:center;gap:7px;overflow:hidden}.ngk-how-mini-chip,.ngk-how-mini-wallet,.ngk-how-mini-cart,.ngk-how-mini-order,.ngk-how-mini-bubble,.ngk-how-mini-price{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:7px 9px;border-radius:999px;font-size:12px;font-weight:950;background:#eff6ff;color:#1d4ed8}.ngk-how-mini-wallet{background:#ecfdf5;color:#15803d}.ngk-how-mini-cart{background:#fff7ed;color:#c2410c}.ngk-how-mini-order{background:#f5f3ff;color:#6d28d9}.ngk-how-mini-bubble{background:#ecfdf5;color:#15803d;margin-left:auto}.ngk-how-mini-price{background:#fee2e2;color:#b91c1c}.ngk-how-mini-line{display:block;width:84%;height:8px;border-radius:999px;background:#e2e8f0}.ngk-how-mini-line.short{width:58%}.ngk-how-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ngk-how-mini-grid i{height:28px;border-radius:10px;background:#eaf3ff;border:1px solid #dbeafe}.ngk-how-mini-check{margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:#fff;font-weight:950}
.ngk-how-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:18px}.ngk-how-note-card,.ngk-how-support-card{border-radius:26px;background:#fff;border:1px solid rgba(148,163,184,.20);box-shadow:0 14px 34px rgba(15,23,42,.07);padding:22px}.ngk-how-note-card h2,.ngk-how-support-card h2{margin:0 0 10px;color:#07142d;font-size:22px;font-weight:950;letter-spacing:-.03em}.ngk-how-note-card ul{margin:10px 0 0;padding-left:20px;color:#475569;font-weight:700;line-height:1.75}.ngk-how-support-card>span{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#eff6ff;font-size:26px;margin-bottom:12px}.ngk-how-support-card p{margin:0;color:#64748b;font-weight:650;line-height:1.65}
body .footer .footer-grid{grid-template-columns:minmax(0,1.45fr) minmax(170px,.7fr) minmax(180px,.75fr) minmax(240px,1fr)!important;align-items:start}.ngk-footer-contact-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:22px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.footer .ngk-footer-contact-card h4{margin:0 0 12px;color:#fff;font-weight:950}.footer .ngk-footer-contact-link{display:flex!important;align-items:center;gap:9px;margin:8px 0!important;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none!important;font-weight:850}.footer .ngk-footer-contact-link:hover{background:rgba(255,255,255,.13)}.ngk-footer-contact-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.12);font-size:14px}.ngk-footer-hours,.ngk-footer-warning,.ngk-footer-contact-empty{margin:10px 0 0!important;color:#cbd5e1!important;font-size:13.5px!important;line-height:1.55!important}.ngk-footer-warning{padding:10px 12px;border-radius:14px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.22);color:#fde68a!important;font-weight:800}.ngk-footer-contact-empty{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.16)}
@media(max-width:1100px){.ngk-how-steps{grid-template-columns:repeat(3,minmax(0,1fr))}body .footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.ngk-how-buy-wrap{width:min(100% - 20px,760px);padding-top:8px}.ngk-how-hero{grid-template-columns:1fr;padding:22px;border-radius:24px}.ngk-how-hero-card{min-height:0}.ngk-how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ngk-how-bottom-grid{grid-template-columns:1fr}.ngk-how-hero h1{font-size:32px}.ngk-how-actions .ngk-how-btn{flex:1;min-width:145px}}
@media(max-width:560px){.ngk-how-buy-wrap{width:calc(100% - 14px)}.ngk-how-hero{padding:18px;border-radius:22px}.ngk-how-hero p{font-size:14.5px}.ngk-how-steps{grid-template-columns:1fr;gap:10px}.ngk-how-step-card{border-radius:20px;padding:15px}.ngk-how-mini-screen{min-height:62px}.ngk-how-note-card,.ngk-how-support-card{padding:18px;border-radius:22px}.ngk-how-actions,.ngk-how-support-actions{gap:9px}.ngk-how-actions .ngk-how-btn,.ngk-how-support-actions .ngk-how-btn{width:100%}body .footer .footer-grid{grid-template-columns:1fr!important}.ngk-footer-contact-card{padding:14px;border-radius:18px}}


/* ===== NGKSHOP v1895: Premium Support Page ===== */
body.ngk-premium-support-page main.container.page{max-width:1220px!important;width:min(1220px,calc(100% - 28px))!important;padding-top:18px!important;padding-bottom:34px!important}
body.ngk-premium-support-page .page .panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.ngk-premium-support-page .page .panel>h1{display:none!important}
.ngk-premium-support-wrap{width:100%;color:#0f172a;display:grid;gap:18px;position:relative;isolation:isolate}
.ngk-premium-support-wrap *{box-sizing:border-box}
.ngk-support-hero-premium{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:22px;align-items:stretch;padding:30px;border:1px solid rgba(191,219,254,.9);border-radius:32px;background:radial-gradient(circle at 0 0,rgba(59,130,246,.18),transparent 35%),radial-gradient(circle at 100% 10%,rgba(34,197,94,.14),transparent 30%),linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#eef6ff 100%);box-shadow:0 28px 80px rgba(15,23,42,.10)}
.ngk-support-hero-premium:before{content:"";position:absolute;right:-110px;bottom:-130px;width:320px;height:320px;border-radius:999px;background:rgba(37,99,235,.10);filter:blur(2px);pointer-events:none}.ngk-support-hero-premium:after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#bfdbfe,transparent);pointer-events:none}.ngk-support-hero-copy,.ngk-support-status-card{position:relative;z-index:1}
.ngk-support-eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;font-size:12px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.ngk-support-hero-copy h1{margin:16px 0 12px;font-size:clamp(32px,4.6vw,54px);line-height:1.03;font-weight:1000;letter-spacing:-.055em;color:#06112b;max-width:830px}.ngk-support-hero-copy p{margin:0;max-width:760px;color:#475569;font-size:16px;line-height:1.75;font-weight:650}.ngk-support-main-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.ngk-support-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;padding:13px 18px;border-radius:999px;border:1px solid transparent;text-decoration:none!important;font-weight:950;line-height:1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.ngk-support-btn:hover{transform:translateY(-1px)}.ngk-support-btn-primary{background:linear-gradient(135deg,#2563eb,#16a34a);color:#fff!important;box-shadow:0 16px 34px rgba(37,99,235,.24)}.ngk-support-btn-soft{background:rgba(255,255,255,.86);color:#0f172a!important;border-color:#dbeafe;box-shadow:0 12px 26px rgba(15,23,42,.07)}
.ngk-support-status-card{align-self:stretch;border:1px solid rgba(148,163,184,.20);border-radius:28px;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);box-shadow:0 24px 56px rgba(15,23,42,.12);padding:18px;display:grid;align-content:center;gap:12px}.ngk-support-live-dot{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 11px;border-radius:999px;background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;font-size:12px;font-weight:950}.ngk-support-live-dot i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.16)}.ngk-support-status-card>strong{display:block;color:#06112b;font-size:24px;font-weight:1000;letter-spacing:-.025em}.ngk-support-status-card>p{margin:0;color:#64748b;line-height:1.6;font-weight:650}.ngk-support-mini-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.ngk-support-mini-row span{color:#64748b;font-size:13px;font-weight:850}.ngk-support-mini-row b{color:#1d4ed8;font-size:13px;font-weight:1000}
.ngk-support-contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ngk-support-contact-card{position:relative;overflow:hidden;display:grid!important;gap:9px;text-align:left;text-decoration:none!important;border:1px solid rgba(148,163,184,.20)!important;border-radius:24px!important;background:#fff!important;padding:18px!important;box-shadow:0 16px 38px rgba(15,23,42,.07)!important;color:#0f172a!important;min-height:162px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ngk-support-contact-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2563eb,#22c55e);opacity:.9}.ngk-support-contact-card:hover{transform:translateY(-2px);border-color:#bfdbfe!important;box-shadow:0 22px 52px rgba(15,23,42,.10)!important}.ngk-support-contact-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8;font-size:24px;font-weight:1000;line-height:1}.ngk-support-contact-card strong{font-size:18px;font-weight:1000;letter-spacing:-.02em}.ngk-support-contact-card small{color:#64748b;font-size:13.5px;line-height:1.55;font-weight:650}.ngk-support-zalo .ngk-support-contact-icon{background:#eff6ff;color:#0068ff}.ngk-support-facebook .ngk-support-contact-icon{background:#eef2ff;color:#1877f2}.ngk-support-tiktok .ngk-support-contact-icon{background:#f8fafc;color:#0f172a}.ngk-support-chat-button .ngk-support-contact-icon{background:#ecfdf5;color:#15803d;border-color:#bbf7d0}
.ngk-support-content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px}.ngk-support-panel{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.20);border-radius:26px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.07);padding:22px}.ngk-support-panel:before{content:"";position:absolute;right:-70px;top:-90px;width:210px;height:210px;border-radius:999px;background:rgba(37,99,235,.07)}.ngk-support-panel-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #dbeafe;font-size:26px;margin-bottom:12px}.ngk-support-panel h2,.ngk-support-flow-card h2{position:relative;margin:0 0 12px;color:#06112b;font-size:24px;line-height:1.2;font-weight:1000;letter-spacing:-.035em}.ngk-support-panel p{position:relative;margin:12px 0 0;color:#64748b;line-height:1.65;font-weight:650}.ngk-support-checklist{position:relative;display:flex;gap:10px;flex-wrap:wrap}.ngk-support-checklist span{display:inline-flex;padding:9px 11px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:13px;font-weight:850}.ngk-support-warning-panel{background:linear-gradient(180deg,#fff,#fff7ed);border-color:#fed7aa}.ngk-support-warning-panel a{position:relative;display:inline-flex;margin-top:14px;color:#c2410c!important;font-weight:1000;text-decoration:none!important}
.ngk-support-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ngk-support-quick-card{display:grid;gap:9px;min-height:185px;padding:18px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.20);box-shadow:0 16px 38px rgba(15,23,42,.07);text-decoration:none!important;color:#0f172a!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ngk-support-quick-card:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 22px 52px rgba(15,23,42,.10)}.ngk-support-quick-card span{display:grid;place-items:center;width:50px;height:50px;border-radius:17px;background:#f8fafc;border:1px solid #e2e8f0;font-size:25px}.ngk-support-quick-card strong{font-size:17px;font-weight:1000;line-height:1.22;letter-spacing:-.02em}.ngk-support-quick-card small{color:#64748b;font-size:13.5px;line-height:1.5;font-weight:650}.ngk-support-quick-card em{margin-top:auto;color:#1d4ed8;font-style:normal;font-weight:1000;font-size:13px}
.ngk-support-flow-card{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr);gap:18px;align-items:center;padding:22px;border-radius:28px;background:linear-gradient(135deg,#0f172a,#1e3a8a);box-shadow:0 24px 60px rgba(15,23,42,.18);color:#fff;overflow:hidden;position:relative}.ngk-support-flow-card:before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:999px;background:rgba(34,197,94,.18)}.ngk-support-flow-card .ngk-support-eyebrow{background:rgba(255,255,255,.12);color:#bfdbfe;border-color:rgba(255,255,255,.14)}.ngk-support-flow-card h2{color:#fff;margin-top:12px}.ngk-support-flow-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ngk-support-flow-steps span{display:grid;gap:8px;align-content:start;min-height:88px;padding:13px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-weight:850;line-height:1.35}.ngk-support-flow-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#22c55e;color:#fff;font-size:13px;font-weight:1000}
.ngk-premium-support-wrap.is-account-support{margin-top:6px}.ngk-premium-support-wrap.is-account-support .ngk-support-hero-premium{padding:24px;border-radius:28px}.ngk-premium-support-wrap.is-account-support .ngk-support-hero-copy h1{font-size:clamp(28px,3.6vw,42px)}
@media(max-width:1100px){.ngk-support-contact-grid,.ngk-support-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ngk-support-flow-card{grid-template-columns:1fr}.ngk-support-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){body.ngk-premium-support-page main.container.page{width:calc(100% - 18px)!important;padding-top:10px!important}.ngk-support-hero-premium,.ngk-support-content-grid{grid-template-columns:1fr}.ngk-support-hero-premium{padding:22px;border-radius:26px}.ngk-support-hero-copy h1{font-size:34px}.ngk-support-main-actions .ngk-support-btn{flex:1;min-width:145px}.ngk-support-status-card{padding:16px;border-radius:22px}.ngk-support-status-card>strong{font-size:20px}}
@media(max-width:560px){body.ngk-premium-support-page main.container.page{width:calc(100% - 12px)!important}.ngk-premium-support-wrap{gap:12px}.ngk-support-hero-premium{padding:18px;border-radius:22px}.ngk-support-hero-copy h1{font-size:30px}.ngk-support-hero-copy p{font-size:14.5px}.ngk-support-main-actions{gap:9px}.ngk-support-main-actions .ngk-support-btn{width:100%;flex-basis:100%}.ngk-support-contact-grid,.ngk-support-quick-grid,.ngk-support-flow-steps{grid-template-columns:1fr}.ngk-support-contact-card,.ngk-support-quick-card{min-height:0;padding:16px!important;border-radius:20px!important}.ngk-support-panel,.ngk-support-flow-card{padding:18px;border-radius:22px}.ngk-support-panel h2,.ngk-support-flow-card h2{font-size:21px}.ngk-support-flow-steps span{min-height:0}.ngk-support-checklist span{width:100%;justify-content:flex-start}.ngk-premium-support-wrap.is-account-support .ngk-support-hero-premium{padding:18px;border-radius:22px}}

/* ===== NGKSHOP v1896: Premium global cleanup desktop/mobile ===== */
:root{--ngk-premium-radius:22px;--ngk-premium-border:rgba(148,163,184,.22);--ngk-premium-shadow:0 18px 48px rgba(15,23,42,.08);--ngk-premium-soft:#f8fafc;--ngk-premium-text:#0f172a;--ngk-premium-muted:#64748b;--ngk-premium-blue:#2563eb;--ngk-premium-green:#16a34a}
html{box-sizing:border-box;max-width:100%;overflow-x:hidden;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{max-width:100%;overflow-x:hidden;background:#f8fafc;color:var(--ngk-premium-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video,canvas,iframe{max-width:100%;height:auto}.container,main.container,.page .container{width:min(1200px,calc(100% - 32px));max-width:1200px;margin-left:auto;margin-right:auto}.panel,.notice-box,.hero-card,.product-card,.category-card,.ngk-service-card,.gh-admin-form-card,.gh-admin-table-card,.filter-panel,.archive-category-block{border-radius:var(--ngk-premium-radius);border-color:var(--ngk-premium-border);box-shadow:var(--ngk-premium-shadow);overflow:hidden}.section{margin-top:28px;margin-bottom:28px}.section-head{align-items:end;gap:14px}.section-head h2,.page-title h1,.panel h1,.panel h2{letter-spacing:-.035em;line-height:1.15}.eyebrow{letter-spacing:.06em;line-height:1.25}.btn-primary,.btn-outline,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:999px!important;font-weight:900!important;min-height:42px;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;text-align:center;white-space:normal;line-height:1.2}.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,p.no-comments{border-radius:18px!important;border:1px solid rgba(148,163,184,.25)!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;overflow:hidden!important}.woocommerce-notices-wrapper{width:min(1200px,calc(100% - 32px));margin-left:auto;margin-right:auto}.page-title,.gh-account-hero{overflow:hidden}.page-title h1,.gh-account-hero h2{overflow-wrap:anywhere}

/* Cards and images: equal, clean, no overlap */
.category-grid,.ngk-unified-category-grid,.ngk-service-grid,.ngk-dmsp-clean-grid,.ngk-child-clean-grid,.products{align-items:stretch}.category-card,.ngk-service-card,.ngk-dmsp-clean-card,.ngk-loop-product-card,.woocommerce ul.products li.product{min-width:0;min-height:0;overflow:hidden}.category-card img,.ngk-service-card img,.ngk-dmsp-clean-card img,.product-image img,.woocommerce ul.products li.product img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}.category-card .category-icon,.category-card .ngk-category-icon,.ngk-dmsp-clean-icon,.ngk-service-icon{display:grid;place-items:center;flex:0 0 auto;overflow:hidden}.ngk-dmsp-clean-icon img,.ngk-service-icon img,.category-card .category-icon img,.category-card .ngk-category-icon img{width:100%;height:100%;object-fit:contain;object-position:center}.product-image{position:relative;aspect-ratio:1/1;width:100%;overflow:hidden;background:linear-gradient(180deg,#eef6ff,#f8fafc);border-radius:18px}.product-image>span{position:absolute;inset:0;display:grid;place-items:center;font-weight:1000;color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#ecfdf5)}.product-body{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}.product-title,.ngk-service-card strong,.category-card strong,.ngk-dmsp-clean-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.28;min-height:0;overflow-wrap:anywhere}.product-card .meta,.ngk-loop-stock-line,.ngk-product-topline{min-width:0}.product-card .meta span,.ngk-loop-stock-line span,.ngk-product-badge,.ngk-product-stock{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-actions,.ngk-loop-qty-row{margin-top:auto;min-width:0}.product-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.product-actions a,.product-actions span{min-width:0;width:100%;padding-left:10px!important;padding-right:10px!important}.price,.topup-amount,.gh-wallet-balance,.woocommerce-Price-amount{font-variant-numeric:tabular-nums}.price{overflow-wrap:anywhere}.ngk-loop-quantity{flex-shrink:0}.ngk-loop-qty-input{min-width:44px;text-align:center}

/* Archive/shop layout */
.layout{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:22px;align-items:start}.layout>section{min-width:0}.filter-panel{position:sticky;top:86px;background:#fff}.woocommerce ul.products,.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important;margin:0!important}.woocommerce ul.products li.product,.ngk-loop-product-card{width:auto!important;margin:0!important;background:#fff!important;padding:12px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(15,23,42,.07)!important;display:flex!important;flex-direction:column!important;float:none!important;clear:none!important}.woocommerce-result-count,.woocommerce-ordering{margin-bottom:14px}.woocommerce-ordering select,.filter-panel select,.filter-panel input{max-width:100%}

/* Cart, checkout, wallet and account tables on mobile */
.woocommerce table.shop_table,.gh-wallet-table,.gh-admin-table-card table,.woocommerce-orders-table{border-collapse:separate!important;border-spacing:0!important;border-radius:20px!important;overflow:hidden!important}.woocommerce table.shop_table th,.woocommerce table.shop_table td,.gh-wallet-table th,.gh-wallet-table td,.gh-admin-table-card th,.gh-admin-table-card td{vertical-align:middle;line-height:1.45}.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.gh-wallet-panel,.gh-account-dashboard{border-radius:24px;overflow:hidden}.woocommerce-cart-form table img{width:58px!important;height:58px!important;object-fit:cover;border-radius:14px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=url],textarea,select{max-width:100%;border-radius:16px!important}.woocommerce form .form-row{min-width:0}.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation{min-width:0}.woocommerce-account .woocommerce{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:20px;align-items:start}.woocommerce-account .woocommerce-MyAccount-navigation ul{border-radius:22px;overflow:hidden}

/* Header/home premium spacing */
.header,.site-header{backdrop-filter:saturate(150%) blur(14px)}body.home .hero{padding-top:16px}body.home .hero .container.hero-grid{min-width:0}body.home .hero-card.big.ngk-home-banner-card,body.home .topup-board{border-radius:24px!important;box-shadow:0 22px 60px rgba(15,23,42,.10)!important}body.home .hero-card.big.ngk-home-banner-card .ngk-home-banner-img{border-radius:22px!important}.topup-item{min-width:0}.topup-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topup-amount{white-space:nowrap}.notice-box{background:linear-gradient(135deg,#fff,#f8fbff)}

/* Support page and footer mobile polish */
.ngk-premium-support-wrap,.ngk-support-hero-premium,.ngk-support-contact-card,.ngk-support-panel,.ngk-support-quick-card,.ngk-support-flow-card,.footer,.footer *{min-width:0}.ngk-support-contact-card strong,.ngk-support-quick-card strong,.ngk-support-panel h2,.ngk-support-flow-card h2,.footer h3,.footer h4{overflow-wrap:anywhere}.ngk-support-contact-card small,.ngk-support-quick-card small,.ngk-support-panel p,.footer p,.footer a{overflow-wrap:anywhere}.footer{background:radial-gradient(circle at 0 0,rgba(37,99,235,.20),transparent 30%),linear-gradient(180deg,#0f172a,#08111f)!important;padding:42px 0!important}.footer .container{width:min(1200px,calc(100% - 32px))}.footer-grid>div{min-width:0}.footer h3,.footer h4{letter-spacing:-.02em}.footer p{line-height:1.65;color:#cbd5e1}.footer a{line-height:1.35}.ngk-footer-contact-card{width:100%;max-width:100%}.ngk-footer-contact-link span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ngk-footer-warning{overflow:hidden}

@media(max-width:1100px){.container,main.container,.page .container,.woocommerce-notices-wrapper{width:calc(100% - 28px)}.woocommerce ul.products,.products{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:1fr}.filter-panel{position:relative;top:auto}.woocommerce-account .woocommerce{grid-template-columns:1fr}body.home .hero .container.hero-grid{grid-template-columns:1fr!important}.product-actions{grid-template-columns:1fr}}
@media(max-width:760px){body{font-size:15px}.container,main.container,.page .container,.woocommerce-notices-wrapper{width:calc(100% - 18px)}.section{margin-top:18px;margin-bottom:18px}.section-head{align-items:flex-start;flex-direction:column}.section-head a{width:100%;justify-content:center}.page-title{padding:18px!important;border-radius:22px!important}.page-title h1{font-size:30px!important}.woocommerce ul.products,.products,.category-grid,.ngk-unified-category-grid,.ngk-service-grid,.ngk-dmsp-clean-grid,.ngk-child-clean-grid{grid-template-columns:1fr!important;gap:12px!important}.woocommerce ul.products li.product,.ngk-loop-product-card{padding:10px!important;border-radius:20px!important}.product-image{border-radius:16px}.product-body{gap:8px}.product-title{font-size:15.5px!important}.product-card .meta{font-size:12px!important}.product-actions{grid-template-columns:1fr!important}.btn-primary,.btn-outline,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{width:100%;min-height:44px}.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr{border-radius:18px!important;margin-bottom:10px!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;overflow:hidden}.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{text-align:right!important;padding:12px 14px!important}.woocommerce table.shop_table_responsive tr td:before,.woocommerce-page table.shop_table_responsive tr td:before{font-weight:900;color:#475569}.cart_totals,.woocommerce-checkout-review-order,.woocommerce-cart-form{border-radius:20px!important}.ngk-support-hero-premium{border-radius:22px!important;padding:16px!important}.ngk-support-hero-copy h1{font-size:27px!important;letter-spacing:-.04em}.ngk-support-main-actions .ngk-support-btn{width:100%;flex-basis:100%;min-width:0}.ngk-support-contact-grid,.ngk-support-quick-grid,.ngk-support-flow-steps{grid-template-columns:1fr!important}.ngk-support-contact-card,.ngk-support-quick-card,.ngk-support-panel,.ngk-support-flow-card{border-radius:18px!important;padding:15px!important}.ngk-support-mini-row{display:grid;grid-template-columns:1fr;gap:4px}.footer{padding:30px 0 calc(34px + env(safe-area-inset-bottom))!important}.footer .container{width:calc(100% - 18px)}body .footer .footer-grid{grid-template-columns:1fr!important;gap:14px!important}.footer-grid>div{padding:0!important}.footer h4{margin-top:10px!important;margin-bottom:8px!important}.footer a{padding:9px 0;margin:0!important}.ngk-footer-contact-card{padding:14px!important;border-radius:18px!important}.ngk-footer-contact-link{min-height:44px}.ngk-footer-contact-link span:last-child{white-space:normal}.ngk-footer-warning,.ngk-footer-hours,.ngk-footer-contact-empty{font-size:13px!important;line-height:1.55!important}}
@media(max-width:420px){.container,main.container,.page .container,.woocommerce-notices-wrapper{width:calc(100% - 12px)}.page-title h1{font-size:26px!important}.ngk-support-hero-copy h1{font-size:25px!important}.ngk-support-eyebrow{font-size:10.5px}.product-image{aspect-ratio:1/1}.ngk-product-topline{gap:6px;flex-wrap:wrap}.ngk-product-badge,.ngk-product-stock{max-width:100%;font-size:11px!important}.topup-item{grid-template-columns:auto minmax(0,1fr);gap:8px}.topup-amount{grid-column:2/3}.footer .ngk-footer-logo img{max-width:180px!important;height:38px!important}}


/* NGKSHOP v1910 - HARD FIX account/admin wide layout
   Priority: remove nested page/card squeeze, expand customer + admin account areas, keep tables safe on mobile. */
body.ngk-v1910-wide-account,
body.woocommerce-account{
  overflow-x:hidden !important;
}
body.ngk-v1910-wide-account main.ngk-v1910-account-main,
body.ngk-v1910-wide-account main.gh-account-wide-main,
body.woocommerce-account main.ngk-v1910-account-main,
body.woocommerce-account main.gh-account-wide-main,
main.ngk-v1910-account-main,
main.gh-account-wide-main{
  display:block !important;
  width:min(1280px, calc(100vw - 32px)) !important;
  max-width:1280px !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:24px 0 56px !important;
  box-sizing:border-box !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.ngk-v1910-wide-account .ngk-v1910-account-shell,
body.ngk-v1910-wide-account .gh-account-wide-shell,
body.woocommerce-account .ngk-v1910-account-shell,
body.woocommerce-account .gh-account-wide-shell,
.ngk-v1910-account-shell,
.gh-account-wide-shell{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
body.ngk-v1910-wide-account .ngk-v1910-account-shell > .woocommerce,
body.ngk-v1910-wide-account .gh-account-wide-shell > .woocommerce,
body.woocommerce-account .ngk-v1910-account-shell > .woocommerce,
body.woocommerce-account .gh-account-wide-shell > .woocommerce,
body.woocommerce-account main.gh-account-wide-main > .woocommerce,
body.woocommerce-account .woocommerce{
  display:grid !important;
  grid-template-columns:250px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:start !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  clear:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
body.woocommerce-account .woocommerce:before,
body.woocommerce-account .woocommerce:after,
body.woocommerce-account .gh-account-wide-shell:before,
body.woocommerce-account .gh-account-wide-shell:after,
body.woocommerce-account .ngk-v1910-account-shell:before,
body.woocommerce-account .ngk-v1910-account-shell:after,
body.woocommerce-account .woocommerce-MyAccount-content:before,
body.woocommerce-account .woocommerce-MyAccount-content:after{
  content:none !important;
  display:none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account nav.woocommerce-MyAccount-navigation,
body.woocommerce-account .gh-account-nav{
  position:sticky !important;
  top:92px !important;
  width:100% !important;
  max-width:250px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:12px !important;
  float:none !important;
  clear:none !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(203,213,225,.85) !important;
  border-radius:24px !important;
  box-shadow:0 18px 46px rgba(15,23,42,.075) !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul,
body.woocommerce-account .gh-account-nav ul{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  width:100% !important;
  overflow:visible !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li,
body.woocommerce-account .gh-account-nav li{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  min-width:0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a,
body.woocommerce-account .gh-account-nav a{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:48px !important;
  padding:10px 12px !important;
  border-radius:16px !important;
  line-height:1.25 !important;
  white-space:normal !important;
  box-sizing:border-box !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account .gh-account-nav .is-active a{
  background:linear-gradient(135deg,#2563eb,#0f766e) !important;
  color:#fff !important;
  box-shadow:0 13px 28px rgba(37,99,235,.22) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  clear:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
body.woocommerce-account .woocommerce-MyAccount-content > *,
body.woocommerce-account .gh-account-dashboard,
body.woocommerce-account .gh-wallet-page,
body.woocommerce-account .gh-topup-page,
body.woocommerce-account .gh-withdraw-page,
body.woocommerce-account .ngk-manual-card-admin,
body.woocommerce-account .gh-wallet-panel,
body.woocommerce-account .ngk-list-card{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.woocommerce-account .gh-account-dashboard{
  display:grid !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.woocommerce-account .gh-account-hero{
  margin:0 !important;
  border-radius:26px !important;
  padding:28px !important;
  overflow:hidden !important;
}
body.woocommerce-account .gh-account-stats,
body.woocommerce-account .gh-account-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
  margin:0 !important;
}
body.woocommerce-account .gh-account-card,
body.woocommerce-account .gh-account-stat{
  min-width:0 !important;
  overflow:hidden !important;
}
body.woocommerce-account .gh-admin-form-card,
body.woocommerce-account .gh-admin-table-card,
body.woocommerce-account .woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce-MyAccount-content > form,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-orders-table,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-pagination,
body.woocommerce-account .woocommerce-order-details,
body.woocommerce-account .woocommerce-customer-details,
body.woocommerce-account .ngk-manual-card-admin,
body.woocommerce-account .gh-wallet-panel,
body.woocommerce-account .ngk-list-card{
  margin:0 !important;
  border-radius:24px !important;
  border:1px solid rgba(203,213,225,.84) !important;
  background:#fff !important;
  box-shadow:0 16px 42px rgba(15,23,42,.06) !important;
  box-sizing:border-box !important;
}
body.woocommerce-account .gh-admin-form-card,
body.woocommerce-account .woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce-MyAccount-content > form,
body.woocommerce-account .ngk-manual-card-admin,
body.woocommerce-account .gh-wallet-panel,
body.woocommerce-account .ngk-list-card{
  padding:22px !important;
}
body.woocommerce-account .gh-admin-table-card{
  padding:16px !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  -webkit-overflow-scrolling:touch !important;
}
body.woocommerce-account .gh-admin-table,
body.woocommerce-account .gh-admin-users-table,
body.woocommerce-account .ngk-manual-card-admin table,
body.woocommerce-account table.shop_table,
body.woocommerce-account .woocommerce-orders-table{
  width:100% !important;
  min-width:980px !important;
  table-layout:auto !important;
}
body.woocommerce-account .gh-admin-user-filters{
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) minmax(150px,190px) minmax(150px,190px) auto !important;
  gap:12px !important;
  align-items:center !important;
  margin:0 0 16px !important;
}
body.woocommerce-account .gh-wallet-adjust-form{
  display:grid !important;
  grid-template-columns:120px minmax(150px,1fr) auto auto !important;
  gap:8px !important;
  align-items:center !important;
}
body.woocommerce-account .gh-admin-inline-form,
body.woocommerce-account .gh-admin-lock-form,
body.woocommerce-account .gh-admin-actions{
  min-width:0 !important;
  max-width:100% !important;
}
body.woocommerce-account .gh-payment-settings-card,
body.woocommerce-account .ngk-card-tax-admin-grid,
body.woocommerce-account .ngk-card-tax-selects{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}
body.woocommerce-account .gh-payment-settings-card h3,
body.woocommerce-account .gh-payment-settings-card p,
body.woocommerce-account .gh-payment-settings-card button{
  grid-column:1 / -1 !important;
}
body.woocommerce-account input,
body.woocommerce-account select,
body.woocommerce-account textarea,
body.woocommerce-account button{
  max-width:100% !important;
  box-sizing:border-box !important;
}
body.woocommerce-account .gh-topup-grid{
  grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr) !important;
  gap:18px !important;
}
body.woocommerce-account .gh-card-fields,
body.woocommerce-account .ngk-card-tax-preview--clean{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
body.woocommerce-account .ngk-card-tax-preview__line.is-highlight{
  grid-column:span 2 !important;
}
@media (min-width:1400px){
  body.ngk-v1910-wide-account main.ngk-v1910-account-main,
  body.ngk-v1910-wide-account main.gh-account-wide-main,
  body.woocommerce-account main.ngk-v1910-account-main,
  body.woocommerce-account main.gh-account-wide-main,
  main.ngk-v1910-account-main,
  main.gh-account-wide-main{
    width:min(1320px, calc(100vw - 48px)) !important;
    max-width:1320px !important;
  }
  body.woocommerce-account .woocommerce{
    grid-template-columns:260px minmax(0,1fr) !important;
  }
}
@media (max-width:1100px){
  body.woocommerce-account .woocommerce{
    grid-template-columns:220px minmax(0,1fr) !important;
    gap:18px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation{max-width:220px !important;}
  body.woocommerce-account .gh-account-stats,
  body.woocommerce-account .gh-account-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body.woocommerce-account .gh-topup-grid{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:900px){
  body.ngk-v1910-wide-account main.ngk-v1910-account-main,
  body.ngk-v1910-wide-account main.gh-account-wide-main,
  body.woocommerce-account main.ngk-v1910-account-main,
  body.woocommerce-account main.gh-account-wide-main,
  main.ngk-v1910-account-main,
  main.gh-account-wide-main{
    width:calc(100vw - 18px) !important;
    max-width:none !important;
    padding:14px 0 40px !important;
  }
  body.woocommerce-account .woocommerce{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account nav.woocommerce-MyAccount-navigation,
  body.woocommerce-account .gh-account-nav{
    position:relative !important;
    top:auto !important;
    max-width:none !important;
    width:100% !important;
    padding:10px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul,
  body.woocommerce-account .gh-account-nav ul{
    display:flex !important;
    grid-template-columns:none !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x proximity !important;
    padding:0 0 2px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation li,
  body.woocommerce-account .gh-account-nav li{
    flex:0 0 auto !important;
    width:auto !important;
    scroll-snap-align:start !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation a,
  body.woocommerce-account .gh-account-nav a{
    width:auto !important;
    min-width:148px !important;
    max-width:190px !important;
    min-height:46px !important;
    padding:10px 11px !important;
  }
  body.woocommerce-account .gh-admin-user-filters,
  body.woocommerce-account .gh-wallet-adjust-form,
  body.woocommerce-account .gh-payment-settings-card,
  body.woocommerce-account .ngk-card-tax-admin-grid,
  body.woocommerce-account .ngk-card-tax-selects,
  body.woocommerce-account .gh-card-fields,
  body.woocommerce-account .ngk-card-tax-preview--clean{
    grid-template-columns:1fr !important;
  }
  body.woocommerce-account .ngk-card-tax-preview__line.is-highlight{
    grid-column:auto !important;
  }
  body.woocommerce-account .gh-admin-user-filters input,
  body.woocommerce-account .gh-admin-user-filters select,
  body.woocommerce-account .gh-admin-user-filters button,
  body.woocommerce-account .gh-wallet-adjust-form input,
  body.woocommerce-account .gh-wallet-adjust-form button{
    width:100% !important;
  }
}
@media (max-width:560px){
  body.ngk-v1910-wide-account main.ngk-v1910-account-main,
  body.ngk-v1910-wide-account main.gh-account-wide-main,
  body.woocommerce-account main.ngk-v1910-account-main,
  body.woocommerce-account main.gh-account-wide-main,
  main.ngk-v1910-account-main,
  main.gh-account-wide-main{
    width:calc(100vw - 12px) !important;
    padding-top:10px !important;
  }
  body.woocommerce-account .gh-account-hero{
    padding:18px !important;
    border-radius:22px !important;
  }
  body.woocommerce-account .gh-account-hero h2{
    font-size:22px !important;
  }
  body.woocommerce-account .gh-account-stats,
  body.woocommerce-account .gh-account-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  body.woocommerce-account .gh-admin-form-card,
  body.woocommerce-account .gh-admin-table-card,
  body.woocommerce-account .woocommerce-EditAccountForm,
  body.woocommerce-account .woocommerce-MyAccount-content > form,
  body.woocommerce-account .ngk-manual-card-admin,
  body.woocommerce-account .gh-wallet-panel,
  body.woocommerce-account .ngk-list-card{
    padding:14px !important;
    border-radius:20px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation a,
  body.woocommerce-account .gh-account-nav a{
    min-width:136px !important;
    max-width:168px !important;
    font-size:13px !important;
  }
  body.woocommerce-account .gh-account-nav-icon{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
  }
  body.woocommerce-account .gh-admin-table,
  body.woocommerce-account .gh-admin-users-table,
  body.woocommerce-account .ngk-manual-card-admin table,
  body.woocommerce-account table.shop_table,
  body.woocommerce-account .woocommerce-orders-table{
    min-width:760px !important;
  }
}