:root { --bood-ref-accent: rgb(var(--theme-main-rgb, 220,38,38));
  --bood-ref-surface: #09090c; --bood-ref-line: #242429;
  --bood-ref-muted: #898992; --bood-ref-radius: 17px;
  --bood-window-inset: 12px; --bood-window-width: 780px; --bood-window-radius: 18px; }


html body .products-grid .product-box { min-width:0!important;height:100%!important;display:flex!important;flex-direction:column!important;
 background:var(--bood-ref-surface)!important;border:1px solid var(--bood-ref-line)!important;
 border-radius:17px!important;box-shadow:none!important; }
html body .products-grid .product-thumb-wrap {aspect-ratio:1/1!important;height:auto!important;min-height:0!important;flex-shrink:0!important; }
html body .products-grid .product-thumb {width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}


html body .products-grid .product-price-row {margin-top:0!important;min-width:0!important;}

html body .products-grid .bood-stock-customer {font-size:clamp(10px,2.3vw,12px)!important;min-height:20px!important;margin:3px 0 7px!important;}
html body .products-grid .v1-btn-gradient {width:100%!important;height:42px!important;min-height:42px!important;border-radius:12px!important;
 margin-top:auto!important;letter-spacing:0!important;font-weight:800!important;background:var(--bood-ref-accent)!important;border-color:var(--bood-ref-accent)!important;}
