/* V13: hệ thống popup dùng chung. */
/* FIX_POPUP_DEPOSIT_20260623_V2 */

.buy-modal.open{display:flex!important;visibility:visible!important;opacity:1!important}
.buy-modal[aria-hidden="false"]{display:flex!important}
.modal-box{z-index:1000}


/* FIX_POPUP_DEPOSIT_20260623_V3 */
.buy-open{position:relative;z-index:1}
.buy-modal{z-index:9999!important}
.buy-modal.open,.buy-modal[aria-hidden="false"]{display:flex!important;visibility:visible!important;opacity:1!important}
body.modal-active{overflow:hidden}
.modal-close{z-index:10001}

/* Popup mua hàng là lớp nổi toàn màn hình, không phụ thuộc transform/overflow của thẻ. */
.user-admin-like .buy-modal{
  position:fixed!important;
  inset:0!important;
  z-index:17000!important;
  min-height:100vh;
  min-height:100dvh;
  width:100%;
  padding:20px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:rgba(2,6,23,.80)!important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  align-items:center!important;
  justify-content:center!important;
}
.user-admin-like .buy-modal .buy-modal-box{
  position:relative;
  z-index:1;
  width:min(560px,100%);
  max-width:560px!important;
  max-height:calc(100vh - 40px);
  max-height:calc(100dvh - 40px);
  margin:auto!important;
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:#1e293b!important;
  color:#e5e7eb!important;
  border:1px solid #475569!important;
  box-shadow:0 28px 90px rgba(0,0,0,.62)!important;
}
.user-admin-like .buy-modal .modal-close{
  z-index:2;
}
.user-admin-like .buy-modal .buy-modal-box h2,
.user-admin-like .buy-modal .buy-modal-box h3{
  color:#f8fafc!important;
  padding-right:38px;
}
.user-admin-like .buy-modal .buy-modal-box p,
.user-admin-like .buy-modal .buy-modal-box label{
  color:#e2e8f0;
}
.user-admin-like .buy-modal .buy-modal-box .product-helper-text,
.user-admin-like .buy-modal .buy-modal-box .muted{
  color:#cbd5e1!important;
}
body.modal-active{
  overflow:hidden!important;
}
/* Thứ tự lớp nổi nhất quán trên trang user. */
.user-admin-like .home-buy-qty-modal{z-index:18000!important}
.user-admin-like .home-auth-popup{z-index:19000!important}
.user-admin-like .home-floating-notice{z-index:20000!important}

@media(min-width:761px) and (max-width:1023px){
  .user-admin-like .catalog-product-grid{
    grid-template-columns:repeat(var(--catalog-products-per-row-tablet,2),minmax(0,1fr))!important;
    max-width:min(100%,780px);
  }
}

@media(max-width:760px){
  .user-admin-like .catalog-product-grid{
    grid-template-columns:minmax(0,1fr)!important;
    max-width:100%;
    gap:10px;
  }
  .user-admin-like .catalog-product-grid > .product-card-new,
  .user-admin-like .catalog-product-grid > .catalog-empty-state{
    max-width:100%;
  }
  .user-admin-like .buy-modal{
    padding:12px;
    align-items:center!important;
  }
  .user-admin-like .buy-modal .buy-modal-box{
    width:100%;
    max-width:520px!important;
    max-height:calc(100vh - 24px);
    max-height:calc(100dvh - 24px);
    padding:18px 15px;
    border-radius:15px;
  }
}
@media(max-width:360px){
  .user-admin-like .buy-modal{padding:8px}
  .user-admin-like .buy-modal .buy-modal-box{
    max-height:calc(100vh - 16px);
    max-height:calc(100dvh - 16px);
    padding:17px 12px 14px;
  }
}

.buy-current-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid rgba(34,197,94,.35);border-radius:12px;background:rgba(20,83,45,.22)}
.buy-current-balance strong{color:#86efac;font-size:17px;white-space:nowrap}
@media(max-width:420px){.buy-current-balance{align-items:flex-start;flex-direction:column;gap:5px}}