/* RUST KING v0.5: isolated, accessible storefront components.
   Source of truth for colors remains in styles.css. No inline CSS generators. */
.server-choices { display: grid; gap: 7px; }
.server-choice {
  appearance:none; display:flex; align-items:center; gap:9px; width:100%;
  border:1px solid rgba(203,169,119,.12); border-radius:11px;
  padding:11px 12px; background:#222224; color:#cbc5ba;
  font:600 12px/1.35 inherit; text-align:left; cursor:pointer;
  transition:background .17s ease,border-color .17s ease,box-shadow .17s ease;
}
.server-choice:hover { background:#2d2925; border-color:rgba(216,173,113,.34); }
.server-choice:focus-visible,.region-tab:focus-visible,.payment-method:focus-visible { outline:2px solid #dfb678;outline-offset:2px; }
.server-choice.active { background:linear-gradient(130deg,rgba(216,173,113,.15),rgba(216,173,113,.04));color:#f7e4c8; border-color:rgba(216,173,113,.55);box-shadow:inset 0 0 15px rgba(216,173,113,.04); }
.server-choice-led { width:7px;height:7px;border-radius:50%;background:#65605a;flex:none; }
.server-choice.active .server-choice-led { background:#d9b47a;box-shadow:0 0 8px #d9b47a55; }
.server-choice span:nth-child(2) { flex:1; }
.server-check {color:#eac796;}
.product-detail { width:min(990px,calc(100vw - 28px)); max-height:min(90vh,880px); padding:20px 24px 26px; }
.product-detail .modal-top { margin-bottom:16px; }
.product-detail-layout { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:22px; }
.product-detail-left { padding:4px 22px 4px 0; border-right:1px solid rgba(228,199,161,.14);overflow-wrap:anywhere; }
.product-detail-left h3 { font-size:16px;font-weight:700;margin:6px 0 13px;color:#f6f0e9; }
.product-detail-left .benefits-title { margin-top:22px; }
.kit-contents,.kit-benefits { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.kit-content-row { display:flex;align-items:center;gap:8px;padding:12px 11px;min-height:51px;border-radius:11px;background:linear-gradient(145deg,#272729,#222225);border:1px solid rgba(255,255,255,.055);font-size:13px;line-height:1.4;color:#e7e1db; }
.kit-content-dot { color:#dbb47b;flex:none; }
.kit-empty {border:1px solid #7b614144;background:#352a202b;padding:16px;border-radius:11px;font-size:13px;color:#d6b993;line-height:1.5; }
.wipe-info { border:1px solid rgba(213,167,84,.28);background:rgba(213,167,84,.08);padding:12px 13px;border-radius:12px;margin-top:20px;font-size:12px;color:#e8c892;line-height:1.5; }
.product-detail-right {display:flex;flex-direction:column;align-items:stretch;}
.detail-art { height:166px;display:grid;place-items:center; }
.detail-art .asset { height:100%;width:100%;display:grid;place-items:center; }
.detail-art .asset img { max-height:100%;max-width:100%;object-fit:contain; }
.detail-description { font-size:13px;color:#a8a29b;min-height:28px;text-align:center;line-height:1.5; }
.product-detail-right .modal-product-price {justify-content:center;margin:16px 0;}
.product-detail-right .form-field {margin-top:11px;}
.product-detail-right .form-field select,.product-detail-right .form-field input { min-height:42px; }
.product-detail-right .badge {display:block;text-align:center;white-space:normal;margin-top:12px;}
.gift-choice { display:flex;align-items:center;gap:9px;padding:12px;background:#262425;border:1px solid rgba(213,179,123,.2);border-radius:10px;margin-top:12px;color:#e8d6bf;font-size:13px;cursor:pointer; }
.gift-choice input {accent-color:#d8b17a;}
.gift-steamid[hidden]{display:none!important;}
.detail-buy { width:100%;min-height:45px;margin-top:13px; }
.purchase-confirm {max-width:510px;}
.purchase-confirm .modal-product-price {justify-content:flex-start;}
.topup-head {margin-bottom:24px;}
.region-tabs {display:flex;gap:10px;flex-wrap:wrap;}
.region-tab { border:1px solid #ffffff12;background:#242326;color:#ddd3c9;border-radius:12px;min-width:126px;padding:13px 19px;display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer;transition:.2s; }
.region-tab span {font-size:15px; font-weight:800;letter-spacing:.04em;}
.region-tab small {color:#a8a39e;font-size:12px;}
.region-tab.active {background:linear-gradient(135deg,#53402b,#302820);border-color:#c8a170;color:#efd1a7;box-shadow:inset 0 0 18px #0005;}
.region-tab.active small {color:#dfbe94;}
.section-title-row {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.payment-method-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.payment-method {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;border:1px solid #ffffff18;border-radius:17px;background:#212123;color:#f5f0e9;min-height:185px;padding:20px;cursor:pointer;transition:.18s;}
.payment-method:hover:not(:disabled){border-color:#d5b27b66;background:#282524;transform:translateY(-2px);}
.payment-method.active {border-color:#d6b479;box-shadow:0 0 0 1px #d6b47933;background:linear-gradient(130deg,#2a261f,#1e1f21);}
.payment-method:disabled{cursor:not-allowed;opacity:.55;}
.payment-logo{display:block;width:76px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 12px #0008);}
.payment-method strong{font-size:15px;font-weight:750;}
.payment-method .small{font-size:11px;}
.method-status {font-size:10px;color:#d7b784;margin-top:4px;letter-spacing:.01em;}
.demo-pay-option {margin-top:13px;border:1px solid #68533766;border-radius:13px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:9px;color:#bcb2a5;font-size:12px;}
.amount-grid-compact .amount{min-height:94px;}
.agreement-row {align-items:center;gap:10px;margin:16px 0;flex-wrap:nowrap;}
.turnstile-space{margin:16px 0;min-height:65px;}
@media(max-width:850px){
 .product-detail-layout{grid-template-columns:minmax(0,1fr);gap:13px;}
 .product-detail-left{border-right:0;border-bottom:1px solid #ffffff14;padding:0 0 18px;}
 .product-detail-right .detail-art{height:140px;}
 .kit-contents,.kit-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}
 .product-detail{max-height:calc(100dvh - 22px);}
}
@media(max-width:600px){
 .server-choices{grid-template-columns:1fr;}
 .server-choice{min-height:47px;}
 .payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 .payment-method{min-height:148px;padding:13px 8px;border-radius:13px;}
 .payment-logo{width:59px;height:50px;}
 .payment-method strong{font-size:13px;}
 .region-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
 .region-tab{min-width:0;padding:13px 5px;flex-direction:column;gap:3px;}
 .region-tab small{font-size:10px;}
 .product-detail{padding:15px;max-height:calc(100dvh - 14px);}
 .product-detail-left h3{font-size:15px;}
 .kit-content-row{font-size:11px;padding:9px;min-height:43px;}
 .kit-contents,.kit-benefits{gap:6px;}
 .product-detail-right .detail-art{height:120px;}
 .product-detail .modal-top{align-items:flex-start;}
 .demo-pay-option{flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce){.server-choice,.payment-method,.region-tab{transition:none!important;}}

.wipe-server-states{margin-top:13px;display:grid;gap:7px;}
.wipe-server-line{display:flex;gap:7px;justify-content:space-between;align-items:center;background:#262321;border:1px solid #574b3b55;border-radius:9px;padding:9px;font-size:11px;line-height:1.45;}
.wipe-server-line span:first-child{color:#c5c0b7;}
.detail-buy:disabled{opacity:.48;cursor:not-allowed;}

.kit-item-image{height:46px;width:47px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 6px #0008);}
.kit-content-row .kit-quantity{font-size:11px;color:#d6ba92;margin-left:auto;flex:none;}
.kit-content-row>span:nth-last-of-type(1){min-width:0;overflow-wrap:anywhere;}
@media(max-width:600px){.kit-item-image{height:32px;width:32px;}}