html body .products-grid .product-box.product-out-of-stock .v1-btn-gradient {background:#111114!important;color:#85858c!important;border-color:#28282d!important;box-shadow:none!important;}

html body .products-grid .bood-choice-count {top:8px!important;left:8px!important;font-size:clamp(9px,1.9vw,10px)!important;max-width:47%!important;}

html body .product-detail-wrap {max-width:1150px;margin-inline:auto;}
html body .product-detail-image-wrap {border:1px solid var(--bood-ref-line)!important;border-radius:18px!important;overflow:hidden!important;}
html body .product-detail-main-image {width:100%!important;aspect-ratio:1/1!important;object-fit:contain!important;max-height:min(85vw,620px)!important;}
html body .product-detail-title {font-size:clamp(21px,4.1vw,32px)!important;line-height:1.3!important;font-weight:800!important;overflow-wrap:anywhere;}
html body .product-detail-stat[data-variant] {position:relative!important;min-height:70px!important;border:1px solid #303035!important;
 border-radius:14px!important;background:#08080a!important;padding:13px 43px 13px 15px!important;margin:0!important;gap:12px!important;
 transition:border-color .15s ease,background .15s ease!important;}
html body .product-detail-stat[data-variant]>.text-end {flex-shrink:0!important;min-width:68px!important;}
html body .product-detail-stat[data-variant]:not(.is-soldout):before {content:"";position:absolute;right:13px;top:50%;transform:translateY(-50%);
 width:19px;height:19px;border:2px solid #55545b;border-radius:50%;background:#060609;}
html body .product-detail-stat[data-variant].bood-variant-selected {border-color:var(--bood-ref-accent)!important;
 background:rgba(var(--theme-main-rgb,220,38,38),.045)!important;}
html body .product-detail-stat[data-variant].bood-variant-selected:before {background:var(--bood-ref-accent);border-color:#fff;box-shadow:0 0 0 3px rgba(var(--theme-main-rgb,220,38,38),.2);}
html body .product-detail-stat[data-variant].is-soldout {opacity:.5!important;}

html body :is(#productPurchaseModal,#orderDetailModal,.bood-standard-modal) {z-index:2147482000!important;}
html body :is(#productPurchaseModal,#orderDetailModal,.bood-standard-modal) .modal-dialog {
 width:min(calc(100vw - 24px),var(--bood-window-width))!important;max-width:var(--bood-window-width)!important;
 margin:12px auto!important;max-height:calc(100dvh - 24px)!important;}
html body :is(#productPurchaseModal,#orderDetailModal,.bood-standard-modal) .modal-content {
 display:flex!important;flex-direction:column!important;max-height:calc(100dvh - 24px)!important;
 overflow:hidden!important;border-radius:var(--bood-window-radius)!important;background:#09090d!important;border:1px solid #29292d!important;}
html body :is(#productPurchaseModal,#orderDetailModal,.bood-standard-modal) .modal-body {min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;}
html body :is(#productPurchaseModal,#orderDetailModal,.bood-standard-modal) :is(.modal-header,.modal-footer) {flex-shrink:0!important;}
html body .swal2-container {z-index:2147483000!important;}
html body .swal2-popup {width:min(440px,calc(100vw - 24px))!important;border-radius:18px!important;border:1px solid #29292d!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;}
html body .swal2-actions button {min-height:40px!important;border-radius:11px!important;}

html body .history-page .history-list {display:flex;flex-direction:column;gap:12px!important;}


html body .history-page .history-detail-btn {min-height:38px!important;border-radius:11px!important;max-width:none!important;}

html body #orderDetailModal .history-key-row {min-height:64px!important;}
html body #orderDetailModal .history-key-row code {user-select:text!important;}


html body .topup-method-grid .topup-tab-btn {max-width:none!important;min-width:0!important;min-height:74px!important;padding:12px!important;
 border-radius:15px!important;background:#0b0b0e!important;border:1px solid #29292e!important;gap:9px!important;}
html body .topup-method-grid .topup-tab-btn.active {border:1px solid var(--bood-ref-accent)!important;
 background:rgba(var(--theme-main-rgb,220,38,38),.08)!important;
 box-shadow:inset 0 0 0 1px rgba(var(--theme-main-rgb,220,38,38),.18)!important;}
html body .topup-tab-btn.active .topup-tab-check {color:var(--bood-ref-accent)!important;}
html body .topup-main-box,.topup-pane .bank-detail-card {border-radius:17px!important;}
html body .topup-pane input:not([type=checkbox]):not([type=radio]) {min-height:42px!important;border-radius:11px!important;}







html body .areter-stats-grid .stat-card {min-height:90px!important;max-width:100%!important;overflow:hidden!important;border-radius:16px!important;}
@media(max-width:767.98px){
 html body .areter-stats-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
 html body .areter-stats-grid .stat-card {min-height:76px!important;padding:12px!important;}
 html body .products-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
 html body .topup-method-grid {grid-template-columns:1fr!important;gap:9px!important;}
 html body .topup-method-grid .topup-tab-btn {min-height:69px!important;}
 html body .product-detail-wrap .row {--bs-gutter-x:18px!important;}
 html body .product-detail-stat[data-variant] {min-height:68px!important;padding:11px 42px 11px 12px!important;}
 html body .history-page .order-history-card {padding:13px!important;}
 html body .history-page .history-title {font-size:14px!important;}
 html body .history-page .history-price {font-size:18px!important;}
}
@media(max-width:375px){
 html body .products-grid .product-body {padding:9px!important;gap:4px!important;}
 html body .products-grid .bood-choice-count {max-width:42%!important;}
 html body .products-grid .bood-real-sales-badge {max-width:55%!important;}
 html body .products-grid .product-title {font-size:13px!important;}
 html body .products-grid .v1-btn-gradient {height:39px!important;min-height:39px!important;font-size:12px!important;}
}
@media(prefers-reduced-motion:reduce){html body .product-detail-stat[data-variant]{transition:none!important;}}


.bood-home-welcome{max-width:100%;padding:clamp(15px,3vw,36px) 2px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.bood-home-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(var(--theme-main-rgb,220,38,38),.38);border-radius:999px;padding:8px 17px;color:rgb(var(--theme-main-rgb,220,38,38));background:rgba(var(--theme-main-rgb,220,38,38),.075);font-size:13px;font-weight:800;max-width:100%}
.bood-home-welcome h1{color:#f8fafc;font-size:clamp(23px,5vw,37px);font-weight:900;line-height:1.24;margin:0;overflow-wrap:anywhere}
.bood-home-welcome p{font-size:clamp(13px,2.6vw,16px);line-height:1.65;color:#909099;margin:0;max-width:790px;overflow-wrap:anywhere}
.bood-home-actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:4px}
.bood-home-actions :is(a,button),.bood-howto-modal .modal-footer :is(a,button){min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 20px;border-radius:12px;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer}
.bood-home-start{color:#fff;background:rgb(var(--theme-main-rgb,220,38,38));border:1px solid rgb(var(--theme-main-rgb,220,38,38));box-shadow:0 8px 24px rgba(var(--theme-main-rgb,220,38,38),.16)}
.bood-home-start:hover{filter:brightness(1.08);color:#fff}
.bood-home-guide-trigger,.bood-howto-close{color:#f3f4f6;background:#0e0e11;border:1px solid #36363a}
.bood-home-guide-trigger:hover,.bood-howto-close:hover{border-color:rgb(var(--theme-main-rgb,220,38,38));color:#fff}
.bood-howto-modal .modal-dialog{max-width:570px!important}
.bood-howto-modal .modal-title{font-size:19px;font-weight:850;color:#fff;display:flex;align-items:center;gap:10px}
.bood-howto-modal .modal-title i{color:rgb(var(--theme-main-rgb,220,38,38))}
.bood-howto-modal .modal-header,.bood-howto-modal .modal-footer{padding:14px 18px!important}
.bood-howto-modal .modal-body{padding:20px!important}
.bood-howto-subtitle{font-size:13px;line-height:1.55;color:#9ca3af;margin:0 0 15px}
.bood-howto-steps{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.bood-howto-steps li{position:relative;display:flex;align-items:flex-start;gap:14px;min-width:0;min-height:104px;padding:18px 16px;border:1px solid #25252a;border-radius:16px;background:#0c0c10}
.bood-howto-steps li>div{flex:1;min-width:0;padding-top:2px}
.bood-howto-steps strong{display:block;font-size:15px;line-height:1.4;font-weight:800;color:#fff}
.bood-howto-steps p{font-size:13px;color:#9b9ba4;line-height:1.5;margin:9px 0 0}
.bood-howto-icon{width:44px;height:44px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;color:rgb(var(--theme-main-rgb,220,38,38));background:rgba(var(--theme-main-rgb,220,38,38),.12);font-size:17px}
.bood-howto-number{position:absolute;right:14px;top:9px;font-size:34px;font-weight:900;color:rgba(255,255,255,.045);pointer-events:none}
.bood-howto-modal .modal-footer{display:flex;justify-content:stretch;gap:10px}
.bood-howto-modal .modal-footer :is(a,button){flex:1 1 auto;min-width:0}

html body .products-grid .product-box.product-under-maintenance .product-thumb{filter:blur(2.5px) brightness(.5)}
html body .products-grid .product-box.product-under-maintenance .bood-real-sales-badge,
html body .products-grid .product-box.product-under-maintenance .bood-choice-count{opacity:.25}
html body .products-grid .product-box.product-under-maintenance .bood-maintenance-overlay{z-index:55!important;color:#fbbf24!important}
html body .products-grid .product-box.product-out-of-stock:not(.product-under-maintenance) .product-thumb{filter:grayscale(.55) brightness(.55)}
html body .products-grid .product-box.product-out-of-stock:not(.product-under-maintenance) .product-thumb-wrap:after{content:"สินค้าหมด";position:absolute!important;inset:0!important;z-index:55!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(0,0,0,.45)!important;color:#f87171!important;font-weight:900!important;font-size:clamp(12px,3.5vw,19px)!important;letter-spacing:0!important;border:0!important;pointer-events:none!important}
html body .products-grid .product-box.product-under-maintenance .product-thumb-wrap:after{content:none!important;display:none!important}
html body .products-grid .product-box :is(.v1-btn-gradient,.bood-view-product):disabled{background:#151518!important;border-color:#2b2b30!important;color:#84848b!important;box-shadow:none!important;cursor:not-allowed!important;opacity:1!important}


html body .products-grid .bood-stock-customer,html body .products-grid .bood-card-metrics{order:3!important}
html body .products-grid :is(.v1-btn-gradient,.bood-view-product){order:4!important}

html body .topup-tab-btn{max-width:none!important;width:100%!important;justify-content:space-between!important}
html body .topup-tab-btn:focus-visible,.bood-home-actions :is(button,a):focus-visible,.bood-howto-modal :is(button,a):focus-visible{outline:2px solid rgb(var(--theme-main-rgb,220,38,38));outline-offset:3px}


@media(max-width:767px){
 html body .topup-method-grid{grid-template-columns:1fr!important;gap:10px!important}
 html body .topup-tab-btn{height:auto!important;min-height:70px!important;max-width:none!important;padding:13px 17px!important;display:flex!important;align-items:center!important}
 html body .topup-tab-icon{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}
 html body .bood-home-welcome{padding:16px 0 20px;gap:13px}
 html body .bood-home-actions{width:100%;gap:10px}
 html body .bood-home-actions :is(a,button){flex:1;min-width:0;padding:10px 8px;font-size:13px;white-space:normal}
 html body .bood-howto-modal .modal-body{padding:14px!important}
 html body .bood-howto-steps li{min-height:94px;padding:14px 12px;gap:12px}
 html body .products-grid .product-title{font-size:13px!important}
 html body .products-grid .product-price{font-size:clamp(12px,3.6vw,16px)!important}
}
@media(prefers-reduced-motion:reduce){.bood-home-actions :is(a,button),.bood-howto-steps li{transition:none!important}}


:root{
  --bood-ui-accent:rgb(var(--theme-main-rgb,220,38,38));
  --bood-ui-soft:rgba(var(--theme-main-rgb,220,38,38),.11);
  --bood-ui-line:#252529;
  --bood-ui-surface:#09090b;
  --bood-ui-ink:#f8f8f8;
  --bood-ui-muted:#898992;
  --bood-window-inset:12px;
  --bood-window-width:780px;
  --bood-window-radius:18px;
}
html body:not(.manage-body){background:#050505!important;color:var(--bood-ui-ink);}
html body:not(.manage-body) :is(button,a,input,select,textarea):focus-visible{
  outline:2px solid var(--bood-ui-accent);outline-offset:3px;
}

html body .bood-home-welcome{padding:18px 0 20px!important;gap:13px!important;background:none!important;border:0!important;box-shadow:none!important;}
html body .bood-home-kicker{font-size:12px!important;min-height:31px!important;padding:6px 12px!important;border-radius:999px!important;
 color:var(--bood-ui-accent)!important;border-color:rgba(var(--theme-main-rgb),.48)!important;background:rgba(var(--theme-main-rgb),.075)!important;}
html body .bood-home-welcome h1{color:#fff!important;font-weight:850!important;font-size:clamp(22px,5.25vw,32px)!important;
 line-height:1.32!important;letter-spacing:-.02em;max-width:100%!important;overflow-wrap:anywhere!important;}
html body .bood-home-welcome p{font-size:12px!important;line-height:1.55!important;color:#8b8b94!important;
 max-width:100%!important;margin:0!important;white-space:normal!important;}
html body .bood-home-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:min(100%,465px)!important;gap:10px!important;margin:5px 0 0!important;}
html body .bood-home-actions :is(a,button){width:100%!important;min-width:0!important;min-height:43px!important;padding:9px 10px!important;
 font-size:13px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:normal!important;line-height:1.2!important;}
html body .bood-home-start{background:var(--bood-ui-accent)!important;color:#fff!important;border:1px solid var(--bood-ui-accent)!important;box-shadow:0 8px 25px rgba(var(--theme-main-rgb),.16)!important;}
html body .bood-home-guide-trigger{background:#0b0b0d!important;color:#e7e7e9!important;border:1px solid #303035!important;}
html body .areter-separate-banner .areter-banner-frame-new{width:100%!important;overflow:hidden!important;border-radius:12px!important;}
html body .areter-separate-banner .store-banner-slide img{width:100%!important;object-fit:cover!important;}
html body .areter-stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;margin:0!important;}
html body .areter-stats-grid>.col-12{min-width:0!important;max-width:none!important;padding:0!important;width:auto!important;flex:none!important;}
html body .areter-stats-grid .stat-card{position:relative!important;background:#080809!important;border:1px solid #252528!important;border-radius:16px!important;
 padding:12px!important;min-height:90px!important;max-height:none!important;box-shadow:none!important;overflow:hidden!important;justify-content:center!important;gap:5px!important;}
html body .areter-stats-grid .stat-num-text{color:#fff!important;font-size:clamp(20px,2.3vw,27px)!important;line-height:1.1!important;font-weight:850!important;}
html body .areter-stats-grid .stat-watermark-icon{max-width:44px!important;max-height:44px!important;opacity:.13!important;}

html body .products-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;gap:13px!important;align-items:stretch!important;}
html body .products-grid>.product-box{display:flex!important;flex-direction:column!important;min-width:0!important;max-width:100%!important;
 background:#080809!important;border:1px solid #26262a!important;border-radius:17px!important;overflow:hidden!important;box-shadow:none!important;transform:none!important;}
html body .products-grid .product-thumb-wrap{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;
 background:#030303!important;border-radius:0!important;position:relative!important;clip-path:none!important;isolation:isolate!important;}
html body .products-grid .product-thumb-wrap img.product-thumb{display:block!important;width:100%!important;height:100%!important;max-height:none!important;
 position:absolute!important;inset:0!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;transform:none!important;}
html body .products-grid .product-box:hover img.product-thumb{transform:scale(1.02)!important;transition:transform .2s ease!important;}
html body .products-grid .product-body{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important;
 padding:11px 11px 13px!important;background:#09090b!important;gap:3px!important;}
html body .products-grid .product-title{display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;
 color:#fff!important;font-size:clamp(13px,1.25vw,18px)!important;line-height:1.35!important;white-space:normal!important;
 min-height:1.35em!important;max-height:1.35em!important;overflow:hidden!important;margin:1px 0 6px!important;font-weight:850!important;}
html body .products-grid .product-title a{color:inherit!important;text-decoration:none!important;}
html body .products-grid .product-price-row{order:2!important;display:block!important;min-width:0!important;flex:0 0 auto!important;
 padding:0!important;margin:0 0 5px!important;border:0!important;line-height:1.25!important;}
html body .products-grid .product-price-row .d-flex{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;}
html body .products-grid .product-price-comparison .small.text-secondary{display:none!important;}
html body .products-grid .product-price{display:block!important;color:var(--bood-ui-accent)!important;font-size:clamp(13px,2.1vw,17px)!important;
 font-weight:850!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important;letter-spacing:-.025em!important;}
html body .products-grid .bood-reseller-price{display:inline-flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;
 color:#38d39b!important;font-size:clamp(11px,1.7vw,14px)!important;font-weight:800!important;line-height:1.3!important;}
html body .products-grid .bood-reseller-price small{flex:none!important;font-size:9px!important;border-radius:999px!important;
 padding:2px 5px!important;color:#48dca4!important;background:rgba(20,184,130,.09)!important;border:1px solid rgba(20,184,130,.23)!important;}
html body .products-grid :is(.bood-stock-customer,.bood-card-metrics){order:3!important;display:flex!important;align-items:center!important;
 font-size:10px!important;line-height:1.25!important;color:#898993!important;margin:2px 0 8px!important;min-height:16px!important;
 padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:4px!important;}
html body .products-grid .bood-metric-chip{font-size:10px!important;border:0!important;background:transparent!important;padding:0!important;}
html body .products-grid .bood-real-sales-badge{position:absolute!important;top:7px!important;right:7px!important;left:auto!important;bottom:auto!important;
 z-index:25!important;color:#f8f8f8!important;background:rgba(7,7,9,.9)!important;border:1px solid #303034!important;
 border-radius:999px!important;padding:5px 7px!important;font-size:10px!important;line-height:1.15!important;max-width:70%!important;white-space:nowrap!important;}

html body .products-grid .bood-choice-count,html body .products-grid .product-thumb-wrap>.badge.position-absolute{display:none!important;}
html body .products-grid .product-popular-badge{top:auto!important;bottom:7px!important;left:7px!important;right:auto!important;
 font-size:9px!important;padding:3px 6px!important;z-index:25!important;max-width:85%!important;}
html body .products-grid .v1-btn-gradient,html body .products-grid .bood-view-product{order:4!important;margin:auto 0 0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;height:38px!important;
 min-height:38px!important;max-height:38px!important;padding:7px 5px!important;border-radius:11px!important;
 font-size:13px!important;font-weight:800!important;background:var(--bood-ui-accent)!important;
 color:#fff!important;border:1px solid var(--bood-ui-accent)!important;box-shadow:0 5px 15px rgba(var(--theme-main-rgb),.18)!important;transform:none!important;}
html body .products-grid :is(.v1-btn-gradient,.bood-view-product):disabled{background:#101013!important;color:#77777e!important;border:1px solid #27272c!important;box-shadow:none!important;opacity:1!important;cursor:not-allowed!important;}

html body .products-grid .product-under-maintenance .product-thumb{filter:blur(2px) brightness(.5)!important;}
html body .products-grid .bood-maintenance-overlay{position:absolute!important;inset:0!important;z-index:55!important;
 background:rgba(0,0,0,.64)!important;backdrop-filter:blur(4px)!important;display:flex!important;
 flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;pointer-events:none!important;
 color:var(--bood-ui-accent)!important;text-align:center!important;padding:12px!important;}
html body .products-grid .bood-maintenance-overlay::before{content:none!important;}
html body .products-grid .bood-maintenance-icon{position:relative!important;display:block!important;width:62px!important;height:55px!important;
 font-size:31px!important;animation:none!important;transform:none!important;color:var(--bood-ui-accent)!important;}
html body .products-grid .bood-maintenance-icon .bood-gear{position:absolute!important;top:0!important;left:22px!important;
 color:var(--bood-ui-accent)!important;animation:boodSpinActual 2.9s linear infinite!important;transform-origin:center center!important;}
html body .products-grid .bood-maintenance-icon .bood-wrench{position:absolute!important;top:21px!important;left:4px!important;
 color:var(--bood-ui-accent)!important;animation:boodWrenchActual 1.65s ease-in-out infinite!important;transform-origin:72% 70%!important;}
@keyframes boodSpinActual{to{transform:rotate(360deg)}}
@keyframes boodWrenchActual{0%,100%{transform:rotate(-35deg)}50%{transform:rotate(-11deg)}}
html body .products-grid .bood-maintenance-overlay strong{font-size:12px!important;color:#fff!important;line-height:1.4!important;}
html body .products-grid .bood-maintenance-overlay small{font-size:10px!important;color:#9999a0!important;}
html body .products-grid .product-out-of-stock:not(.product-under-maintenance) .product-thumb{filter:grayscale(.55) brightness(.50)!important;}
html body .products-grid .product-out-of-stock:not(.product-under-maintenance) .product-thumb-wrap:after{content:"⦸  สินค้าหมด"!important;
 position:absolute!important;inset:0!important;z-index:30!important;background:rgba(0,0,0,.43)!important;
 display:flex!important;align-items:center!important;justify-content:center!important;color:#df4949!important;
 border:0!important;border-radius:0!important;font-size:clamp(12px,2.2vw,18px)!important;font-weight:900!important;}
html body .products-grid .product-under-maintenance .product-thumb-wrap:after{content:none!important;display:none!important;}

html body .product-detail-title{font-size:clamp(23px,4vw,30px)!important;font-weight:850!important;line-height:1.3!important;color:#fff!important;}
html body .product-detail-price{color:var(--bood-ui-accent)!important;}
html body .product-detail-stat[data-variant],html body #modalVariantsContainer .v1-choice-card{position:relative!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;
 min-height:67px!important;padding:11px 13px!important;margin:0 0 9px!important;border:1px solid #2d2d30!important;
 background:#060607!important;border-radius:13px!important;box-shadow:none!important;transform:none!important;}
html body .product-detail-stat.active,html body .product-detail-stat.selected,html body #modalVariantsContainer .v1-choice-card.active{
 border-color:var(--bood-ui-accent)!important;background:rgba(var(--theme-main-rgb),.055)!important;
 box-shadow:0 0 0 1px rgba(var(--theme-main-rgb),.23)!important;}
html body #modalVariantsContainer .v1-choice-title{font-size:14px!important;font-weight:850!important;color:#fff!important;}
html body #modalVariantsContainer .v1-choice-price{font-size:15px!important;font-weight:800!important;color:var(--bood-ui-accent)!important;}
html body #modalVariantsContainer .v1-choice-dot{flex:none!important;width:21px!important;height:21px!important;border:2px solid #4b4b50!important;border-radius:50%!important;}
html body #modalVariantsContainer .v1-choice-card.active .v1-choice-dot{border-color:#fff!important;background:var(--bood-ui-accent)!important;box-shadow:0 0 0 3px rgba(var(--theme-main-rgb),.13)!important;}
html body #modalVariantsContainer .v1-choice-card>div:last-child::after{content:none!important;display:none!important;}
html body .product-detail-stat.is-soldout,html body #modalVariantsContainer .v1-choice-card.is-soldout{opacity:.48!important;cursor:not-allowed!important;pointer-events:none!important;}

html body :is(#productPurchaseModal,#productModal,#orderDetailModal,.bood-standard-modal).modal.show{position:fixed!important;inset:0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147482000!important;
 padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;overflow:hidden!important;}
html body :is(#productPurchaseModal,#productModal,#orderDetailModal,.bood-standard-modal).modal.show>.modal-dialog{
 position:relative!important;inset:auto!important;transform:none!important;margin:auto!important;
 width:min(100%,780px)!important;max-width:780px!important;max-height:calc(100dvh - 24px)!important;min-height:0!important;}
html body :is(#productPurchaseModal,#productModal,#orderDetailModal,.bood-standard-modal).modal.show .modal-content{
 display:flex!important;flex-direction:column!important;max-height:calc(100dvh - 24px)!important;min-height:0!important;
 overflow:hidden!important;border:1px solid #27272c!important;border-radius:18px!important;background:#09090b!important;color:#fff!important;box-shadow:0 26px 70px rgba(0,0,0,.68)!important;}
html body :is(#productPurchaseModal,#productModal,#orderDetailModal,.bood-standard-modal).modal.show :is(.modal-header,.modal-footer){
 flex:none!important;background:#09090b!important;border-color:#26262b!important;padding:12px 14px!important;}
html body :is(#productPurchaseModal,#productModal,#orderDetailModal,.bood-standard-modal).modal.show .modal-body{
 flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;
 -webkit-overflow-scrolling:touch!important;padding:13px!important;}
html body .v2-buy-hero{display:flex!important;gap:12px!important;align-items:center!important;background:#0d0d0f!important;border-radius:13px!important;padding:10px!important;}
html body .v2-buy-image{width:68px!important;height:68px!important;flex:0 0 68px!important;min-height:68px!important;border-radius:10px!important;overflow:hidden!important;}
html body .v2-buy-image img{width:100%!important;height:100%!important;object-fit:cover!important;}
html body .v2-buy-product-info{flex:1!important;min-width:0!important;}
html body .v2-buy-product-info h4{font-size:15px!important;line-height:1.35!important;margin:3px 0!important;overflow-wrap:anywhere!important;}
html body .v2-buy-price{font-size:18px!important;color:var(--bood-ui-accent)!important;}
html body .v2-buy-section{margin:12px 0!important;padding:12px!important;border-radius:13px!important;}
html body .v2-buy-section-title{margin-bottom:10px!important;font-size:12px!important;}
html body .bood-howto-modal .modal-dialog{max-width:560px!important;}
html body .bood-howto-steps{gap:10px!important;}
html body .bood-howto-steps li{min-height:92px!important;padding:15px!important;border-radius:15px!important;background:#101013!important;border:1px solid #29292e!important;}
html body .bood-howto-number{color:rgba(255,255,255,.035)!important;}

html body .swal2-popup.confirm-store-popup{width:min(680px,calc(100vw - 24px))!important;max-width:680px!important;
 max-height:calc(100dvh - 24px)!important;border-radius:18px!important;background:#09090b!important;
 display:flex!important;flex-direction:column!important;overflow:hidden!important;}
html body .swal2-popup.confirm-store-popup .swal2-html-container{min-height:0!important;overflow-y:auto!important;}
html body .swal2-popup.confirm-store-popup .confirm-store-row{min-height:0!important;padding:9px 10px!important;gap:12px!important;}
html body .swal2-popup.confirm-store-popup .confirm-store-total strong{color:var(--bood-ui-accent)!important;}
html body .swal2-popup .swal2-confirm{background:var(--bood-ui-accent)!important;color:#fff!important;}

html body .history-page{max-width:820px!important;padding:0 12px!important;margin:24px auto 65px!important;}
html body .history-page .order-history-card{background:#08080a!important;border:1px solid #202024!important;
 border-radius:18px!important;padding:14px!important;box-shadow:none!important;transform:none!important;}
html body .history-page .history-thumb{width:48px!important;height:53px!important;border-radius:10px!important;object-fit:cover!important;}
html body .history-page .history-title{font-size:14px!important;font-weight:800!important;}
html body .history-page .history-price{color:var(--bood-ui-accent)!important;font-size:20px!important;font-weight:850!important;}
html body .history-page .history-detail-btn{height:38px!important;min-height:38px!important;padding:8px 11px!important;
 font-size:12px!important;border-radius:11px!important;border:1px solid #303034!important;background:#111114!important;color:#fff!important;}
html body #orderDetailModal .modal-dialog{max-width:680px!important;}
html body #orderDetailModal .history-modal-thumb{width:51px!important;height:51px!important;object-fit:cover!important;border-radius:9px!important;}
html body #orderDetailModal .history-key-list{max-height:min(37dvh,290px)!important;overflow-y:auto!important;}
html body #orderDetailModal .history-key-row{border-radius:12px!important;padding:10px!important;}
html body #orderDetailModal .history-key-actions button{min-height:41px!important;border-radius:11px!important;}
html body #orderDetailModal .history-key-actions button:last-child{background:var(--bood-ui-accent)!important;}
html body #orderDetailModal .history-detail-grid{border:1px solid #28282d!important;border-radius:13px!important;}
html body #orderDetailModal .history-detail-row{padding:9px 12px!important;}

html body .topup-method-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;margin-bottom:17px!important;}
html body .topup-method-grid>.topup-tab-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex:auto!important;max-width:none!important;min-width:0!important;width:100%!important;min-height:70px!important;
 padding:12px 14px!important;background:#09090b!important;border:1px solid #2a2a2e!important;border-radius:16px!important;box-shadow:none!important;}
html body .topup-tab-btn.active{background:rgba(var(--theme-main-rgb),.08)!important;border-color:var(--bood-ui-accent)!important;
 box-shadow:inset 0 0 0 1px rgba(var(--theme-main-rgb),.18)!important;}
html body .topup-tab-btn .topup-tab-check{color:var(--bood-ui-accent)!important;}
html body .topup-tab-btn .topup-tab-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;}
html body .topup-main-box{background:#0a0a0c!important;border:1px solid #27272b!important;padding:15px!important;border-radius:16px!important;}
html body .topup-pane .bank-detail-card{border:1px solid #2b2b30!important;background:#0e0e11!important;border-radius:14px!important;}
html body .topup-pane :is(input,textarea){min-height:42px!important;border-radius:11px!important;}



html body:has(.modal.show) #bood-device-floating-layer,
html body:has(.swal2-container.swal2-backdrop-show) #bood-device-floating-layer{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
@media(max-width:767.98px){
  html body .areter-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  html body .areter-stats-grid .stat-card{min-height:68px!important;max-height:88px!important;padding:11px!important;border-radius:14px!important;}
  html body .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  html body .products-grid .product-body{padding:9px 10px 11px!important;}
  html body .products-grid .product-title{font-size:13px!important;}
  html body .products-grid .product-price{font-size:clamp(12px,3.4vw,15px)!important;}
  html body .products-grid .bood-reseller-price{font-size:clamp(11px,3vw,13px)!important;}
  html body .products-grid .v1-btn-gradient,html body .products-grid .bood-view-product{height:36px!important;min-height:36px!important;max-height:36px!important;font-size:12px!important;}
  html body .topup-method-grid{grid-template-columns:1fr!important;gap:9px!important;}
  html body .topup-tab-btn{min-height:69px!important;}
  html body :is(#productPurchaseModal,#productModal,#orderDetailModal,.bood-standard-modal).modal.show>.modal-dialog{max-width:min(390px,100%)!important;}
  html body #orderDetailModal .modal-dialog{max-width:min(360px,100%)!important;}
  html body .swal2-popup.confirm-store-popup{width:min(390px,calc(100vw - 24px))!important;}
  html body .bood-howto-modal .modal-dialog{max-width:100%!important;}
  html body .bood-home-welcome{padding:18px 0 19px!important;}
  html body .bood-howto-steps li{min-height:100px!important;padding:13px!important;}
  html body .history-page .order-history-card{padding:13px!important;}
}
@media(max-width:365px){
  html body .products-grid{gap:8px!important;}
  html body .products-grid .product-body{padding:8px!important;}
  html body .products-grid .bood-real-sales-badge{font-size:9px!important;padding:4px 6px!important;}
  html body .products-grid .product-title{font-size:12px!important;}
  html body .products-grid .product-price{font-size:12px!important;}
  html body .bood-home-actions :is(a,button){font-size:12px!important;}
}
@media(prefers-reduced-motion:reduce){
  html body .products-grid .bood-maintenance-icon :is(.bood-gear,.bood-wrench){animation:none!important;}
  html body .products-grid .product-thumb{transition:none!important;}
}


html body .profile-popover-card{width:min(345px,calc(100vw - 28px))!important;min-width:0!important;max-height:calc(100dvh - 100px)!important;
 background:#09090b!important;border:1px solid #27272b!important;border-radius:18px!important;overflow-y:auto!important;
 overscroll-behavior:contain!important;box-shadow:0 22px 65px rgba(0,0,0,.75)!important;padding:0!important;}
html body .profile-popover-card .profile-popover-avatar{border:2px solid var(--bood-ui-accent)!important;width:50px!important;height:50px!important;
 background:rgba(var(--theme-main-rgb),.12)!important;box-shadow:0 0 0 3px rgba(var(--theme-main-rgb),.13)!important;}
html body .bood-profile-balance-strip{display:flex;align-items:center;gap:10px;margin:0 13px 12px;padding:11px 10px;
 background:#111114;border:1px solid #29292d;border-radius:13px;min-width:0;}
html body .bood-profile-wallet-icon{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;
 color:var(--bood-ui-accent);background:rgba(var(--theme-main-rgb),.095);border:1px solid rgba(var(--theme-main-rgb),.18);}
html body .bood-profile-wallet-total{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
html body .bood-profile-wallet-total small{font-size:10px;color:#8d8d98;}
html body .bood-profile-wallet-total strong{font-size:15px;color:#fff;font-weight:800;overflow-wrap:anywhere;}
html body .bood-profile-topup-link{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;
 padding:8px 10px;min-height:35px;border:1px solid var(--bood-ui-accent);border-radius:11px;font-weight:800;
 font-size:12px;color:#fff;background:var(--bood-ui-accent);}
html body .profile-actions-grid{display:flex!important;flex-direction:column!important;gap:1px!important;padding:6px 11px 9px!important;}
html body .profile-action-btn{width:100%!important;min-height:43px!important;display:flex!important;flex-direction:row!important;
 align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:7px 9px!important;
 border:0!important;border-radius:11px!important;text-decoration:none!important;color:#d6d6dc!important;
 background:transparent!important;transform:none!important;}
html body .profile-action-btn:hover,html body .profile-action-btn:focus-visible{background:#151518!important;color:#fff!important;transform:none!important;}
html body .profile-action-icon{flex:0 0 31px!important;width:31px!important;height:31px!important;padding:7px!important;
 background:#151518!important;border:1px solid #2a2a30!important;border-radius:10px!important;color:#aaaab3!important;}
html body .profile-action-label{font-size:13px!important;font-weight:550!important;color:inherit!important;white-space:normal!important;}
html body .btn-popover-logout{min-height:40px!important;border-radius:11px!important;}


html body .products-grid .product-box .product-thumb-wrap::after{content:none!important;display:none!important}
html body .products-grid .product-box .bood-store-status{position:absolute!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;max-width:none!important;width:100%!important;pointer-events:none!important;z-index:46!important;background:rgba(0,0,0,.55)!important;padding:12px!important;box-sizing:border-box!important}
html body .products-grid .product-box .bood-store-status span{display:inline-flex!important;max-width:100%!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex-wrap:wrap!important;text-align:center!important;font-size:clamp(12px,2.6vw,15px)!important;line-height:1.35!important;animation:boodStatusFloat 2.8s ease-in-out infinite!important}
html body .products-grid .product-box.product-under-maintenance .bood-store-status{display:none!important}
html body .products-grid .product-box .bood-maintenance-overlay{z-index:47!important;gap:5px!important;padding:12px!important;box-sizing:border-box!important;background:rgba(0,0,0,.62)!important}
html body .products-grid .product-box .bood-maintenance-overlay .bood-maintenance-icon{width:46px!important;height:44px!important;font-size:24px!important;flex:none!important}
html body .products-grid .product-box .bood-maintenance-overlay .bood-maintenance-icon .bood-gear{left:17px!important;top:0!important}
html body .products-grid .product-box .bood-maintenance-overlay .bood-maintenance-icon .bood-wrench{left:3px!important;top:17px!important}
html body .products-grid .product-box .bood-maintenance-overlay strong{font-size:clamp(11px,2.7vw,14px)!important;line-height:1.25!important;max-width:100%!important}
html body .products-grid .product-box .bood-maintenance-overlay small{font-size:11px!important;line-height:1.3!important}
@keyframes boodStatusFloat{0%,100%{transform:translateY(0);opacity:.95}50%{transform:translateY(-4px);opacity:1}}
@media(prefers-reduced-motion:reduce){html body .products-grid .product-box .bood-store-status span,html body .products-grid .bood-maintenance-icon .bood-gear,html body .products-grid .bood-maintenance-icon .bood-wrench{animation:none!important}}


html body .product-detail-stat[data-variant]{min-height:52px!important;padding:7px 11px!important;margin-bottom:5px!important;column-gap:9px!important;grid-template-columns:minmax(0,1fr) minmax(76px,max-content)!important;border-radius:10px!important}
html body .product-detail-stat[data-variant] .xmz-variant-price-col{min-width:76px!important;padding-right:23px!important}
html body .product-detail-stat[data-variant] .xmz-variant-main-price{font-size:13px!important}
html body .product-detail-stat[data-variant] .fw-bold{font-size:13px!important;line-height:1.25!important}
html body .product-detail-stat[data-variant] .small{font-size:10px!important;line-height:1.2!important}
html body .product-detail-stat[data-variant]::after{right:9px!important}
html body .bood-show-normal-prices .bood-reseller-comparison{display:none!important}
html body .bood-detail-normal-toggle{display:inline-flex!important;align-items:center;justify-content:center;padding:7px 12px!important;margin:0 0 9px!important;border-radius:10px!important;font-size:12px!important;min-height:34px!important}
html body #modalVariantsContainer .v1-choice-card{min-height:50px!important;padding:8px 10px!important;margin-bottom:5px!important;border-radius:10px!important}
html body #modalVariantsContainer .v1-choice-title{font-size:12px!important}
html body #modalVariantsContainer .v1-choice-price{font-size:13px!important}
@media(max-width:600px){html body .product-detail-stat[data-variant]{min-height:48px!important;padding:6px 9px!important;margin-bottom:4px!important}html body #modalVariantsContainer .v1-choice-card{min-height:47px!important;padding:7px 9px!important}}


@media (max-width:767.98px){
 html body.home-page .areter-stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;}
 html body.home-page .areter-stats-grid>.col-12{min-width:0!important;width:auto!important;max-width:none!important;padding:0!important;}
 html body.home-page .areter-stats-grid .stat-card{height:auto!important;min-height:78px!important;max-height:96px!important;padding:10px!important;border-radius:13px!important;}
 html body.home-page .areter-stats-grid .stat-num-text{font-size:clamp(19px,5vw,25px)!important;}
 html body.home-page .areter-stats-grid .stat-watermark-icon{width:35px!important;height:35px!important;}
 html body.home-page .areter-banner-stats-wrap{gap:10px!important;}
 html body.home-page .areter-banner-frame-new{border-radius:13px!important;}
 html body.home-page .areter-banner-frame-new img{max-height:210px!important;object-fit:cover!important;}
}


@media (min-width: 992px) {
  html body.home-page { background:#080b12!important; color:#f1f5f9!important; overflow-x:clip; }
  html body.home-page .areter-main-hero,
  html.light body.home-page .areter-main-hero {
    background:radial-gradient(circle at 85% 20%,rgba(var(--theme-main-rgb,59,130,246),.17),transparent 39%),linear-gradient(135deg,#111827,#080b12)!important;
    border-color:rgba(148,163,184,.2)!important;
    box-shadow:0 16px 45px rgba(0,0,0,.25)!important;
  }
  html body.home-page .areter-main-content h1,
  html.light body.home-page .areter-main-content h1 {color:#f8fafc!important;text-shadow:none!important;opacity:1!important}
  html body.home-page .areter-main-content p,
  html.light body.home-page .areter-main-content p {color:#cbd5e1!important;opacity:1!important}
  html body.home-page .areter-stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-inline:0!important}
  html body.home-page .areter-stats-grid>div{width:auto!important;max-width:none!important;min-width:0!important;flex:none!important;padding:0!important}
  html body.home-page .areter-stats-grid .stat-card,
  html.light body.home-page .areter-stats-grid .stat-card {background:#151b28!important;color:#f8fafc!important;border:1px solid rgba(148,163,184,.22)!important;min-width:0!important;box-shadow:none!important}
  html body.home-page .stat-card .small,html.light body.home-page .stat-card .small{color:#cbd5e1!important}
  html body.home-page .areter-banner-frame-new{max-width:100%;min-width:0}
  html body.home-page .areter-banner-frame-new img{max-width:100%;object-fit:cover}
  html body.home-page .xmz-home-ticker,html.light body.home-page .xmz-home-ticker{background:#111827!important;border-color:rgba(148,163,184,.18)!important}
  html body.home-page .xmz-home-ticker-track,html.light body.home-page .xmz-home-ticker-track{color:#cbd5e1!important}
}
@media (min-width:992px) and (max-width:1199px){html body.home-page .areter-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


@media(min-width:992px){
 html body.home-page .areter-banner-stats-wrap{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(350px,.9fr)!important;gap:18px!important;align-items:stretch!important}
 html body.home-page .areter-banner-side,html body.home-page .areter-banner-stats{min-width:0!important;width:100%!important}
 html body.home-page .areter-stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;height:100%!important}
 html body.home-page .areter-stats-grid .stat-card{min-width:0!important;height:100%!important;min-height:105px!important;max-height:none!important}
 html body.home-page .areter-stats-grid .stat-num-text{font-size:clamp(20px,2.1vw,27px)!important;white-space:nowrap!important;overflow-wrap:normal!important}
 html body.home-page .areter-stats-grid .small{white-space:normal!important;word-break:normal!important}
}
@media(min-width:768px) and (max-width:1199.98px){
 html body.home-page .areter-banner-stats-wrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 html body.home-page .areter-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;height:auto!important}
 html body.home-page .areter-stats-grid .stat-num-text{font-size:clamp(20px,2.3vw,27px)!important}
}
@media(max-width:880px){
 html body.home-page .areter-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


@keyframes boodApiStatusIndicator{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.48;transform:scale(.72)}}
html body .bood-status-hero .bood-status-dot{animation:boodApiStatusIndicator 2s ease-in-out infinite;transform-origin:center}
@media(prefers-reduced-motion:reduce){html body .bood-status-hero .bood-status-dot{animation:none!important}}


html body .products-grid .bood-maintenance-overlay .bood-maintenance-icon,
html body .products-grid .product-box .bood-maintenance-overlay .bood-maintenance-icon{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:56px!important;height:56px!important;border-radius:15px!important;background:#f2f2f2!important;color:#151515!important;flex:none!important}
html body .products-grid .bood-maintenance-overlay .bood-maintenance-icon .bood-wrench,
html body .products-grid .product-box .bood-maintenance-overlay .bood-maintenance-icon .bood-wrench{position:static!important;left:auto!important;top:auto!important;font-size:26px!important;color:#151515!important;animation:boodTileWrench 1.9s ease-in-out infinite!important;transform-origin:center!important}
@keyframes boodTileWrench{0%,100%{transform:rotate(-17deg)}50%{transform:rotate(18deg)}}
@media(prefers-reduced-motion:reduce){html body .products-grid .bood-maintenance-overlay .bood-maintenance-icon .bood-wrench{animation:none!important}}