/* ArexBilling Checkout Redesign v1.7.4 — backend selection + responsive polish */
:root{
  --ax17-bg:#050a10;--ax17-panel:rgba(7,15,25,.91);--ax17-panel2:rgba(9,20,32,.94);
  --ax17-line:#26394a;--ax17-orange:#ff7800;--ax17-orange2:#ff9b20;--ax17-orange3:#c85000;
  --ax17-blue:#3c9cff;--ax17-text:#f7f9fc;--ax17-muted:#8ea4b7;--ax17-green:#2bd46f;--ax17-red:#ff5570;
}

/* ===== Sidebar ===== */
@media (min-width:1024px){body .ap-shell{grid-template-columns:252px minmax(0,1fr)!important}}
body .ap-sidebar.ax17-sidebar{
  background:linear-gradient(180deg,#060b12 0%,#07111b 54%,#050a10 100%)!important;
  border-right:1px solid #1a2a38!important;padding:18px 16px!important;gap:0!important;
  box-shadow:12px 0 40px rgba(0,0,0,.22)!important;
}
.ax17-brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin:0 2px 20px}
.ax17-brand-mark{width:40px;height:40px;display:grid;place-items:center;font:900 22px/1 system-ui;color:#fff;background:linear-gradient(145deg,#ff9b23,#ff6500);clip-path:polygon(23% 0,100% 0,78% 100%,0 100%);filter:drop-shadow(0 0 15px rgba(255,113,0,.38))}
.ax17-brand-copy{font:900 18px/1 system-ui;color:#fff;letter-spacing:.35px}.ax17-brand-copy i{font-style:normal;color:#ff7a00}
.ax17-user{border:1px solid #263a4d;border-radius:13px;background:linear-gradient(145deg,rgba(12,25,39,.96),rgba(5,13,22,.94));padding:13px;margin-bottom:12px}
.ax17-user-top{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 18px;gap:11px;align-items:center;color:#fff;text-align:left;background:none;border:0;padding:0;cursor:pointer}
.ax17-user-top img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #35536c;background:#0d1c2b}.ax17-user-top b{display:block;font-size:14px;line-height:1.2}.ax17-user-top small{display:inline-block;margin-top:4px;padding:2px 7px;border-radius:6px;background:#2a2418;color:#ff9b28;font-size:10px}.ax17-user-top svg{color:#91a7b9;width:16px}
.ax17-balance{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #2a4054;border-radius:13px;background:radial-gradient(circle at 92% 18%,rgba(255,119,0,.16),transparent 38%),#091521;padding:13px 14px;margin-bottom:22px;color:#fff;text-align:left;cursor:pointer}
.ax17-balance small{display:block;color:#91a6b8;font-size:11px}.ax17-balance b{display:block;font-size:18px;margin:2px 0 4px}.ax17-balance span span{display:block;color:#ff8b18;font-weight:800;font-size:12px}.ax17-balance>svg{width:24px;color:#ff8a16;filter:drop-shadow(0 0 8px rgba(255,120,0,.45))}
.ap-sidebar .ax17-nav{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important}
.ap-sidebar .ax17-nav a{height:47px!important;border:1px solid transparent!important;border-radius:9px!important;padding:0 13px!important;display:flex!important;align-items:center!important;gap:12px!important;color:#a8b8c6!important;background:transparent!important;text-decoration:none!important;font-weight:650!important;font-size:13px!important;position:relative!important;transition:.16s ease!important}
.ap-sidebar .ax17-nav a svg{width:19px!important;height:19px!important;color:#91aabd!important}.ap-sidebar .ax17-nav a:hover{background:rgba(82,51,25,.32)!important;color:#fff!important}.ap-sidebar .ax17-nav a:hover svg{color:#ff9a27!important}
.ap-sidebar .ax17-nav a.active{color:#fff!important;background:linear-gradient(90deg,rgba(255,118,0,.92),rgba(185,70,0,.54))!important;border-color:#ff850d!important;box-shadow:0 0 24px rgba(255,111,0,.25),inset 0 0 24px rgba(255,153,50,.08)!important}.ap-sidebar .ax17-nav a.active svg{color:#fff!important}.ap-sidebar .ax17-nav a.active:before{content:"";position:absolute;left:-17px;width:3px;height:29px;border-radius:0 4px 4px 0;background:#ff8a16;box-shadow:0 0 12px #ff7a00}
.ax17-promo{margin-top:auto;border:1px solid #3a332c;border-radius:11px;background:linear-gradient(145deg,rgba(44,27,16,.78),rgba(8,16,25,.94));padding:13px;display:flex;gap:11px;align-items:center;color:#ced8e0}.ax17-promo svg{width:29px;color:#ff8b17}.ax17-promo b{display:block;color:#fff;font-size:12px}.ax17-promo small{font-size:10px;color:#879aaa}.ax17-promo span{margin-left:auto;color:#ff8a22;font-weight:900;font-size:12px}
body .ap-sidebar .ap-profile-popover-v216{border-color:#4b3421!important;background:#07111b!important}

/* ===== Checkout ===== */
.ax17-checkout{min-height:calc(100vh - 42px);padding:14px 20px 28px;background:linear-gradient(90deg,rgba(3,8,14,.95),rgba(5,11,18,.76)),radial-gradient(circle at 72% 14%,rgba(255,107,0,.10),transparent 28%),url('/arexhost-catalog-v160/catalog-bg-custom.png') center/cover fixed no-repeat;color:var(--ax17-text);font-family:inherit}
.ax17-layout{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start}.ax17-main{min-width:0;display:flex;flex-direction:column;gap:12px}.ax17-error{max-width:1380px;margin:0 auto 12px;background:#4f101b;border:1px solid #9e2a3b;border-radius:10px;padding:10px 14px;color:#ffdbe1}

/* hero: closer to the approved mockup, warm/orange rather than blue */
.ax17-game-hero{height:178px;display:grid;grid-template-columns:47% 53%;border:1px solid #3b4650;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,rgba(8,17,27,.97),rgba(5,12,20,.95));box-shadow:0 16px 40px rgba(0,0,0,.28);position:relative}.ax17-game-hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#ff7a00 42%,#ff9b20 72%,transparent);opacity:.72;pointer-events:none}
.ax17-game-copy{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:18px;padding:20px 20px;z-index:2}.ax17-game-mark{width:58px;height:58px;border:2px solid #f6f6f4;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.02)}.ax17-game-mark svg{width:28px}.ax17-game-copy h1{margin:0 0 7px;font-size:23px;line-height:1.1;letter-spacing:.2px}.ax17-game-copy p{margin:0;max-width:520px;font-size:12px;line-height:1.55;color:#bac7d1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ax17-game-tags{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ax17-game-tags span{border:1px solid #6a431f;background:rgba(79,42,14,.48);color:#ff9d35;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:800}.ax17-game-art{background-position:center;background-size:cover;position:relative;min-width:0}.ax17-game-art.is-cs16{background-image:linear-gradient(90deg,#07111b 0%,rgba(7,17,27,.24) 20%,transparent 42%),url('/arexhost-checkout-v171/checkout-hero-orange.webp');background-position:55% center}.ax17-game-art.is-cs16:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 64%,rgba(255,105,0,.34),transparent 42%),linear-gradient(180deg,rgba(255,119,0,.04),rgba(255,87,0,.16));mix-blend-mode:screen;pointer-events:none}.ax17-game-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,13,21,.35),transparent 24%,rgba(255,110,0,.08))}

.ax17-section{border:1px solid #243b4d;border-radius:11px;background:linear-gradient(145deg,rgba(8,19,31,.94),rgba(5,14,24,.94));padding:13px 15px;box-shadow:0 8px 26px rgba(0,0,0,.18);transition:border-color .18s ease}.ax17-section:hover{border-color:#365066}.ax17-section-head{display:flex;align-items:center;gap:9px;margin-bottom:11px}.ax17-section-head>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ff8f1b,#d95d00);color:#fff;font-weight:900;font-size:12px;box-shadow:0 0 16px rgba(255,116,0,.34)}.ax17-section-head>svg{width:18px;color:#ff9b31}.ax17-section-head b{display:block;font-size:14px}.ax17-section-head small{display:block;color:#8399aa;font-size:10px;margin-top:1px}

/* Period buttons are real Livewire buttons in v1.7.1, not hidden radios. */
.ax17-plan-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ax17-plan{appearance:none;text-align:left;position:relative;min-height:73px;border:1px solid #2b4254;border-radius:9px;background:rgba(6,15,25,.76);padding:13px 10px;color:#fff;cursor:pointer;transition:.16s ease;font-family:inherit}.ax17-plan:hover{border-color:#a55219;background:rgba(49,27,12,.36);transform:translateY(-1px)}.ax17-plan:disabled{cursor:wait;opacity:.78}.ax17-plan b{display:block;font-size:13px;margin-bottom:6px}.ax17-plan small{color:#a4b2bd;font-size:11px}.ax17-plan em{position:absolute;right:7px;top:7px;font-style:normal;font-size:9px;font-weight:900;color:#fff;background:linear-gradient(145deg,#ff8a13,#e75c00);border-radius:5px;padding:3px 5px;box-shadow:0 0 10px rgba(255,116,0,.28)}.ax17-plan-check{display:none;position:absolute;right:7px;top:7px;width:19px;height:19px;border-radius:50%;background:#ff7b00;color:#fff;box-shadow:0 0 12px rgba(255,117,0,.4)}.ax17-plan-check svg{width:13px}.ax17-plan.active{border-color:#ff8111;background:linear-gradient(145deg,rgba(103,49,10,.52),rgba(26,18,13,.80));box-shadow:0 0 20px rgba(255,113,0,.23),inset 0 0 18px rgba(255,141,30,.08)}.ax17-plan.active .ax17-plan-check{display:grid;place-items:center}.ax17-plan.active em{display:none}

.ax17-slot-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:center}.ax17-slider-box{position:relative;padding:20px 5px 2px}.ax17-slider-box input{width:100%;height:6px;cursor:pointer;accent-color:#ff7a00}.ax17-slider-value{position:absolute;top:-8px;transform:translateX(-50%);background:linear-gradient(145deg,#ff8e19,#e96100);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:900;box-shadow:0 0 14px rgba(255,116,0,.42)}.ax17-slot-ticks{display:flex;justify-content:space-between;margin-top:6px;color:#8ea1b0;font-size:9px}.ax17-slot-picked{border:1px solid #3d4650;border-radius:9px;background:#091722;padding:10px 12px;text-align:center}.ax17-slot-picked small{display:block;color:#8da4b9;font-size:10px}.ax17-slot-picked b{display:block;font-size:14px;margin-top:3px;color:#fff}
.ax17-location{display:grid;grid-template-columns:31px minmax(0,1fr) auto 18px;align-items:center;border:1px solid #a65b20;border-radius:8px;background:#07131e;min-height:49px;padding:0 13px;box-shadow:inset 0 0 18px rgba(255,116,0,.055)}.ax17-location select{appearance:none;width:100%;background:transparent;border:0;outline:0;color:#eff7ff;font-weight:650;font-size:13px}.ax17-location select option{background:#07131e}.ax17-flag{font-size:20px}.ax17-location-ok{color:#43d972;font-size:10px;font-weight:800;display:flex;align-items:center;gap:6px}.ax17-location-ok i{width:7px;height:7px;border-radius:50%;background:#34d66a;box-shadow:0 0 8px #34d66a}.ax17-location>svg{width:17px;color:#9aaebe}
.ax17-name-input{display:grid;grid-template-columns:25px minmax(0,1fr) 50px;align-items:center;border:1px solid #344958;border-radius:8px;background:#06131d;min-height:45px;padding:0 12px}.ax17-name-input svg{width:17px;color:#ff9830}.ax17-name-input input{border:0!important;outline:0!important;background:transparent!important;color:#f3f8ff!important;box-shadow:none!important;width:100%;font-size:13px}.ax17-name-input>span{font-size:10px;color:#8299af;text-align:right}.ax17-select{width:100%;border:1px solid #344958!important;background:#06131d!important;color:#fff!important;border-radius:8px!important;min-height:44px!important}.ax17-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ax17-option-grid label{border:1px solid #344958;border-radius:8px;padding:10px;background:#06131d}.ax17-option-grid input{margin-right:7px;accent-color:#ff7a00}
.ax17-included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ax17-included-grid span{border:1px solid #2b4050;background:#06131d;border-radius:8px;padding:9px 10px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750}.ax17-included-grid svg{width:16px;color:#ff9630}.ax17-included-grid i{margin-left:auto;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#21b956;color:#fff;font-style:normal;font-size:10px}
.ax17-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ax17-benefits article{border:1px solid #243b4d;border-radius:10px;background:rgba(7,18,29,.93);padding:13px;display:flex;gap:12px;align-items:center}.ax17-benefits article>svg{width:32px;height:32px;color:#ff8a19;filter:drop-shadow(0 0 9px rgba(255,116,0,.32))}.ax17-benefits b{display:block;font-size:12px}.ax17-benefits small{display:block;color:#8299af;font-size:9px;margin-top:3px}

/* order summary */
.ax17-summary{position:sticky;top:14px;border:1px solid #324657;border-radius:12px;background:linear-gradient(155deg,rgba(9,21,34,.97),rgba(5,14,23,.97));padding:16px;box-shadow:0 18px 42px rgba(0,0,0,.30);overflow:hidden}.ax17-summary:before{content:"";position:absolute;right:-35px;top:-35px;width:130px;height:130px;background:radial-gradient(circle,rgba(255,111,0,.15),transparent 68%);pointer-events:none}.ax17-summary-head{display:flex;align-items:center;gap:9px;margin-bottom:13px}.ax17-summary-head svg{width:23px;color:#ff8b1c}.ax17-summary-head h2{margin:0;font-size:18px}.ax17-summary-image{height:145px;border-radius:9px;overflow:hidden;position:relative;background:#0a1722;margin-bottom:13px}.ax17-summary-image img{width:100%;height:100%;object-fit:cover}.ax17-summary-image>div{height:100%;display:grid;place-items:center;font-size:44px}.ax17-summary-image span{position:absolute;right:7px;bottom:7px;padding:4px 8px;border-radius:5px;background:rgba(15,83,42,.92);color:#63ed8f;font-size:9px}.ax17-summary-image span i{display:inline-block;width:6px;height:6px;background:#38dc70;border-radius:50%;margin-right:5px}.ax17-summary dl{margin:0}.ax17-summary dl>div{display:grid;grid-template-columns:1fr minmax(120px,1.15fr);gap:12px;padding:10px 0;border-bottom:1px solid rgba(67,100,128,.24)}.ax17-summary dt{display:flex;align-items:center;gap:7px;color:#a5b4c0;font-size:11px}.ax17-summary dt svg{width:15px;color:#ff9b34}.ax17-summary dd{margin:0;text-align:right;color:#f1f6fb;font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax17-summary-mini{display:flex;justify-content:space-between;color:#8fa6ba;font-size:10px;padding-top:8px}.ax17-total{display:flex;justify-content:space-between;align-items:flex-end;margin:18px 0 13px}.ax17-total span{color:#a7b9c9;font-size:12px}.ax17-total strong{font-size:30px;line-height:1;color:#fff}.ax17-submit{width:100%;height:52px;border:0;border-radius:8px;background:linear-gradient(90deg,#ff6d00,#ff9718);color:#fff;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 0 23px rgba(255,112,0,.30);transition:.16s}.ax17-submit:hover{transform:translateY(-1px);box-shadow:0 0 31px rgba(255,118,0,.42)}.ax17-submit:disabled{opacity:.7;cursor:wait}.ax17-submit span{display:flex;align-items:center;justify-content:center;gap:8px}.ax17-submit svg{width:20px}.ax17-safe{display:flex;align-items:flex-start;gap:9px;margin-top:15px;padding:0 8px;color:#8fa4b8}.ax17-safe>svg{width:17px;color:#ff9b34}.ax17-safe b{display:block;color:#afc0cf;font-size:11px}.ax17-safe small{display:block;font-size:9px;margin-top:2px}

@media(max-width:1180px){.ax17-layout{grid-template-columns:minmax(0,1fr) 320px}.ax17-plan-grid{grid-template-columns:repeat(3,1fr)}.ax17-game-hero{grid-template-columns:52% 48%}.ax17-included-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){body .ap-shell{display:block!important}.ap-sidebar.ax17-sidebar{width:260px!important}.ax17-checkout{padding:12px}.ax17-layout{grid-template-columns:1fr}.ax17-summary{position:relative;top:auto;order:2}.ax17-game-hero{grid-template-columns:1fr;height:auto}.ax17-game-art{min-height:155px}.ax17-plan-grid{grid-template-columns:repeat(2,1fr)}.ax17-slot-row{grid-template-columns:1fr}.ax17-benefits{grid-template-columns:1fr}.ax17-summary-image{height:180px}}
@media(max-width:560px){.ax17-checkout{padding:8px}.ax17-game-copy{grid-template-columns:1fr;padding:16px}.ax17-game-mark{display:none}.ax17-game-copy h1{font-size:19px}.ax17-game-tags{flex-wrap:wrap}.ax17-plan-grid{grid-template-columns:1fr 1fr}.ax17-section{padding:11px}.ax17-included-grid{grid-template-columns:1fr}.ax17-location{grid-template-columns:27px minmax(0,1fr) 16px}.ax17-location-ok{display:none}.ax17-summary dl>div{grid-template-columns:1fr 1fr}}

/* ===== ArexBilling Checkout v1.7.2: tariff + interaction hotfix ===== */
[x-cloak]{display:none!important}
.ax17-native-radio{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}

/* Period cards are labels backed by the original working Livewire radio model. */
.ax17-plan{display:block;user-select:none;touch-action:manipulation;position:relative;z-index:1}
.ax17-plan:focus-within{outline:2px solid rgba(255,137,34,.32);outline-offset:2px}
.ax17-plan.active{border-color:#ff8111!important;background:linear-gradient(145deg,rgba(103,49,10,.62),rgba(26,18,13,.88))!important;box-shadow:0 0 22px rgba(255,113,0,.28),inset 0 0 20px rgba(255,141,30,.10)!important}

/* Replace raw slot slider with three understandable server tariffs. */
.ax17-tariff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ax17-tariff{position:relative;display:flex;flex-direction:column;min-height:172px;border:1px solid #2c4355;border-radius:11px;background:linear-gradient(145deg,rgba(6,16,27,.91),rgba(5,12,20,.91));padding:15px;cursor:pointer;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease;user-select:none;touch-action:manipulation;overflow:hidden}
.ax17-tariff:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 4%,rgba(255,123,15,.09),transparent 36%);pointer-events:none}
.ax17-tariff:hover{transform:translateY(-2px);border-color:#9e5822;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.ax17-tariff:focus-within{outline:2px solid rgba(255,137,34,.32);outline-offset:2px}
.ax17-tariff.recommended{border-color:#685039}
.ax17-tariff.active{border-color:#ff8212;background:linear-gradient(145deg,rgba(91,44,12,.72),rgba(15,15,17,.94));box-shadow:0 0 24px rgba(255,115,0,.25),inset 0 0 30px rgba(255,139,25,.06)}
.ax17-tariff-badge{position:absolute;right:10px;top:10px;border:1px solid #8e5424;border-radius:6px;background:rgba(84,42,12,.88);padding:4px 7px;color:#ffad52;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.35px}
.ax17-tariff-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:flex-end;padding-right:2px}
.ax17-tariff-top>div small{display:block;color:#879eaf;font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.ax17-tariff-top>div b{display:block;color:#fff;font-size:17px}
.ax17-tariff-top>span{color:#ff8b1b;font-size:24px;font-weight:900;line-height:1}.ax17-tariff-top>span small{font-size:9px;color:#9fb0be;font-weight:700}
.ax17-tariff p{position:relative;z-index:1;margin:12px 0 11px;color:#a7b6c2;font-size:10px;line-height:1.45;min-height:29px}
.ax17-tariff-features{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;margin-top:auto}.ax17-tariff-features span{display:flex;align-items:center;gap:6px;color:#c3ced7;font-size:9px}.ax17-tariff-features svg{width:13px;height:13px;color:#32d76d}
.ax17-tier-check{display:none;position:absolute;right:10px;bottom:10px;width:22px;height:22px;border-radius:50%;background:#ff7a00;color:#fff;place-items:center;box-shadow:0 0 14px rgba(255,119,0,.46);font-style:normal;z-index:2}.ax17-tier-check svg{width:14px}.ax17-tariff.active .ax17-tier-check{display:grid}

/* Policy confirmation gates checkout; after checking, the original Livewire checkout action remains intact. */
.ax17-policy{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:start;margin:4px 0 12px;padding:10px 11px;border:1px solid #314556;border-radius:8px;background:rgba(4,12,20,.72);cursor:pointer;color:#aebdca;font-size:10px;line-height:1.4;user-select:none}
.ax17-policy input{position:absolute;opacity:0;width:1px;height:1px}
.ax17-policy-box{width:18px;height:18px;border:1px solid #53697b;border-radius:5px;background:#06131d;display:grid;place-items:center;color:transparent;transition:.15s ease}.ax17-policy-box svg{width:13px}
.ax17-policy input:checked + .ax17-policy-box{background:#ff7a00;border-color:#ff941f;color:#fff;box-shadow:0 0 12px rgba(255,119,0,.34)}
.ax17-policy:focus-within{border-color:#a55b21}
.ax17-policy-hint{margin:8px 4px 0!important;text-align:center!important;color:#e8a55f!important;font-size:9px!important;line-height:1.35!important}
.ax17-submit-v172{position:relative;z-index:3;pointer-events:auto!important;touch-action:manipulation}
.ax17-submit-v172:disabled{opacity:.42!important;filter:saturate(.55);cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.ax17-summary{z-index:3}.ax17-summary>*{position:relative;z-index:1}

/* Small visual polish for tariff wording in the order card. */
.ax17-summary dd{max-width:205px}

@media(max-width:1180px){.ax17-tariff-grid{grid-template-columns:1fr 1fr 1fr}.ax17-tariff{min-height:160px;padding:13px}.ax17-tariff-top>div b{font-size:15px}.ax17-tariff-top>span{font-size:20px}}
@media(max-width:760px){.ax17-tariff-grid{grid-template-columns:1fr}.ax17-tariff{min-height:140px}.ax17-policy{font-size:10px}}

/* ===== ArexBilling Checkout v1.7.3: explicit Livewire selection hotfix ===== */
.ax17-plan,.ax17-tariff{font-family:inherit;color:inherit;text-align:left;-webkit-appearance:none;appearance:none}
button.ax17-plan,button.ax17-tariff{width:100%}
button.ax17-plan:disabled,button.ax17-tariff:disabled{cursor:progress;opacity:.82}
.ax17-plan[aria-pressed="true"]{border-color:#ff8111!important;background:linear-gradient(145deg,rgba(103,49,10,.62),rgba(26,18,13,.88))!important;box-shadow:0 0 22px rgba(255,113,0,.28),inset 0 0 20px rgba(255,141,30,.10)!important}
.ax17-tariff[aria-pressed="true"]{border-color:#ff8212!important;background:linear-gradient(145deg,rgba(91,44,12,.72),rgba(15,15,17,.94))!important;box-shadow:0 0 24px rgba(255,115,0,.25),inset 0 0 30px rgba(255,139,25,.06)!important}
.ax17-tariff[aria-pressed="true"] .ax17-tier-check{display:grid}


/* ===== ArexBilling Checkout v1.7.4: backend actions + compact plan labels ===== */
.ax17-plan-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.ax17-plan{min-width:0;overflow:hidden;padding-top:15px}
.ax17-plan b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:28px}
.ax17-plan em{z-index:3;max-width:44px;white-space:nowrap}
.ax17-plan-check{z-index:4}
.ax17-plan[wire\:loading]{pointer-events:none}
.ax17-tariff[wire\:loading]{pointer-events:none}

/* prevent long labels from breaking the cards at browser zoom */
.ax17-section,.ax17-plan,.ax17-tariff,.ax17-summary,.ax17-location,.ax17-name-input{min-width:0}
.ax17-summary dd,.ax17-tariff p,.ax17-game-copy p{overflow-wrap:anywhere}

@media (max-width:1380px){
  .ax17-layout{grid-template-columns:minmax(0,1fr) clamp(300px,25vw,350px);max-width:none}
  .ax17-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1120px){
  .ax17-layout{grid-template-columns:minmax(0,1fr) 300px}
  .ax17-game-hero{grid-template-columns:55% 45%}
  .ax17-tariff-grid{grid-template-columns:1fr}
  .ax17-tariff{min-height:132px}
}
@media (max-width:960px){
  .ax17-layout{grid-template-columns:1fr}
  .ax17-summary{position:relative;top:auto}
  .ax17-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .ax17-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ax17-plan b{font-size:12px}
}


/* ArexBilling Checkout Native Livewire Controls v1.7.5 */
.ax17-native-radio{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;margin:0!important}
label.ax17-plan,label.ax17-tariff{display:block;cursor:pointer}
label.ax17-plan:has(.ax17-native-radio:checked){border-color:#ff8111!important;background:linear-gradient(145deg,rgba(103,49,10,.62),rgba(26,18,13,.88))!important;box-shadow:0 0 22px rgba(255,113,0,.28),inset 0 0 20px rgba(255,141,30,.10)!important}
label.ax17-plan:has(.ax17-native-radio:checked) .ax17-plan-check{display:grid;place-items:center}
label.ax17-plan:has(.ax17-native-radio:checked) em{display:none}
label.ax17-tariff:has(.ax17-native-radio:checked){border-color:#ff8212!important;background:linear-gradient(145deg,rgba(91,44,12,.72),rgba(15,15,17,.94))!important;box-shadow:0 0 24px rgba(255,115,0,.25),inset 0 0 30px rgba(255,139,25,.06)!important}
label.ax17-tariff:has(.ax17-native-radio:checked) .ax17-tier-check{display:grid}
.ax17-native-checkout-form{margin:0;padding:0}
.ax17-submit-v175{position:relative;z-index:3;pointer-events:auto!important;touch-action:manipulation}
.ax17-native-checkout-form:has(input[name="policy_accept"]:not(:checked)) .ax17-submit-v175{filter:saturate(.72);opacity:.72}
.ax17-native-checkout-form:has(input[name="policy_accept"]:checked) .ax17-policy-hint{display:none}

/* ===== ArexBilling Checkout v1.7.6: deterministic Livewire bridge ===== */
.ax17-plan,.ax17-tariff{font-family:inherit;width:100%}
.ax17-plan em{display:block!important;right:7px;top:7px}
.ax17-plan-check{right:8px!important;top:auto!important;bottom:8px!important}
.ax17-plan.active em{display:block!important}
.ax17-plan.active .ax17-plan-check{display:grid!important;place-items:center}
.ax17-plan.is-loading,.ax17-tariff.is-loading{cursor:wait;opacity:.82}
.ax17-native-radio{display:none!important}
label.ax17-plan:has(.ax17-native-radio:checked),label.ax17-tariff:has(.ax17-native-radio:checked){box-shadow:none!important}
.ax17-submit-v176.is-loading{cursor:wait;opacity:.78;filter:saturate(.75)}
.ax17-policy-hint{display:none!important}
.ax17-policy-hint.is-visible{display:block!important}
.ax176-toast{position:fixed;right:22px;bottom:22px;z-index:999999;background:rgba(7,18,29,.96);border:1px solid #2868a8;color:#eaf4ff;padding:12px 15px;border-radius:9px;box-shadow:0 12px 36px rgba(0,0,0,.45);font-size:12px;transform:translateY(14px);opacity:0;transition:.2s ease;max-width:360px}
.ax176-toast.is-error{border-color:#b45b22;color:#ffd5b4}.ax176-toast.show{transform:none;opacity:1}
@media(max-width:760px){.ax176-toast{left:12px;right:12px;bottom:12px;max-width:none}}


/* ===== ArexBilling Checkout v1.7.7: native-select Livewire bridge ===== */
.ax17-live-select{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.ax17-plan,.ax17-tariff{position:relative;cursor:pointer!important}
.ax17-plan.active,.ax17-plan[aria-pressed="true"]{border-color:#ff8111!important;background:linear-gradient(145deg,rgba(103,49,10,.62),rgba(26,18,13,.88))!important;box-shadow:0 0 22px rgba(255,113,0,.28),inset 0 0 20px rgba(255,141,30,.10)!important}
.ax17-plan.active .ax17-plan-check,.ax17-plan[aria-pressed="true"] .ax17-plan-check{display:grid!important;place-items:center!important}
.ax17-tariff.active,.ax17-tariff[aria-pressed="true"]{border-color:#ff8212!important;background:linear-gradient(145deg,rgba(91,44,12,.72),rgba(15,15,17,.94))!important;box-shadow:0 0 24px rgba(255,115,0,.25),inset 0 0 30px rgba(255,139,25,.06)!important}
.ax17-tariff.active .ax17-tier-check,.ax17-tariff[aria-pressed="true"] .ax17-tier-check{display:grid!important}
.ax17-plan em{display:block!important;right:7px!important;top:7px!important}
.ax17-plan-check{right:8px!important;top:auto!important;bottom:8px!important}
.ax17-submit-v177{pointer-events:auto!important;touch-action:manipulation}
.ax17-policy-hint{display:none!important}.ax17-policy-hint.is-visible{display:block!important}
@media(max-width:1380px){.ax17-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.ax17-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ===== ArexBilling Checkout v1.7.8: server-state Livewire + policy/checkout fix ===== */
.ax17-plan[wire\:loading\.attr="disabled"],.ax17-tariff[wire\:loading\.attr="disabled"]{transition:transform .15s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.ax17-plan:disabled,.ax17-tariff:disabled{cursor:wait;opacity:.72}
.ax17-native-checkout-form{display:grid;gap:12px}
.ax17-submit-v178:disabled{opacity:.52;cursor:not-allowed;filter:saturate(.55);box-shadow:none!important}
.ax17-policy input:checked+.ax17-policy-box{background:#ff7a00;border-color:#ff9a35;color:#fff}

/* ===== ArexBilling Checkout v1.7.9: native Livewire radios + native policy validation ===== */
.ax17-plan,.ax17-tariff{position:relative!important;overflow:hidden}
.ax17-choice-input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:pointer!important;z-index:20!important}
.ax17-plan:has(.ax17-choice-input:checked){border-color:#ff8111!important;background:linear-gradient(145deg,rgba(103,49,10,.62),rgba(26,18,13,.88))!important;box-shadow:0 0 22px rgba(255,113,0,.28),inset 0 0 20px rgba(255,141,30,.10)!important}
.ax17-plan:has(.ax17-choice-input:checked) .ax17-plan-check{display:grid!important;place-items:center!important}
.ax17-tariff:has(.ax17-choice-input:checked){border-color:#ff8212!important;background:linear-gradient(145deg,rgba(91,44,12,.72),rgba(15,15,17,.94))!important;box-shadow:0 0 24px rgba(255,115,0,.25),inset 0 0 30px rgba(255,139,25,.06)!important}
.ax17-tariff:has(.ax17-choice-input:checked) .ax17-tier-check{display:grid!important}
.ax17-plan .ax17-plan-check,.ax17-tariff .ax17-tier-check,.ax17-plan em,.ax17-plan b,.ax17-plan small,.ax17-tariff>*{pointer-events:none}
.ax17-policy input[required]{position:absolute;opacity:0;width:1px;height:1px}
.ax17-native-checkout-form .ax17-policy-hint{display:block!important;opacity:.85}
.ax17-native-checkout-form:has(input[name="policy_accept"]:checked) .ax17-policy-hint{display:none!important}
.ax17-submit-v179{pointer-events:auto!important;opacity:1!important;filter:none!important;cursor:pointer!important}
.ax17-submit-v179:disabled{opacity:.7!important;cursor:wait!important}


/* ===== ArexBilling Checkout v1.8.0: direct Livewire actions ===== */
button.ax17-plan,button.ax17-tariff{display:block;width:100%;font:inherit;color:inherit;text-align:left;border-style:solid}
button.ax17-plan.active,button.ax17-plan[aria-pressed="true"]{border-color:#ff8111!important;background:linear-gradient(145deg,rgba(103,49,10,.62),rgba(26,18,13,.88))!important;box-shadow:0 0 22px rgba(255,113,0,.28),inset 0 0 20px rgba(255,141,30,.10)!important}
button.ax17-plan.active .ax17-plan-check,button.ax17-plan[aria-pressed="true"] .ax17-plan-check{display:grid!important;place-items:center!important}
button.ax17-tariff.active,button.ax17-tariff[aria-pressed="true"]{border-color:#ff8212!important;background:linear-gradient(145deg,rgba(91,44,12,.72),rgba(15,15,17,.94))!important;box-shadow:0 0 24px rgba(255,115,0,.25),inset 0 0 30px rgba(255,139,25,.06)!important}
button.ax17-tariff.active .ax17-tier-check,button.ax17-tariff[aria-pressed="true"] .ax17-tier-check{display:grid!important}
button.ax17-plan:disabled,button.ax17-tariff:disabled{opacity:.72;cursor:wait}
.ax17-submit-v180{pointer-events:auto!important;opacity:1!important;filter:none!important;cursor:pointer!important;transition:.15s ease}
.ax17-submit-v180.is-ready{box-shadow:0 0 24px rgba(255,119,0,.34)}
.ax17-policy-error{margin:-5px 4px 8px;color:#ff6f6f;font-size:10px;line-height:1.35}
.ax17-policy-hint.is-ready{color:#42d77d!important}
/* Old native-radio selectors are intentionally neutralized in v1.8.0. */
.ax17-choice-input,.ax17-native-radio{display:none!important}