/* HELL-MU PATCH 23 — FIX: SHOP / BUY VIP detail view, not the VIP package listing. */
/* Scoped to the original CMS purchase details table; no payment/controller edits. */
.hell-theme #content form#buy_vip table.add_to_card.hell-vip-details {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border: 1px solid #714431 !important;
  border-radius: 3px !important;
  background: #140d0c !important;
  box-shadow: none !important;
  color: #ead3bc !important;
}
.hell-theme #content form#buy_vip table.hell-vip-details thead th,
.hell-theme #content form#buy_vip table.hell-vip-details tbody th {
  padding: 13px 16px !important;
  border: 1px solid #704531 !important;
  background: linear-gradient(105deg,#432119,#1d1110) !important;
  color: #f1be87 !important;
  text-align: left !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
.hell-theme #content form#buy_vip table.hell-vip-details tbody td,
.hell-theme #content form#buy_vip table.hell-vip-details tbody tr:hover td,
.hell-theme #content form#buy_vip table.hell-vip-details tbody tr.even td {
  padding: 12px 16px !important;
  border: 1px solid #4f3026 !important;
  background: #1d1311 !important;
  color: #e5c9af !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  text-shadow: none !important;
  vertical-align: middle !important;
  overflow-wrap: anywhere;
}
.hell-theme #content form#buy_vip table.hell-vip-details tbody tr:nth-child(even) td,
.hell-theme #content form#buy_vip table.hell-vip-details tbody tr:nth-child(even):hover td {
  background: #261713 !important;
}
/* Existing legacy view wraps almost every label/value in <font color='#000000'>. */
.hell-theme #content form#buy_vip table.hell-vip-details :is(td,th) font,
.hell-theme #content form#buy_vip table.hell-vip-details :is(td,th) font[color] {
  color: #e8ccb4 !important;
}
.hell-theme #content form#buy_vip table.hell-vip-details td:first-child:not([colspan]) { width: 55%; text-align: left !important; }
.hell-theme #content form#buy_vip table.hell-vip-details td:nth-child(2) { text-align: right !important; color: #f2bc80 !important; }
.hell-theme #content form#buy_vip table.hell-vip-details td[colspan] { text-align: left !important; }
/* The original purchase button is a real form submit. Keep its name/value untouched. */
.hell-theme #content form#buy_vip button#buy_vip.custom_button {
  min-height: 44px !important;
  padding: 10px 26px !important;
  border: 1px solid #c05937 !important;
  background: linear-gradient(#a32217,#620e0b) !important;
  color: #ffdfbc !important;
  border-radius: 3px !important;
  cursor: pointer;
  font-weight: 700;
  box-shadow: 0 2px 11px rgba(164,35,21,.25);
}
.hell-theme #content form#buy_vip button#buy_vip.custom_button:hover { filter: brightness(1.16); }
@media (max-width: 640px) {
  .hell-theme #content form#buy_vip table.hell-vip-details :is(td,th) { padding: 9px 10px !important; font-size: 12px !important; }
  .hell-theme #content form#buy_vip table.hell-vip-details td:first-child:not([colspan]) { width: 50%; }
}