/* Shared last-loaded rules, including pages with their own inline styles. */
html { touch-action: manipulation; }

/* The delivery address is account information, displayed as plain text. */
.delivery-email-badge {
  background: none;
  border: none;
  padding: 0;
  border-radius: 0;
  overflow-wrap: anywhere;
  user-select: text;
}

/* Intentionally subtle, home-page-only accent requested for CARNAGE. */
.home-page .navbar,
.home-page .search-box-wrapper {
  box-shadow: 0 0 8px rgba(216, 0, 0, 0.10) !important;
}
.home-page .search-box-wrapper:focus-within {
  box-shadow: 0 0 10px rgba(216, 0, 0, 0.16) !important;
}

/* Keep the cards compact while preserving the original text and button sizes. */
.home-page .products-grid {
  width: 85% !important;
  margin-inline: auto;
  gap: 13.6px !important;
}

@media (max-width: 991.98px) {
  html { padding: 0 !important; }
  body { padding: 0 12px 24px !important; }
  *, *::before, *::after { box-sizing: border-box; }
  .site-container, main, section, .nav-left, .nav-right { min-width: 0; }
  input, select, textarea { min-width: 0; max-width: 100%; font-size: 16px !important; }
  img { max-width: 100%; }
  pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  .navbar { padding: 0 12px !important; }
  .modal-overlay, .ticket-modal-overlay { padding: 12px; }
  .modal-card, .purchase-modal-card, .order-modal-card, .ticket-modal-box {
    min-width: 0;
    max-width: 100%;
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    overflow-wrap: anywhere;
  }
  .orders-page-header { flex-wrap: wrap; gap: 8px; }
  .orders-page-title { font-size: 22px; }
  .orders-filter-bar { align-items: stretch; }
  .orders-search-box { min-width: 0; gap: 8px; }
  .orders-search-input { width: 0; min-width: 0; height: 42px; }
  .orders-tag-pill { flex-shrink: 0; white-space: nowrap; }
  .orders-status-dropdown-wrap { min-width: 0; }
  .orders-status-label { order: -1; flex-shrink: 0; }
  .orders-status-select { min-width: 0; width: 100%; }
  /* Preserve the desktop table; only its container scrolls on mobile. */
  .orders-table-card {
    width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scrollbar-color: #8f3535 #222;
  }
  .orders-table-card::-webkit-scrollbar { height: 7px; }
  .orders-table-card::-webkit-scrollbar-track { background: #222; }
  .orders-table-card::-webkit-scrollbar-thumb { background: #8f3535; border-radius: 4px; }
  .orders-store-table { min-width: 650px !important; width: 100% !important; }
  .cart-page-container { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .cart-left-col, .cart-right-col { min-width: 0; }
  .cart-card { padding: 16px 12px; }
  .cart-page-row {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 8px 10px;
  }
  .cart-row-thumb { width: 36px; height: 36px; }
  .cart-row-title { white-space: normal; overflow-wrap: anywhere; }
  .cart-row-qty { grid-column: 2; grid-row: 2; }
  .cart-row-price { grid-column: 3; grid-row: 2; min-width: 0; }
  .cart-row-delete { grid-column: 3; grid-row: 1; justify-self: end; }
  .cart-item-row, .payment-method-option { min-width: 0; flex-wrap: wrap; }
  .cart-item-info { min-width: 0; overflow-wrap: anywhere; }
  .discount-input-row { min-width: 0; }
  .summary-input { width: 0; flex: 1; }
  .order-pay-wrapper, .invoice-wrapper, .deposit-container {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    padding: 16px 0 32px !important;
  }
  .order-pay-card, .invoice-card, .topup-card {
    width: 100%;
    min-width: 0;
    padding: 20px 14px !important;
  }
  .popular-coins-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .pop-coin-item { gap: 5px; min-height: 58px; }
  .pop-coin-left, .pop-coin-text { min-width: 0; }
  .pop-coin-ticker-row { flex-wrap: wrap; gap: 3px; }
  .pop-radio-circle { width: 14px !important; height: 14px !important; min-width: 14px !important; }
  .pop-coin-item.selected .pop-radio-circle::after { width: 6px; height: 6px; }
  .order-summary-strip { gap: 12px; }
  .order-stat-block { min-width: 0; overflow-wrap: anywhere; }
  .view-all-coins-btn, .order-pay-submit-btn { height: auto; min-height: 44px; padding: 10px 8px; }
  .topup-card-header, .section-label-row { flex-wrap: wrap; gap: 8px; }
  .deposit-hero-title { font-size: 23px; }
  .amount-presets-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
  .coin-opt-left, .coin-opt-info { min-width: 0; }
  .coin-opt-left { gap: 8px; }
  .coin-opt-info h4 { flex-wrap: wrap; }
  .coin-option-card { padding: 12px 10px; gap: 8px; }
  .coin-opt-info p { overflow-wrap: anywhere; }
  .custom-amount-input { width: 0; }
  .bonus-chip { flex-shrink: 0; font-size: 9px; padding: 4px 6px; }
  .invoice-header-row { flex-wrap: wrap; gap: 12px; }
  .invoice-coin-header { min-width: 0; }
  .field-box { min-width: 0; gap: 8px; }
  .field-value { min-width: 0; overflow-wrap: anywhere; white-space: normal; }
  .copy-btn { flex-shrink: 0; }
  .qr-card { max-width: 100%; height: auto; }
  .network-speed-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .meta-box { min-width: 0; overflow-wrap: anywhere; }
  .support-ticket-container { width: 100%; padding: 0; }
  .support-tabs-row { flex-wrap: wrap; }
  .ticket-history-card, .ticket-modal-header { flex-wrap: wrap; gap: 8px; overflow-wrap: anywhere; }
  .ticket-modal-box { padding: 16px; }
  .ticket-modal-reply-row { min-width: 0; }
  .ticket-modal-reply-input { width: 0; flex: 1; }
  .standalone-login-wrap { margin: 24px auto; }
}