.x1d-hero-root,
.x1d-packages-root,
.x1d-store-root,
.x1d-track-root {
    --x1d-gold:#18b8ff;
    --e-global-color-accent:#18b8ff;
    --x1d-gold-dark:#0d9df0;
    --x1d-bg:#040916;
    --x1d-card:#07111d;
    --x1d-card-2:#091827;
    --x1d-border:#0f6bb5;
    --x1d-text:#ffffff;
    --x1d-muted:#a9c7df;
    --x1d-danger:#ff5f74;
    color:var(--x1d-text);
    font-family:inherit;
}

.x1d-hero-root *,
.x1d-packages-root *,
.x1d-store-root *,
.x1d-track-root * { box-sizing:border-box; }


/* =========================================================
   1X DIAMONDS HERO
   Shortcode: [x1_diamond_hero]
   ========================================================= */
.x1d-hero-root {
    position:relative;
    width:100%;
    max-width:100%;
    min-height:430px;
    overflow:hidden;
    isolation:isolate;
    background-color:#050505;
    background-image:
        radial-gradient(circle at 22% 24%,rgba(24,184,255,.18),transparent 25%),
        linear-gradient(112deg,#090909 0%,#0d0d0d 48%,#050505 100%);
    background-size:cover;
    background-position:center;
    border-top:1px solid #202020;
    border-bottom:1px solid #202020;
}
.x1d-hero-root.has-bg-image::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
    background-image:var(--x1d-hero-image);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.x1d-hero-root::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:rgba(0,0,0,var(--x1d-hero-overlay,.58));
}
.x1d-hero-layout {
    width:min(1400px,calc(100% - 40px));
    min-height:430px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(410px,.85fr);
    align-items:center;
    gap:54px;
    padding:34px 0;
}
.x1d-hero-copy { max-width:720px; }
.x1d-hero-eyebrow {
    margin-bottom:10px;
    color:#fff;
    font-size:13px;
    font-weight:900;
    letter-spacing:.28em;
    text-transform:uppercase;
}
.x1d-hero-copy h1 {
    margin:0;
    color:#fff!important;
    font-size:clamp(42px,5.1vw,70px);
    line-height:.98;
    letter-spacing:-.035em;
    font-weight:950;
}
.x1d-hero-copy h1 span,
.x1d-hero-copy h1 strong { display:block; color:#fff!important; }
.x1d-hero-copy h1 strong { color:var(--x1d-gold)!important; }
.x1d-hero-subheading {
    max-width:650px;
    margin:18px 0 0;
    color:#e2e2e2!important;
    font-size:clamp(16px,1.45vw,20px);
    line-height:1.5;
    font-weight:650;
}
.x1d-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:24px; }
.x1d-hero-primary,
.x1d-hero-secondary {
    min-width:190px;
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:12px 22px;
    border:2px solid var(--x1d-gold);
    border-radius:8px;
    text-decoration:none!important;
    font-size:16px;
    font-weight:950;
    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.x1d-hero-primary { background:var(--x1d-gold); color:#080808!important; }
.x1d-hero-secondary { background:rgba(0,0,0,.48); color:#fff!important; }
.x1d-hero-primary:hover { background:var(--x1d-gold-dark); border-color:var(--x1d-gold-dark); color:#080808!important; transform:translateY(-1px); }
.x1d-hero-secondary:hover { background:var(--x1d-gold); color:#080808!important; transform:translateY(-1px); }
.x1d-hero-btn-icon { width:24px; height:24px; display:grid; place-items:center; }
.x1d-hero-btn-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.x1d-hero-features {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0;
    margin-top:26px;
}
.x1d-hero-features > div {
    display:flex;
    align-items:center;
    gap:10px;
    min-height:34px;
    padding:0 24px;
    border-right:1px solid rgba(255,255,255,.15);
    color:#fff;
}
.x1d-hero-features > div:first-child { padding-left:0; }
.x1d-hero-features > div:last-child { border-right:0; padding-right:0; }
.x1d-hero-features span { width:29px; height:29px; display:grid; place-items:center; color:var(--x1d-gold); }
.x1d-hero-features svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.x1d-hero-features b { color:#fff!important; font-size:14px; white-space:nowrap; }

.x1d-hero-quick-card {
    width:100%;
    max-width:520px;
    justify-self:end;
    padding:24px 26px 20px;
    border:1px solid #41505d;
    border-radius:12px;
    background:rgba(7,10,12,.92);
    box-shadow:0 20px 70px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.025);
    backdrop-filter:blur(5px);
}
.x1d-hero-card-head { display:flex; align-items:flex-start; gap:14px; margin-bottom:16px; }
.x1d-hero-lightning { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; color:var(--x1d-gold); }
.x1d-hero-lightning svg { width:32px; height:32px; fill:currentColor; stroke:currentColor; stroke-width:1; }
.x1d-hero-card-head h2 { margin:0 0 2px; color:#fff!important; font-size:21px; line-height:1.2; font-weight:900; }
.x1d-hero-card-head p { margin:0; color:#aeb8c1!important; font-size:13px; line-height:1.35; }
.x1d-hero-quick-form { display:grid; gap:12px; }
.x1d-hero-quick-form > label { display:block; color:#fff!important; font-size:13px; font-weight:850; }
.x1d-hero-field {
    position:relative;
    display:flex;
    align-items:center;
    min-height:45px;
    margin-top:6px;
    border:1px solid #36434d;
    border-radius:8px;
    background:#111820;
    overflow:hidden;
    transition:border-color .2s ease,box-shadow .2s ease;
}
.x1d-hero-field:focus-within { border-color:var(--x1d-gold); box-shadow:0 0 0 3px rgba(24,184,255,.16); }
.x1d-hero-field > span { width:44px; flex:0 0 44px; display:grid; place-items:center; color:#c6d0d8; }
.x1d-hero-field > span svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.x1d-hero-field input,
.x1d-hero-field select {
    width:100%;
    min-width:0;
    height:43px;
    margin:0!important;
    padding:0 12px 0 0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    font:inherit;
}
.x1d-hero-field select { cursor:pointer; }
.x1d-hero-field select option { background:#111820; color:#fff; }
.x1d-hero-field input::placeholder { color:#8f9ba5!important; opacity:1; }
.x1d-hero-form-error { min-height:0; color:#56d7ff!important; font-size:12px; font-weight:750; }
.x1d-hero-form-error:not(:empty) { min-height:16px; }
.x1d-hero-continue {
    appearance:none;
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border:1px solid var(--x1d-gold);
    border-radius:8px;
    background:var(--x1d-gold);
    color:#080808!important;
    font-size:15px;
    font-weight:950;
    cursor:pointer;
    box-shadow:none;
    transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.x1d-hero-continue:hover { background:var(--x1d-gold-dark); border-color:var(--x1d-gold-dark); transform:translateY(-1px); }
.x1d-hero-continue:disabled { opacity:.55; cursor:not-allowed; transform:none; }
.x1d-hero-payment-note { display:flex; align-items:center; justify-content:center; gap:7px; color:#aab4bc!important; font-size:11px; text-align:center; }
.x1d-hero-payment-note span { width:15px; height:15px; display:grid; place-items:center; }
.x1d-hero-payment-note svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; }

@media (max-width:900px) {
    .x1d-hero-layout { width:min(100% - 30px,760px); grid-template-columns:1fr; gap:28px; padding:42px 0; }
    .x1d-hero-copy { max-width:none; text-align:center; }
    .x1d-hero-copy h1 { font-size:clamp(40px,9vw,62px); }
    .x1d-hero-subheading { margin-left:auto; margin-right:auto; }
    .x1d-hero-actions,.x1d-hero-features { justify-content:center; }
    .x1d-hero-features > div:first-child { padding-left:24px; }
    .x1d-hero-quick-card { justify-self:center; max-width:600px; }
}
@media (max-width:600px) {
    .x1d-hero-root { min-height:0; }
    .x1d-hero-layout { width:calc(100% - 20px); padding:30px 0; gap:24px; }
    .x1d-hero-eyebrow { font-size:10px; letter-spacing:.21em; }
    .x1d-hero-copy h1 { font-size:clamp(36px,12vw,50px); line-height:1.02; }
    .x1d-hero-subheading { margin-top:14px; font-size:15px; }
    .x1d-hero-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
    .x1d-hero-primary,.x1d-hero-secondary { min-width:0; min-height:46px; padding:10px 11px; font-size:13px; }
    .x1d-hero-btn-icon { width:19px; height:19px; }
    .x1d-hero-btn-icon svg { width:19px; height:19px; }
    .x1d-hero-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; margin-top:20px; }
    .x1d-hero-features > div,.x1d-hero-features > div:first-child,.x1d-hero-features > div:last-child { min-width:0; padding:0 8px; justify-content:center; gap:6px; }
    .x1d-hero-features span { width:22px; height:22px; flex:0 0 22px; }
    .x1d-hero-features svg { width:21px; height:21px; }
    .x1d-hero-features b { font-size:10px; white-space:normal; line-height:1.2; text-align:left; }
    .x1d-hero-quick-card { padding:19px 15px 16px; border-radius:10px; }
    .x1d-hero-card-head h2 { font-size:18px; }
    .x1d-hero-card-head p { font-size:12px; }
}

.x1d-section-head { text-align:center; margin:0 auto 30px; max-width:760px; }
.x1d-section-head > span { color:var(--x1d-gold); font-size:12px; font-weight:900; letter-spacing:.18em; }
.x1d-section-head h2 { margin:8px 0 8px; color:var(--x1d-text); font-size:clamp(28px,4vw,48px); line-height:1.08; }
.x1d-section-head p { margin:0; color:var(--x1d-muted); }

.x1d-packages-root,
.x1d-store-root { width:100%; max-width:100%; }
.x1d-packages-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); justify-content:center; align-items:stretch; gap:18px; width:100%; }
/* Homepage packages shortcode: exactly 4 desktop columns. */
.x1d-packages-root .x1d-packages-grid { grid-template-columns:repeat(4,minmax(0,1fr)); max-width:1200px; margin-inline:auto; }
.x1d-packages-root .x1d-package-card { max-width:none; }
.x1d-package-card { position:relative; display:flex; flex-direction:column; width:100%; max-width:300px; min-width:0; min-height:100%; justify-self:center; padding:22px; border:1px solid var(--x1d-border); border-radius:16px; background:linear-gradient(180deg,var(--x1d-card-2),var(--x1d-card)); text-align:center; overflow:hidden; transition:transform .2s ease,border-color .2s ease; }
.x1d-package-card:hover { transform:translateY(-3px); border-color:rgba(24,184,255,.65); }
.x1d-package-card.is-featured { border-color:var(--x1d-gold); box-shadow:0 0 0 1px rgba(24,184,255,.14),0 15px 40px rgba(0,0,0,.25); }
.x1d-card-badge { position:absolute; top:12px; right:12px; padding:5px 9px; border-radius:999px; background:var(--x1d-gold); color:#090909; font-size:11px; font-weight:900; }
.x1d-card-image { width:88px; height:88px; margin:8px auto 14px; display:grid; place-items:center; }
.x1d-card-image img { width:100%; height:100%; object-fit:contain; }
.x1d-diamond-glyph { color:var(--x1d-gold); font-size:68px; line-height:1; text-shadow:0 8px 28px rgba(24,184,255,.22); }
.x1d-package-card h3 { margin:0 0 6px; color:var(--x1d-text); font-size:18px; }
.x1d-card-diamonds { color:var(--x1d-text); font-weight:800; }
.x1d-card-bonus { margin-top:3px; color:var(--x1d-gold); font-size:13px; font-weight:800; }
.x1d-card-price { margin:16px 0; color:var(--x1d-text); font-size:22px; font-weight:900; }
.x1d-buy-now,
.x1d-track-form button,
.x1d-step-actions button,
.x1d-track-button { appearance:none; border:1px solid var(--x1d-gold); background:var(--x1d-gold); color:#080808!important; border-radius:9px; font-weight:900; padding:11px 18px; cursor:pointer; text-decoration:none!important; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.x1d-buy-now { width:100%; margin-top:auto; }
.x1d-buy-now:hover,
.x1d-track-form button:hover,
.x1d-step-actions button:hover,
.x1d-track-button:hover { background:var(--x1d-gold-dark); border-color:var(--x1d-gold-dark); color:#080808!important; transform:translateY(-1px); }

.x1d-modal { position:fixed; inset:0; z-index:999999; display:none; align-items:center; justify-content:center; padding:20px; }
.x1d-modal.is-open { display:flex; }
.x1d-modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.78); backdrop-filter:blur(5px); }
.x1d-modal-dialog { position:relative; width:min(820px,100%); max-height:92vh; overflow:auto; background:var(--x1d-bg); border:1px solid var(--x1d-border); border-radius:18px; box-shadow:0 30px 100px rgba(0,0,0,.55); }
.x1d-modal .x1d-modal-close { all:unset; box-sizing:border-box!important; position:absolute!important; top:14px!important; right:14px!important; z-index:10!important; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; margin:0!important; padding:0!important; display:grid!important; place-items:center!important; border:1px solid #3a3a3a!important; border-radius:50%!important; background:#080808!important; color:#fff!important; cursor:pointer!important; box-shadow:none!important; transform:none!important; line-height:1!important; }
.x1d-modal .x1d-modal-close:hover,
.x1d-modal .x1d-modal-close:focus-visible { background:var(--x1d-gold)!important; border-color:var(--x1d-gold)!important; outline:none!important; transform:none!important; }
.x1d-close-icon { width:17px; height:17px; display:block; fill:none; stroke:#fff; stroke-width:2.4; stroke-linecap:round; pointer-events:none; }
.x1d-modal .x1d-modal-close:hover .x1d-close-icon,
.x1d-modal .x1d-modal-close:focus-visible .x1d-close-icon { stroke:#080808; }
.x1d-modal-open { overflow:hidden; }

.x1d-store-checkout { margin-top:34px; }
.x1d-stepper { padding:30px; background:var(--x1d-bg); color:var(--x1d-text); border:1px solid var(--x1d-border); border-radius:16px; }
.x1d-progress { display:flex; align-items:center; justify-content:center; gap:10px; margin:0 0 28px; }
.x1d-progress span { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; border:1px solid var(--x1d-border); background:#0b0b0b; color:var(--x1d-muted); font-size:12px; font-weight:900; }
.x1d-progress span.is-active { border-color:var(--x1d-gold); background:var(--x1d-gold); color:#080808; }
.x1d-step { display:none; }
.x1d-step.is-active { display:block; }
.x1d-step h3 { margin:0 0 18px; color:#fff; font-size:24px; }
.x1d-selected-package { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px; border:1px solid var(--x1d-border); border-radius:12px; background:#0a0a0a; }
.x1d-selected-package small { color:var(--x1d-muted); }
.x1d-selected-package h3 { margin:2px 0 4px; }
.x1d-selected-package p { margin:0; color:var(--x1d-muted); }
.x1d-selected-package > strong { color:var(--x1d-gold); font-size:24px; }
.x1d-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.x1d-form-grid label,
.x1d-upload { display:block; color:#fff; font-size:13px; font-weight:800; }
.x1d-form-grid input,
.x1d-upload input,
.x1d-track-form input { width:100%; margin-top:7px; padding:12px 13px; border-radius:9px; border:1px solid var(--x1d-border); background:#090909; color:#fff; outline:none; }
.x1d-form-grid input:focus,
.x1d-track-form input:focus { border-color:var(--x1d-gold); box-shadow:0 0 0 3px rgba(24,184,255,.16); }
.x1d-payment-options { display:grid; grid-template-columns:repeat(var(--x1d-cols-tablet,3),minmax(0,1fr)); gap:12px; }
.x1d-payment-option { position:relative; display:flex; align-items:center; gap:10px; min-height:72px; padding:14px; border:1px solid var(--x1d-border); border-radius:12px; background:#0a0a0a; cursor:pointer; }
.x1d-payment-option:has(input:checked) { border-color:var(--x1d-gold); box-shadow:0 0 0 1px var(--x1d-gold); }
.x1d-payment-option img { width:38px; height:38px; object-fit:contain; }
.x1d-payment-option input { margin-left:auto; accent-color:var(--x1d-gold); }
.x1d-pay-icon { width:38px; height:38px; border-radius:9px; display:grid; place-items:center; background:var(--x1d-gold); color:#050505; font-weight:900; }
.x1d-payment-card { border:1px solid var(--x1d-border); border-radius:12px; background:#0a0a0a; overflow:hidden; }
.x1d-payment-card h4 { margin:0; padding:16px 18px; background:#101010; color:#fff; }
.x1d-payment-card > div { display:grid; grid-template-columns:150px 1fr auto; gap:12px; align-items:center; padding:12px 18px; border-top:1px solid var(--x1d-border); }
.x1d-payment-card > div span { color:var(--x1d-muted); font-size:13px; }
.x1d-payment-card > div strong { color:#fff; overflow-wrap:anywhere; }
.x1d-payment-card > p { margin:0; padding:16px 18px; color:var(--x1d-muted); border-top:1px solid var(--x1d-border); }
.x1d-copy { border:1px solid var(--x1d-border); border-radius:7px; background:#151515; color:#fff; padding:6px 10px; cursor:pointer; }
.x1d-step-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }
.x1d-step-actions .x1d-back { background:transparent; color:#fff!important; border-color:var(--x1d-border); }
.x1d-step-actions .x1d-back:hover { background:#141414; color:#fff!important; border-color:#3a3a3a; }
.x1d-upload span { display:block; margin-top:5px; color:var(--x1d-muted); font-weight:400; }
.x1d-confirm { display:flex; align-items:flex-start; gap:9px; margin-top:16px; color:#fff; }
.x1d-confirm input { margin-top:3px; accent-color:var(--x1d-gold); }
.x1d-final-summary,
.x1d-success-details { display:grid; grid-template-columns:repeat(var(--x1d-cols-mobile,2),minmax(0,1fr)); gap:10px; margin:0 0 20px; }
.x1d-final-summary > div,
.x1d-success-details > div { padding:13px 14px; border:1px solid var(--x1d-border); border-radius:10px; background:#0a0a0a; }
.x1d-final-summary span,
.x1d-success-details span { display:block; color:var(--x1d-muted); font-size:12px; }
.x1d-final-summary strong,
.x1d-success-details strong { display:block; margin-top:3px; color:#fff; }
.x1d-submit-message { margin-top:14px; min-height:20px; font-size:13px; }
.x1d-submit-message.is-error,
.x1d-error { color:var(--x1d-danger); }
.x1d-submit-message.is-working,
.x1d-loading { color:var(--x1d-muted); }
.x1d-success { text-align:center; }
.x1d-success-icon { width:64px; height:64px; margin:0 auto 14px; border-radius:50%; display:grid; place-items:center; background:var(--x1d-gold); color:#080808; font-size:34px; font-weight:900; }
.x1d-success p { color:var(--x1d-muted); }
.x1d-track-button { display:inline-block; margin-top:12px; }

.x1d-track-root { max-width:760px; margin:0 auto; }
.x1d-track-form { display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:12px; padding:22px; border:1px solid var(--x1d-border); border-radius:14px; background:var(--x1d-card); }
.x1d-track-form label { color:#fff; font-size:13px; font-weight:800; }
.x1d-track-result { margin-top:18px; padding:22px; border:1px solid var(--x1d-border); border-radius:14px; background:var(--x1d-card); }
.x1d-status-pill { display:inline-flex; padding:6px 10px; border-radius:999px; background:rgba(24,184,255,.12); border:1px solid rgba(24,184,255,.45); color:var(--x1d-gold); font-size:12px; font-weight:900; }
.x1d-track-result h3 { color:#fff; }
.x1d-track-result dl { margin:0; }
.x1d-track-result dl > div { display:grid; grid-template-columns:150px 1fr; padding:10px 0; border-top:1px solid var(--x1d-border); }
.x1d-track-result dt { color:var(--x1d-muted); }
.x1d-track-result dd { margin:0; color:#fff; font-weight:700; }
.x1d-empty { padding:20px; text-align:center; border:1px dashed var(--x1d-border); border-radius:12px; color:var(--x1d-muted); }

@media (max-width:1024px) {
    .x1d-packages-root .x1d-packages-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .x1d-packages-grid { grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; }
    .x1d-package-card { max-width:290px; }
}
@media (max-width:767px) {
    .x1d-packages-root .x1d-packages-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .x1d-packages-grid { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; }
    .x1d-package-card { max-width:100%; padding:15px 12px; border-radius:12px; }
    .x1d-card-image { width:62px; height:62px; }
    .x1d-package-card h3 { font-size:15px; }
    .x1d-card-price { margin:11px 0; font-size:18px; }
    .x1d-stepper { padding:20px 15px; }
    .x1d-form-grid,
    .x1d-payment-options,
    .x1d-final-summary,
    .x1d-success-details { grid-template-columns:1fr; }
    .x1d-payment-card > div { grid-template-columns:1fr auto; }
    .x1d-payment-card > div span { grid-column:1 / -1; }
    .x1d-selected-package { align-items:flex-start; flex-direction:column; }
    .x1d-track-form { grid-template-columns:1fr; }
    .x1d-track-result dl > div { grid-template-columns:1fr; gap:3px; }
    .x1d-modal { padding:8px; }
    .x1d-modal-dialog { max-height:96vh; border-radius:14px; }
}

@media (max-width:420px) {
    .x1d-packages-root .x1d-packages-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .x1d-packages-grid { grid-template-columns:1fr; }
    .x1d-packages-root .x1d-package-card { max-width:none; padding:12px 8px; }
    .x1d-packages-root .x1d-card-image { width:54px; height:54px; margin-bottom:10px; }
    .x1d-packages-root .x1d-package-card h3 { font-size:14px; }
    .x1d-packages-root .x1d-card-diamonds, .x1d-packages-root .x1d-card-bonus { font-size:12px; }
    .x1d-packages-root .x1d-card-price { font-size:17px; }
    .x1d-packages-root .x1d-buy-now { padding:10px 8px; }
    .x1d-package-card { max-width:320px; }
    .x1d-modal .x1d-modal-close { top:10px!important; right:10px!important; width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; }
    .x1d-close-icon { width:15px; height:15px; }
}


/* =========================================================
   1X DIAMONDS BLUE REFERENCE BRANDING v1.1.0
   ========================================================= */
.x1d-hero-root,
.x1d-packages-root,
.x1d-store-root,
.x1d-track-root {
    background-image: radial-gradient(circle at 12% 15%, rgba(17,123,255,.18), transparent 20%), radial-gradient(circle at 88% 12%, rgba(0,183,255,.16), transparent 18%), linear-gradient(180deg,#030815 0%,#05101d 55%,#040b15 100%);
}
.x1d-section-head { margin:0 auto 34px; }
.x1d-section-head > span {
    display:inline-flex; align-items:center; justify-content:center; min-width:52px; padding:0 10px;
    color:#55cfff; font-size:30px; line-height:1; letter-spacing:0; text-shadow:0 0 15px rgba(24,184,255,.55);
}
.x1d-section-head h2 {
    text-transform:uppercase; font-weight:900; letter-spacing:.02em;
    text-shadow:0 0 22px rgba(24,184,255,.15);
}
.x1d-section-head p { color:#c0d8ee; font-size:15px; text-transform:uppercase; letter-spacing:.08em; }

.x1d-packages-root .x1d-packages-grid { gap:22px; }
.x1d-package-card {
    max-width:none; padding:18px 16px 16px; border:2px solid rgba(17,134,225,.95); border-radius:16px;
    background:linear-gradient(180deg,rgba(5,17,31,.98),rgba(2,10,20,.98));
    box-shadow:inset 0 0 0 1px rgba(71,201,255,.10),0 0 0 1px rgba(17,123,255,.15),0 8px 35px rgba(0,0,0,.35);
}
.x1d-package-card:hover { transform:translateY(-4px); border-color:#43d0ff; box-shadow:0 0 0 1px rgba(67,208,255,.25),0 0 28px rgba(22,159,255,.18); }
.x1d-package-card.is-featured { border-color:#43d0ff; box-shadow:0 0 0 1px rgba(67,208,255,.4),0 0 38px rgba(24,184,255,.16); }
.x1d-card-badge {
    left:16px; right:auto; top:14px; padding:7px 12px; border:1px solid rgba(67,208,255,.95); border-radius:999px;
    background:rgba(6,18,31,.95); color:#5ed7ff; font-size:14px; font-weight:900; text-transform:uppercase;
    box-shadow:0 0 20px rgba(24,184,255,.10);
}
.x1d-card-image { width:110px; height:80px; margin:18px auto 12px; }
.x1d-card-image img { filter: drop-shadow(0 6px 18px rgba(24,184,255,.25)); }
.x1d-package-card h3 { margin:0 0 6px; color:#fff; font-size:17px; line-height:1.3; font-weight:700; text-transform:lowercase; }
.x1d-card-diamonds { color:#e7f5ff; font-size:16px; font-weight:500; }
.x1d-card-bonus { color:#ff7b2c; font-size:14px; font-weight:800; }
.x1d-card-price { margin:14px 0 16px; color:#fff; font-size:25px; font-weight:900; }
.x1d-buy-now {
    min-height:46px; border:2px solid #1dbdff; border-radius:12px;
    background:linear-gradient(180deg,#0f7bd5,#0ea8ff); color:#fff!important; -webkit-text-fill-color:#fff!important;
    box-shadow:0 0 0 1px rgba(86,213,255,.25), 0 0 20px rgba(24,184,255,.22);
}
.x1d-buy-now:hover { background:linear-gradient(180deg,#18b8ff,#0db3ff)!important; border-color:#58d8ff!important; color:#fff!important; -webkit-text-fill-color:#fff!important; transform:translateY(-2px) scale(1.02); }
.x1d-buy-now::after { content:' →'; }

.x1d-modal-backdrop { background:rgba(0,9,18,.88); backdrop-filter:blur(8px); }
.x1d-modal-dialog {
    width:min(960px,100%); max-height:94vh; border:1px solid rgba(40,153,255,.7); border-radius:24px;
    background:linear-gradient(180deg,rgba(3,11,22,.98),rgba(4,10,18,.98)); box-shadow:0 30px 100px rgba(0,0,0,.6),0 0 40px rgba(24,184,255,.14);
}
.x1d-stepper { padding:22px; border:0; border-radius:22px; background:transparent; }
.x1d-progress { gap:18px; margin:0 0 20px; }
.x1d-progress span {
    position:relative; width:44px; height:44px; border:2px solid rgba(113,150,187,.55); background:rgba(2,7,18,.86); color:#e7f7ff;
    font-size:19px; font-weight:900; box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.x1d-progress span:not(:last-child)::after {
    content:""; position:absolute; top:50%; left:100%; width:18px; height:2px; background:rgba(71,144,199,.85); transform:translateY(-50%);
}
.x1d-progress span.is-active { background:linear-gradient(180deg,#2fd0ff,#1498ff); border-color:#55dcff; color:#fff; box-shadow:0 0 22px rgba(24,184,255,.42); }

.x1d-step-shell {
    position:relative; padding:18px; border:2px solid rgba(16,115,196,.75); border-radius:24px;
    background:linear-gradient(180deg,rgba(2,10,19,.94),rgba(5,13,24,.92)); box-shadow:inset 0 0 0 1px rgba(91,213,255,.06);
    overflow:hidden;
}
.x1d-step-shell::before, .x1d-step-shell::after {
    content:""; position:absolute; width:90px; height:90px; opacity:.85; pointer-events:none;
    background:linear-gradient(135deg,rgba(58,199,255,.85),rgba(12,96,255,.05)); clip-path:polygon(0 18%,18% 0,100% 0,100% 12%,12% 12%,12% 100%,0 100%);
}
.x1d-step-shell::before { left:-8px; top:-8px; }
.x1d-step-shell::after { right:-8px; bottom:-8px; transform:rotate(180deg); }
.x1d-step-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; position:relative; }
.x1d-step-mini { margin-bottom:16px; }
.x1d-step-hero-copy h3, .x1d-step-header h3 { margin:0; font-size:42px; line-height:.92; font-weight:950; letter-spacing:-.03em; text-transform:uppercase; }
.x1d-step-mini .x1d-step-hero-copy h3 { font-size:28px; }
.x1d-step-hero-copy h3 span, .x1d-step-header h3 { color:#fff; }
.x1d-step-hero-copy h3 strong, .x1d-step-header h3 strong { color:#29c4ff; }
.x1d-step-hero-copy p { margin:10px 0 0; max-width:320px; color:#d6ebfb; font-size:15px; line-height:1.4; }
.x1d-step-hero-art { width:165px; height:150px; flex:0 0 165px; border-radius:18px; background:radial-gradient(circle at 35% 28%, rgba(92,216,255,.45), transparent 24%), radial-gradient(circle at 72% 40%, rgba(38,149,255,.32), transparent 24%), linear-gradient(140deg, rgba(8,20,36,.15), rgba(9,19,33,.8)), url(); }
.x1d-step-hero-art::before { content:""; display:block; width:100%; height:100%; background:radial-gradient(circle at 60% 30%, rgba(35,199,255,.55), transparent 16%), radial-gradient(circle at 70% 70%, rgba(35,199,255,.4), transparent 12%), linear-gradient(135deg, rgba(0,0,0,.0), rgba(0,0,0,.18)); }
.x1d-step-header { margin-bottom:20px; }
.x1d-step-accent { display:block; width:180px; max-width:55%; height:6px; margin-top:12px; border-radius:999px; background:linear-gradient(90deg,#23c7ff,#169dff); box-shadow:0 0 18px rgba(35,199,255,.35); }

.x1d-selected-package { border:2px solid rgba(15,113,191,.7); border-radius:18px; background:linear-gradient(180deg,rgba(3,12,23,.88),rgba(8,20,34,.88)); }
.x1d-selected-package small, .x1d-selected-package p { color:#c4dbef; }
.x1d-selected-package > strong { color:#61d6ff; }

.x1d-form-stack { display:grid; gap:14px; }
.x1d-field-box {
    display:grid; grid-template-columns:76px 1fr; align-items:center; gap:14px; min-height:92px;
    padding:14px 16px; border:2px solid rgba(20,126,212,.8); border-radius:18px; background:rgba(3,10,18,.7);
    box-shadow:inset 0 0 0 1px rgba(99,220,255,.04);
}
.x1d-field-icon {
    width:60px; height:60px; display:grid; place-items:center; border:2px solid rgba(20,126,212,.9); border-radius:14px;
    background:linear-gradient(180deg,#061423,#0b1829); color:#27c4ff; box-shadow:0 0 22px rgba(24,184,255,.12);
}
.x1d-field-icon svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.x1d-field-copy { display:block; }
.x1d-field-copy strong { display:block; margin-bottom:8px; color:#fff; font-size:16px; font-weight:800; }
.x1d-field-copy input {
    width:100%; height:56px; margin:0!important; padding:0 18px!important; border:2px solid rgba(20,126,212,.9)!important; border-radius:12px!important;
    background:rgba(6,18,32,.92)!important; color:#fff!important; box-shadow:none!important; outline:0!important;
}
.x1d-field-copy input::placeholder { color:#8ca7bf!important; }
.x1d-field-copy input:focus { border-color:#54d6ff!important; box-shadow:0 0 0 3px rgba(24,184,255,.16)!important; }

.x1d-payment-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.x1d-payment-option {
    min-height:160px; display:grid; grid-template-columns:120px 1fr auto; gap:18px; align-items:center;
    padding:18px 20px; border:2px solid rgba(20,126,212,.85); border-radius:20px; background:linear-gradient(180deg,rgba(4,12,22,.95),rgba(8,16,31,.92));
    box-shadow:inset 0 0 0 1px rgba(75,200,255,.06);
}
.x1d-payment-option:has(input:checked) { border-color:#57d8ff; box-shadow:0 0 0 1px rgba(87,216,255,.35),0 0 28px rgba(24,184,255,.18); }
.x1d-payment-logo {
    width:108px; height:108px; display:grid; place-items:center; border-radius:20px; overflow:hidden;
    background:linear-gradient(180deg,#071423,#0a1830); border:2px solid rgba(29,142,226,.7);
}
.x1d-payment-logo img { width:92%; height:92%; object-fit:contain; }
.x1d-payment-copy { display:flex; flex-direction:column; gap:10px; }
.x1d-payment-copy strong { color:#fff; font-size:21px; line-height:1.1; }
.x1d-payment-copy small { color:#2ed6ff; font-size:16px; line-height:1.2; }
.x1d-payment-radio { width:34px; height:34px; border-radius:50%; border:3px solid rgba(82,131,178,.8); box-shadow:inset 0 0 0 5px rgba(0,0,0,.22); }
.x1d-payment-option:has(input:checked) .x1d-payment-radio { border-color:#8fe9ff; background:#fff; box-shadow:inset 0 0 0 7px #2cbcff,0 0 20px rgba(44,188,255,.2); }
.x1d-payment-option input { position:absolute; opacity:0; pointer-events:none; }
.x1d-payment-option.x1d-payment-jazzcash { box-shadow:inset 0 0 0 1px rgba(255,75,105,.12); }
.x1d-payment-option.x1d-payment-jazzcash .x1d-payment-logo { border-color:rgba(255,85,101,.8); }
.x1d-payment-option.x1d-payment-jazzcash .x1d-payment-copy small { color:#6ac5ff; }

.x1d-payment-details, .x1d-final-summary { padding:0; color:#fff; }
.x1d-payment-card, .x1d-final-summary, .x1d-upload, .x1d-confirm, .x1d-submit-message {
    border:2px solid rgba(17,115,195,.78); border-radius:18px; background:rgba(3,11,20,.72);
}
.x1d-payment-card { padding:18px; }
.x1d-payment-card h4 { margin:0 0 14px; color:#fff; font-size:24px; }
.x1d-payment-card div { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:1px solid rgba(87,216,255,.12); }
.x1d-payment-card div:last-of-type { border-bottom:0; }
.x1d-payment-card span { color:#8dc2e8; }
.x1d-payment-card strong { color:#fff; }
.x1d-payment-card p { margin:14px 0 0; color:#d0e8f9; }
.x1d-copy { margin-left:10px; }
.x1d-upload { padding:16px; color:#fff; font-size:14px; font-weight:800; }
.x1d-upload input { width:100%; margin-top:10px; }
.x1d-confirm { display:flex; align-items:center; gap:10px; padding:16px; margin-top:14px; color:#fff; }
.x1d-confirm input { accent-color:#25c6ff; }
.x1d-submit-message { min-height:0; margin-top:14px; padding:0; border:0; background:transparent; }
.x1d-submit-message.x1d-error, .x1d-error { color:#ff7384; }
.x1d-loading { color:#d4ebff; }

.x1d-step-actions { display:flex; justify-content:flex-end; gap:18px; margin-top:18px; }
.x1d-step-actions button, .x1d-track-button {
    min-width:174px; min-height:64px; border:2px solid rgba(27,139,225,.85); border-radius:18px;
    background:linear-gradient(180deg,#0b1829,#08111d); color:#fff!important; -webkit-text-fill-color:#fff!important; font-size:18px; font-weight:900;
    box-shadow:0 0 0 1px rgba(71,199,255,.08), inset 0 0 0 1px rgba(255,255,255,.02);
}
.x1d-step-actions .x1d-next, .x1d-step-actions .x1d-submit { background:linear-gradient(180deg,#23c7ff,#139cff)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:0 0 24px rgba(24,184,255,.28); }
.x1d-step-actions .x1d-back { background:linear-gradient(180deg,#08131f,#06111a)!important; }
.x1d-step-actions button:hover { transform:translateY(-2px) scale(1.01); }

.x1d-success { text-align:center; }
.x1d-success-icon { width:72px; height:72px; margin:0 auto 16px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(180deg,#22c8ff,#159eff); color:#fff; font-size:34px; box-shadow:0 0 26px rgba(24,184,255,.3); }
.x1d-success-details { margin-top:18px; display:grid; gap:12px; }
.x1d-success-details > div, .x1d-track-result > dl > div { display:flex; justify-content:space-between; gap:12px; padding:10px 14px; border:1px solid rgba(20,126,212,.55); border-radius:12px; background:rgba(5,16,29,.75); }

@media (max-width: 900px) {
    .x1d-payment-options { grid-template-columns:1fr; }
    .x1d-modal-dialog { width:min(740px,100%); }
}
@media (max-width: 767px) {
    .x1d-section-head > span { font-size:24px; }
    .x1d-section-head h2 { font-size:clamp(26px,8vw,44px); }
    .x1d-section-head p { font-size:12px; letter-spacing:.04em; }
    .x1d-stepper { padding:12px; }
    .x1d-progress { gap:10px; }
    .x1d-progress span { width:36px; height:36px; font-size:16px; }
    .x1d-progress span:not(:last-child)::after { width:10px; }
    .x1d-step-shell { padding:14px; border-radius:20px; }
    .x1d-step-hero { gap:10px; }
    .x1d-step-hero-copy h3, .x1d-step-header h3 { font-size:28px; }
    .x1d-step-mini .x1d-step-hero-copy h3 { font-size:22px; }
    .x1d-step-hero-copy p { font-size:14px; }
    .x1d-step-hero-art { width:110px; height:100px; flex-basis:110px; }
    .x1d-field-box { grid-template-columns:58px 1fr; min-height:0; padding:10px 12px; gap:10px; border-radius:16px; }
    .x1d-field-icon { width:46px; height:46px; border-radius:12px; }
    .x1d-field-icon svg { width:22px; height:22px; }
    .x1d-field-copy strong { font-size:14px; margin-bottom:6px; }
    .x1d-field-copy input { height:48px; padding:0 12px!important; }
    .x1d-payment-option { grid-template-columns:78px 1fr auto; min-height:114px; gap:12px; padding:12px; border-radius:18px; }
    .x1d-payment-logo { width:72px; height:72px; border-radius:16px; }
    .x1d-payment-copy strong { font-size:16px; }
    .x1d-payment-copy small { font-size:13px; }
    .x1d-payment-radio { width:26px; height:26px; border-width:2px; }
    .x1d-step-actions { gap:12px; }
    .x1d-step-actions button, .x1d-track-button { min-width:132px; min-height:52px; font-size:15px; border-radius:14px; }
}

/* =========================================================
   1X DIAMONDS PACKAGE SECTION MATCH FIX v1.1.1
   ========================================================= */
.x1d-diamond-packages-head {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
}
.x1d-diamond-packages-head > span {
    position:absolute;
    top:8px;
    left:50%;
    transform:translateX(-50%);
    font-size:26px;
    color:#34cfff;
    text-shadow:0 0 18px rgba(52,207,255,.65);
}
.x1d-diamond-packages-head h2 {
    margin-top:20px;
    font-size:clamp(36px,4.2vw,56px);
    font-weight:1000;
    font-style:italic;
    letter-spacing:.02em;
    line-height:1;
    text-transform:uppercase;
    color:#f8fcff;
    text-shadow:0 0 24px rgba(48,196,255,.18);
}
.x1d-diamond-packages-head p {
    font-size:15px;
    font-weight:800;
    letter-spacing:.08em;
    color:#bde6ff;
}
.x1d-packages-root .x1d-packages-grid,
.x1d-store-root .x1d-packages-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    max-width:1200px;
    margin-inline:auto;
    gap:18px;
}
.x1d-packages-root .x1d-package-card,
.x1d-store-root .x1d-package-card {
    max-width:none;
    min-height:380px;
    padding:20px 14px 18px;
    border:2px solid rgba(19,150,238,.95);
    border-radius:18px;
    background:
        radial-gradient(circle at 50% 0%, rgba(29,167,255,.12), transparent 28%),
        linear-gradient(180deg, rgba(6,14,26,.98) 0%, rgba(2,8,18,.98) 100%);
    box-shadow:inset 0 0 0 1px rgba(109,224,255,.05), 0 0 24px rgba(17,135,230,.08);
}
.x1d-packages-root .x1d-package-card:hover,
.x1d-store-root .x1d-package-card:hover {
    border-color:#4bd6ff;
    transform:translateY(-3px);
    box-shadow:0 0 0 1px rgba(75,214,255,.22), 0 0 28px rgba(25,168,255,.16);
}
.x1d-packages-root .x1d-card-badge,
.x1d-store-root .x1d-card-badge {
    top:14px;
    left:14px;
    right:auto;
    padding:8px 14px;
    border-radius:999px;
    border:2px solid rgba(56,209,255,.85);
    background:rgba(3,12,23,.9);
    color:#66dfff;
    font-size:14px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    box-shadow:none;
}
.x1d-packages-root .x1d-card-image,
.x1d-store-root .x1d-card-image {
    width:120px;
    height:88px;
    margin:36px auto 14px;
}
.x1d-packages-root .x1d-card-image img,
.x1d-store-root .x1d-card-image img {
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 8px 20px rgba(21,173,255,.22));
}
.x1d-packages-root .x1d-package-card h3,
.x1d-store-root .x1d-package-card h3 {
    margin:0 0 6px;
    color:#ffffff;
    font-size:17px;
    font-weight:700;
    line-height:1.25;
    text-transform:lowercase;
}
.x1d-packages-root .x1d-card-diamonds,
.x1d-store-root .x1d-card-diamonds {
    color:#f4fbff;
    font-size:18px;
    font-weight:500;
}
.x1d-packages-root .x1d-card-price,
.x1d-store-root .x1d-card-price {
    margin:16px 0 18px;
    color:#ffffff;
    font-size:24px;
    font-weight:900;
}
.x1d-packages-root .x1d-buy-now,
.x1d-store-root .x1d-buy-now {
    position:relative;
    width:100%;
    min-height:50px;
    border:2px solid #18b8ff !important;
    border-radius:14px;
    background:linear-gradient(180deg, rgba(7,19,34,.98), rgba(4,14,26,.98)) !important;
    color:#43d0ff !important;
    -webkit-text-fill-color:#43d0ff !important;
    font-size:16px;
    font-weight:900;
    letter-spacing:.02em;
    box-shadow:inset 0 0 0 1px rgba(76,214,255,.08), 0 0 20px rgba(24,184,255,.18);
}
.x1d-packages-root .x1d-buy-now::after,
.x1d-store-root .x1d-buy-now::after {
    content:'→';
    display:inline-block;
    margin-left:8px;
    font-size:18px;
    line-height:1;
}
.x1d-packages-root .x1d-buy-now:hover,
.x1d-store-root .x1d-buy-now:hover {
    border-color:#58ddff !important;
    background:linear-gradient(180deg, rgba(9,24,42,.98), rgba(5,16,28,.98)) !important;
    color:#7ee8ff !important;
    -webkit-text-fill-color:#7ee8ff !important;
    transform:translateY(-2px) scale(1.02);
    box-shadow:0 0 0 1px rgba(88,221,255,.22), 0 0 26px rgba(24,184,255,.22);
}

@media (max-width: 1024px) {
    .x1d-packages-root .x1d-packages-grid,
    .x1d-store-root .x1d-packages-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
    .x1d-diamond-packages-head h2 { font-size:clamp(28px,8vw,40px); }
    .x1d-diamond-packages-head p { font-size:12px; }
    .x1d-packages-root .x1d-packages-grid,
    .x1d-store-root .x1d-packages-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .x1d-packages-root .x1d-package-card,
    .x1d-store-root .x1d-package-card { min-height:310px; padding:14px 10px 14px; border-radius:14px; }
    .x1d-packages-root .x1d-card-badge,
    .x1d-store-root .x1d-card-badge { top:10px; left:10px; padding:6px 10px; font-size:11px; }
    .x1d-packages-root .x1d-card-image,
    .x1d-store-root .x1d-card-image { width:86px; height:64px; margin:28px auto 10px; }
    .x1d-packages-root .x1d-package-card h3,
    .x1d-store-root .x1d-package-card h3 { font-size:14px; }
    .x1d-packages-root .x1d-card-diamonds,
    .x1d-store-root .x1d-card-diamonds { font-size:14px; }
    .x1d-packages-root .x1d-card-price,
    .x1d-store-root .x1d-card-price { font-size:20px; margin:12px 0 14px; }
    .x1d-packages-root .x1d-buy-now,
    .x1d-store-root .x1d-buy-now { min-height:42px; font-size:14px; border-radius:11px; }
}

/* =========================================================
   1X DIAMONDS PACKAGE EXACTNESS FIX v1.1.2
   ========================================================= */
.x1d-diamond-packages-head {
    position:relative;
    padding-inline:72px;
}
.x1d-diamond-packages-head::before,
.x1d-diamond-packages-head::after {
    content:'◆';
    position:absolute;
    top:18px;
    font-size:32px;
    line-height:1;
    color:#34cfff;
    text-shadow:0 0 18px rgba(52,207,255,.75);
}
.x1d-diamond-packages-head::before { left:8px; }
.x1d-diamond-packages-head::after { right:8px; }
.x1d-diamond-packages-head > span { display:none; }
.x1d-diamond-packages-head h2 {
    margin-top:0;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-style:italic;
}
.x1d-packages-root .x1d-package-card,
.x1d-store-root .x1d-package-card {
    align-items:center;
}
.x1d-packages-root .x1d-card-badge,
.x1d-store-root .x1d-card-badge {
    min-width:120px;
    text-align:center;
}
.x1d-packages-root .x1d-card-image,
.x1d-store-root .x1d-card-image {
    width:130px;
    height:92px;
}
.x1d-packages-root .x1d-buy-now,
.x1d-store-root .x1d-buy-now {
    clip-path:polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
}


/* =========================================================
   1X DIAMONDS — REFERENCE MATCH v1.2.0
   Packages section + checkout steps (Details / Payment)
   ========================================================= */
@font-face { font-family:'X1D Poppins'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/poppins-regular.woff') format('woff'); }
@font-face { font-family:'X1D Poppins'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/poppins-medium.woff') format('woff'); }
@font-face { font-family:'X1D Poppins'; font-style:normal; font-weight:600 900; font-display:swap; src:url('../fonts/poppins-bold.woff') format('woff'); }
@font-face { font-family:'X1D Poppins'; font-style:italic; font-weight:600 900; font-display:swap; src:url('../fonts/poppins-bolditalic.woff') format('woff'); }

.x1d-packages-root, .x1d-store-root, .x1d-modal, .x1d-stepper { font-family:'X1D Poppins', 'Poppins', 'Segoe UI', Arial, sans-serif; }

/* ---------- Section heading ---------- */
.x1d-packages-root, .x1d-store-root { background:transparent; background-image:none; }
.x1d-diamond-packages-head { padding-inline:0; margin:0 auto 26px; gap:0; max-width:none; }
.x1d-diamond-packages-head::before, .x1d-diamond-packages-head::after { content:none; display:none; }
.x1d-dp-title { display:flex; align-items:center; justify-content:center; gap:18px; }
.x1d-dp-gem { display:grid; place-items:center; width:40px; height:40px; color:#3fc4ff; filter:drop-shadow(0 0 8px rgba(40,170,255,.85)); font-style:normal; }
.x1d-dp-gem svg { width:38px; height:38px; fill:rgba(40,160,255,.28); stroke:#7fdcff; stroke-width:1.4; stroke-linejoin:round; }
.x1d-diamond-packages-head h2 {
    margin:0!important; padding:0 4px; font-family:'X1D Poppins','Poppins',Arial,sans-serif!important; font-style:italic!important; font-weight:800!important;
    font-size:clamp(30px,4.6vw,50px)!important; line-height:1.05!important; letter-spacing:.01em!important; color:#f4f8ff!important;
    -webkit-text-stroke:1.2px #f4f8ff; text-transform:uppercase; transform:skewX(-6deg);
    text-shadow:0 2px 0 #9fb4cc, 0 0 22px rgba(70,170,255,.35)!important;
}
.x1d-dp-line { display:block; width:min(420px,70%); height:2px; margin:8px auto 8px; background:radial-gradient(ellipse at center, rgba(70,200,255,.95) 0%, rgba(30,140,255,.45) 45%, transparent 75%); box-shadow:0 0 12px rgba(40,170,255,.6); }
.x1d-diamond-packages-head p { margin:0!important; color:#c9d8e8!important; font-size:13px!important; font-weight:500!important; letter-spacing:.13em!important; text-transform:uppercase; }

/* ---------- Package cards ---------- */
.x1d-packages-root .x1d-packages-grid, .x1d-store-root .x1d-packages-grid { grid-template-columns:repeat(4,minmax(0,1fr)); max-width:980px; gap:20px; margin-inline:auto; }
.x1d-packages-root .x1d-package-card, .x1d-store-root .x1d-package-card {
    --cut:14px;
    position:relative; display:flex; flex-direction:column; align-items:center; min-height:0; padding:12px 14px 26px; border:0!important; border-radius:0!important;
    background:linear-gradient(180deg,#2c9dff 0%,#1167d8 50%,#2a9dff 100%)!important; box-shadow:none!important; overflow:visible;
    clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));
    transition:transform .2s ease, filter .2s ease;
}
.x1d-packages-root .x1d-package-card::before, .x1d-store-root .x1d-package-card::before {
    content:""; position:absolute; inset:2px; z-index:0; pointer-events:none;
    clip-path:polygon(calc(var(--cut) - 1px) 0,calc(100% - var(--cut) + 1px) 0,100% calc(var(--cut) - 1px),100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,calc(var(--cut) - 1px) 100%,0 calc(100% - var(--cut) + 1px),0 calc(var(--cut) - 1px));
    background:radial-gradient(ellipse 80% 35% at 50% 100%, rgba(25,120,255,.30), transparent 70%), radial-gradient(ellipse 70% 40% at 50% 30%, rgba(30,140,255,.14), transparent 70%), linear-gradient(180deg,#061226 0%,#040b19 60%,#06142b 100%);
    box-shadow:inset 0 0 18px rgba(30,150,255,.25);
}
.x1d-packages-root .x1d-package-card > *, .x1d-store-root .x1d-package-card > * { position:relative; z-index:1; }
.x1d-packages-root .x1d-package-card:hover, .x1d-store-root .x1d-package-card:hover { transform:translateY(-4px); filter:brightness(1.12); box-shadow:none!important; }

.x1d-packages-root .x1d-card-badge, .x1d-store-root .x1d-card-badge {
    position:relative!important; top:auto!important; left:auto!important; right:auto!important; z-index:1;
    display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:0; height:30px; padding:0 16px; margin:0 auto;
    border:0!important; border-radius:0!important; box-shadow:none!important;
    background:linear-gradient(180deg,#46c8ff,#1a86ef)!important;
    clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);
    color:#6fd6ff!important; font-size:14px!important; font-weight:800!important; font-style:italic; letter-spacing:.01em; line-height:1; text-transform:uppercase; text-shadow:0 0 6px rgba(60,190,255,.45);
}
.x1d-packages-root .x1d-card-badge::before, .x1d-store-root .x1d-card-badge::before {
    content:""; position:absolute; inset:1.5px; z-index:-1; background:linear-gradient(180deg,#0a2141,#071630);
    clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);
}
.x1d-badge-icon { display:grid; place-items:center; width:16px; height:16px; color:#5fd2ff; }
.x1d-badge-icon svg { width:16px; height:16px; fill:rgba(60,190,255,.35); stroke:#7fdcff; stroke-width:1.8; stroke-linejoin:round; stroke-linecap:round; }
.x1d-badge-text { position:relative; }

.x1d-packages-root .x1d-card-image, .x1d-store-root .x1d-card-image { width:100%; max-width:160px; height:auto; aspect-ratio:134/101; margin:6px auto 4px!important; }
.x1d-packages-root .x1d-card-image img, .x1d-store-root .x1d-card-image img { width:100%; height:100%; object-fit:contain; filter:none; -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 72%,transparent 100%); mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 72%,transparent 100%); }
.x1d-packages-root .x1d-package-card h3, .x1d-store-root .x1d-package-card h3 { margin:0 0 3px!important; color:#fff!important; font-size:15px!important; font-weight:600!important; line-height:1.3!important; text-transform:lowercase; letter-spacing:0; }
.x1d-packages-root .x1d-card-diamonds, .x1d-store-root .x1d-card-diamonds { color:#c9d6e4!important; font-size:13px!important; font-weight:400!important; }
.x1d-packages-root .x1d-card-bonus, .x1d-store-root .x1d-card-bonus { font-size:12px!important; }
.x1d-packages-root .x1d-card-price, .x1d-store-root .x1d-card-price { margin:8px 0 12px!important; color:#fff!important; font-size:21px!important; font-weight:700!important; line-height:1.2; }

.x1d-packages-root .x1d-buy-now, .x1d-store-root .x1d-buy-now {
    position:relative; display:inline-flex!important; align-items:center; justify-content:center; gap:8px; width:88%!important; min-height:40px!important; height:40px; margin:auto auto 0!important; padding:0 18px!important;
    border:0!important; border-radius:0!important; transform:none;
    background:linear-gradient(180deg,#5ad6ff,#1689f2)!important; box-shadow:none!important;
    clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%)!important;
    color:#5fcfff!important; -webkit-text-fill-color:#5fcfff!important; font-size:15px!important; font-weight:800!important; font-style:italic; letter-spacing:.01em; line-height:1;
    text-shadow:0 0 8px rgba(60,190,255,.55)!important;
}
.x1d-packages-root .x1d-buy-now::before, .x1d-store-root .x1d-buy-now::before {
    content:""; position:absolute; inset:2px; z-index:0; background:radial-gradient(ellipse at 50% 120%, rgba(40,150,255,.35), transparent 70%), linear-gradient(180deg,#0b2244,#06142b);
    clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%);
}
.x1d-packages-root .x1d-buy-now::after, .x1d-store-root .x1d-buy-now::after { content:none!important; display:none!important; }
.x1d-buy-label, .x1d-buy-arrow { position:relative; z-index:1; }
.x1d-buy-arrow { display:grid; place-items:center; width:16px; height:16px; }
.x1d-buy-arrow svg { width:16px; height:16px; fill:none; stroke:#5fcfff; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.x1d-packages-root .x1d-buy-now:hover, .x1d-store-root .x1d-buy-now:hover { filter:brightness(1.18); transform:none!important; }

@media (max-width:1024px) {
    .x1d-packages-root .x1d-packages-grid, .x1d-store-root .x1d-packages-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:620px; }
}
@media (max-width:767px) {
    .x1d-dp-title { gap:10px; }
    .x1d-dp-gem, .x1d-dp-gem svg { width:26px; height:26px; }
    .x1d-diamond-packages-head h2 { font-size:clamp(22px,7vw,34px)!important; -webkit-text-stroke:.8px #f4f8ff; }
    .x1d-diamond-packages-head p { font-size:10.5px!important; letter-spacing:.08em!important; }
    .x1d-packages-root .x1d-packages-grid, .x1d-store-root .x1d-packages-grid { gap:12px; }
    .x1d-packages-root .x1d-package-card, .x1d-store-root .x1d-package-card { --cut:11px; padding:10px 8px 18px; }
    .x1d-packages-root .x1d-card-badge, .x1d-store-root .x1d-card-badge { height:26px; padding:0 12px; font-size:12px!important; }
    .x1d-packages-root .x1d-card-image, .x1d-store-root .x1d-card-image { height:74px; margin:8px auto 8px!important; }
    .x1d-packages-root .x1d-package-card h3, .x1d-store-root .x1d-package-card h3 { font-size:13px!important; }
    .x1d-packages-root .x1d-card-diamonds, .x1d-store-root .x1d-card-diamonds { font-size:12px!important; }
    .x1d-packages-root .x1d-card-price, .x1d-store-root .x1d-card-price { font-size:18px!important; margin:6px 0 10px!important; }
    .x1d-packages-root .x1d-buy-now, .x1d-store-root .x1d-buy-now { width:94%!important; height:36px; min-height:36px!important; font-size:13px!important; padding:0 12px!important; }
}

/* ---------- Checkout frame (modal + inline store stepper) ---------- */
.x1d-modal-backdrop { background:rgba(0,6,16,.82); backdrop-filter:blur(6px); }
.x1d-modal-dialog {
    width:min(488px,100%); max-height:96vh; overflow-y:auto; overflow-x:hidden; padding:0; border:0!important; border-radius:0!important;
    background:transparent!important; box-shadow:none!important; filter:drop-shadow(0 0 14px rgba(20,140,255,.45)) drop-shadow(0 20px 50px rgba(0,0,0,.6));
    scrollbar-width:thin; scrollbar-color:#1d6fd0 transparent; transition:width .25s ease;
}
.x1d-modal-dialog[data-x1d-step="3"], .x1d-modal-dialog:has(.x1d-stepper[data-current-step="3"]) { width:min(840px,100%); }
.x1d-store-checkout .x1d-stepper { max-width:488px; margin-inline:auto; }
.x1d-store-checkout .x1d-stepper[data-current-step="3"] { max-width:840px; }

.x1d-stepper {
    --cut:16px;
    position:relative; isolation:isolate; padding:14px 14px 18px!important; border:0!important; border-radius:0!important; color:#fff;
    background:linear-gradient(160deg,#36b8ff 0%,#1569e0 40%,#1b7ff0 70%,#3cc0ff 100%)!important;
    clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));
}
.x1d-stepper::before {
    content:""; position:absolute; inset:2px; z-index:-1; pointer-events:none;
    clip-path:polygon(calc(var(--cut) - 1px) 0,calc(100% - var(--cut) + 1px) 0,100% calc(var(--cut) - 1px),100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,calc(var(--cut) - 1px) 100%,0 calc(100% - var(--cut) + 1px),0 calc(var(--cut) - 1px));
    background:
        linear-gradient(118deg, transparent 0 62%, rgba(40,140,255,.10) 62.3% 63%, transparent 63.3% 70%, rgba(40,140,255,.08) 70.2% 70.6%, transparent 71%),
        radial-gradient(ellipse 60% 40% at 85% 0%, rgba(25,110,255,.22), transparent 70%),
        radial-gradient(ellipse 50% 30% at 10% 100%, rgba(25,110,255,.20), transparent 70%),
        linear-gradient(180deg,#050c1c 0%,#030814 55%,#040a18 100%);
    box-shadow:inset 0 0 22px rgba(30,140,255,.28);
}
.x1d-frame-corner { position:absolute; z-index:3; width:70px; height:70px; pointer-events:none; }
.x1d-frame-corner::before, .x1d-frame-corner::after { content:""; position:absolute; background:linear-gradient(90deg,#8fe6ff,#2a9dff); box-shadow:0 0 10px rgba(80,200,255,.9); border-radius:2px; }
.x1d-frame-corner-tl { left:0; top:0; }
.x1d-frame-corner-tl::before { left:16px; top:0; width:46px; height:4px; }
.x1d-frame-corner-tl::after { left:0; top:16px; width:4px; height:46px; background:linear-gradient(180deg,#8fe6ff,#2a9dff); }
.x1d-frame-corner-br { right:0; bottom:0; }
.x1d-frame-corner-br::before { right:16px; bottom:0; width:46px; height:4px; }
.x1d-frame-corner-br::after { right:0; bottom:16px; width:4px; height:46px; background:linear-gradient(0deg,#8fe6ff,#2a9dff); }
.x1d-ff-mark { display:none; }

/* progress dots */
.x1d-progress { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; gap:20px!important; margin:0 0 8px!important; padding-right:0; }
.x1d-progress span {
    position:relative; width:34px!important; height:34px!important; border-radius:50%; display:grid; place-items:center;
    border:2px solid rgba(190,215,240,.75)!important; background:#060d1c!important; color:#fff!important;
    font-size:15px!important; font-weight:700!important; box-shadow:none!important;
}
.x1d-progress span:not(:last-child)::after { content:""; position:absolute; top:50%; left:calc(100% + 2px); width:20px!important; height:2px!important; background:rgba(190,215,240,.75)!important; transform:translateY(-50%); }
.x1d-progress span.is-active { border-color:#7fe0ff!important; background:radial-gradient(circle at 50% 35%,#3fc8ff,#1386f2 70%)!important; color:#fff!important; box-shadow:0 0 0 2px rgba(20,120,240,.55),0 0 14px rgba(50,180,255,.85)!important; }

/* close button */
.x1d-modal .x1d-modal-close {
    top:8px!important; right:8px!important; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important;
    border:2px solid #2b9bff!important; background:#050c1c!important; box-shadow:0 0 12px rgba(40,160,255,.6)!important; z-index:20!important;
}
.x1d-modal .x1d-modal-close .x1d-close-icon { width:18px; height:18px; stroke:#fff; stroke-width:3; }
.x1d-modal .x1d-modal-close:hover, .x1d-modal .x1d-modal-close:focus-visible { background:#1694ff!important; border-color:#7fe0ff!important; }
.x1d-modal .x1d-modal-close:hover .x1d-close-icon { stroke:#fff; }

/* generic step shell — flat inside the frame */
.x1d-stepper .x1d-step { position:static; }
.x1d-stepper .x1d-step-shell { position:relative; z-index:2; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible; }
.x1d-stepper .x1d-step-shell::before, .x1d-stepper .x1d-step-shell::after { content:none!important; display:none!important; }
.x1d-stepper .x1d-step-header { margin:14px 6px 18px; }
.x1d-stepper .x1d-step-header h3 { margin:0; font-size:26px; line-height:1.15; font-weight:700; letter-spacing:-.01em; text-transform:none; color:#e9eef5; }
.x1d-stepper .x1d-step-header h3 strong { color:#22a7ff; font-weight:700; }
.x1d-stepper .x1d-step-accent { width:110px; height:3px; margin-top:8px; border-radius:2px; background:linear-gradient(90deg,#1ea0ff,rgba(30,160,255,.15)); box-shadow:0 0 8px rgba(30,160,255,.6); }

/* ---------- STEP 2 : FREE FIRE DETAILS ---------- */
.x1d-details-art {
    position:absolute; z-index:1; top:54px; right:2px; width:240px; height:152px; pointer-events:none;
    background:var(--x1d-details-art) right top / cover no-repeat;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%), linear-gradient(0deg,transparent 0,#000 18%); -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0,#000 16%), linear-gradient(0deg,transparent 0,#000 18%); mask-composite:intersect;
}
.x1d-details-chest {
    position:absolute; z-index:1; left:2px; bottom:2px; width:232px; height:104px; pointer-events:none;
    background:var(--x1d-details-chest) left bottom / cover no-repeat;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%), linear-gradient(270deg,transparent 0,#000 25%); -webkit-mask-composite:source-in;
    mask-image:linear-gradient(180deg,transparent 0,#000 30%), linear-gradient(270deg,transparent 0,#000 25%); mask-composite:intersect;
}
.x1d-stepper .x1d-step-details .x1d-step-hero { position:relative; z-index:2; display:block; min-height:148px; margin:0 0 12px; padding:16px 0 0 16px; }
.x1d-stepper .x1d-step-hero-art { display:none; }
.x1d-stepper .x1d-step-details .x1d-step-hero-copy h3 { margin:0; text-transform:uppercase; line-height:1; letter-spacing:0; }
.x1d-stepper .x1d-step-details .x1d-step-hero-copy h3 span {
    display:block; color:#fff; font-size:43px; font-weight:800; font-style:normal; letter-spacing:-.01em; line-height:1;
    -webkit-text-stroke:1.6px #fff; text-shadow:0 3px 0 #8ea3bd, 0 0 14px rgba(0,0,0,.6); transform:scaleY(1.04);
}
.x1d-stepper .x1d-step-details .x1d-step-hero-copy h3 strong {
    display:block; margin-top:6px; font-size:44px; font-weight:800; font-style:italic; letter-spacing:.01em; line-height:1;
    color:#29b6ff; background:linear-gradient(180deg,#7fe2ff 0%,#22b0ff 45%,#1679ee 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px rgba(120,220,255,.6); filter:drop-shadow(0 0 8px rgba(40,160,255,.6));
}
.x1d-stepper .x1d-step-details .x1d-step-hero-copy p { max-width:222px; margin:8px 0 0; color:#f1f5fa; font-size:12.5px; line-height:1.3; font-weight:500; text-shadow:0 1px 4px #000; }

.x1d-stepper .x1d-form-stack { position:relative; z-index:2; display:grid; gap:9px; }
.x1d-stepper .x1d-field-box {
    display:grid; grid-template-columns:46px 1fr; align-items:center; gap:13px; min-height:0; padding:14px 13px 10px;
    border:1.5px solid #1f6fd6; border-radius:10px; background:rgba(4,11,26,.88); box-shadow:inset 0 0 14px rgba(30,120,255,.12);
}
.x1d-stepper .x1d-field-icon { width:46px; height:46px; align-self:center; display:grid; place-items:center; border:1.5px solid #2a7fe0; border-radius:8px; background:linear-gradient(180deg,#0b1c38,#08142a); color:#2fb5ff; box-shadow:0 0 10px rgba(30,140,255,.25); }
.x1d-stepper .x1d-field-icon svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.x1d-stepper .x1d-field-icon svg.x1d-solid { width:24px; height:24px; fill:currentColor; stroke:none; }
.x1d-stepper .x1d-field-icon svg.x1d-solid .x1d-cut { fill:none; stroke:#08142a; stroke-width:1.6; }
.x1d-stepper .x1d-field-copy strong { display:block; margin:0 0 7px; color:#fff; font-size:14px; font-weight:700; line-height:1.2; }
.x1d-stepper .x1d-field-copy strong em { color:#ff3044; font-style:normal; }
.x1d-stepper .x1d-field-copy input {
    width:100%; height:37px!important; margin:0!important; padding:0 13px!important; border:1.5px solid #1f6fd6!important; border-radius:6px!important;
    background:#060f20!important; color:#fff!important; font-family:inherit; font-size:12.5px!important; box-shadow:inset 0 0 8px rgba(30,120,255,.12)!important;
}
.x1d-stepper .x1d-field-copy input::placeholder { color:#8d9db2!important; opacity:1; }
.x1d-stepper .x1d-field-copy input:focus { border-color:#4cc8ff!important; box-shadow:0 0 0 3px rgba(40,170,255,.18)!important; }

/* ---------- buttons ---------- */
.x1d-stepper .x1d-step-actions { position:relative; z-index:2; display:flex; justify-content:flex-end; align-items:center; gap:14px; margin:28px 0 14px; }
.x1d-stepper .x1d-step-actions button {
    display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:110px!important; min-height:46px!important; height:46px; padding:0 18px!important;
    border:2px solid #2f9cff!important; border-radius:8px!important; font-family:inherit; font-size:17px!important; font-weight:700!important; line-height:1; letter-spacing:0;
    color:#fff!important; -webkit-text-fill-color:#fff!important; text-shadow:none!important; transform:none!important; cursor:pointer;
}
.x1d-stepper .x1d-step-actions .x1d-back { background:#050c1c!important; box-shadow:0 0 10px rgba(40,150,255,.35), inset 0 0 10px rgba(40,150,255,.15)!important; }
.x1d-stepper .x1d-step-actions .x1d-next, .x1d-stepper .x1d-step-actions .x1d-submit { border-color:#74d8ff!important; background:linear-gradient(180deg,#25b9ff 0%,#0d8af0 100%)!important; box-shadow:0 0 14px rgba(30,160,255,.75), inset 0 1px 0 rgba(255,255,255,.35)!important; }
.x1d-stepper .x1d-step-actions button:hover { filter:brightness(1.15); transform:none!important; }
.x1d-stepper .x1d-step-actions button:disabled { opacity:.6; cursor:not-allowed; }
.x1d-btn-ico { display:grid; place-items:center; width:20px; height:20px; }
.x1d-btn-ico svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.x1d-actions-arrow .x1d-back .x1d-btn-ico { color:#2fa6ff; }
.x1d-actions-arrow .x1d-next .x1d-btn-ico, .x1d-actions-arrow .x1d-submit .x1d-btn-ico { color:#bdeeff; }
.x1d-actions-arrow .x1d-btn-ico svg { stroke-width:2.4; }
.x1d-stepper .x1d-step-details .x1d-step-actions { margin:28px 0 22px; }

/* ---------- STEP 3 : SELECT PAYMENT METHOD (wide) ---------- */
.x1d-stepper[data-current-step="3"] { --cut:20px; padding:16px 26px 14px!important; }
.x1d-stepper[data-current-step="3"]::before {
    background:
        linear-gradient(125deg, transparent 0 8%, rgba(40,140,255,.10) 8.2% 9%, transparent 9.2%),
        linear-gradient(125deg, transparent 0 88%, rgba(40,140,255,.10) 88.2% 89.5%, transparent 89.7%),
        radial-gradient(ellipse 40% 50% at 100% 0%, rgba(25,110,255,.20), transparent 70%),
        linear-gradient(180deg,#03070f 0%,#02050c 100%);
}
.x1d-stepper[data-current-step="3"] .x1d-ff-mark {
    display:block; position:absolute; z-index:3; left:22px; top:16px; font-size:40px; line-height:1; font-weight:800; font-style:italic;
    color:#1f8fff; background:linear-gradient(180deg,#5cd0ff,#1468e8); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
    transform:skewX(-10deg); filter:drop-shadow(0 0 6px rgba(30,140,255,.6));
}
.x1d-stepper[data-current-step="3"] .x1d-ff-mark::after { content:""; position:absolute; left:30px; top:4px; width:40px; height:5px; background:linear-gradient(90deg,#1f8fff,transparent); transform:skewX(-30deg); box-shadow:0 10px 0 rgba(31,143,255,.55); }
.x1d-stepper[data-current-step="3"] .x1d-frame-corner-tl { display:none; }
.x1d-stepper[data-current-step="3"] .x1d-frame-corner-br { right:auto; left:0; transform:scaleX(-1); }
.x1d-stepper[data-current-step="3"] .x1d-progress { gap:18px!important; margin:0 0 4px!important; }
.x1d-stepper[data-current-step="3"] .x1d-progress span:not(:last-child)::after { display:none; }
.x1d-stepper[data-current-step="3"] .x1d-progress span:not(.is-active) { border-color:rgba(150,170,195,.6)!important; background:#03070f!important; }
.x1d-stepper .x1d-step-payment .x1d-step-header { margin:12px 0 26px 41px; }
.x1d-stepper .x1d-step-payment .x1d-step-header h3 { font-size:35px; font-weight:700; letter-spacing:-.005em; color:#e8edf3; background:linear-gradient(180deg,#ffffff,#c9d2dc); -webkit-background-clip:text; background-clip:text; }
.x1d-stepper .x1d-step-payment .x1d-step-header h3 strong { color:#2aa2ff; -webkit-text-fill-color:#2aa2ff; }
.x1d-stepper .x1d-step-payment .x1d-step-accent { width:128px; height:3px; margin-top:12px; background:linear-gradient(90deg,#2aa2ff 0%,#1a7fe6 70%,rgba(26,127,230,.1) 100%); }

.x1d-stepper .x1d-payment-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:24px; }
.x1d-stepper .x1d-payment-option {
    position:relative; isolation:isolate; display:grid; grid-template-columns:111px minmax(0,1fr) 34px; align-items:center; gap:0 20px; min-height:137px; padding:18px 14px 18px 19px;
    border:2px solid #22467a!important; border-radius:14px!important; overflow:hidden; cursor:pointer;
    background:linear-gradient(118deg, transparent 0 74%, rgba(40,140,255,.16) 74.5% 76%, transparent 76.5% 82%, rgba(40,140,255,.10) 82.5% 83.5%, transparent 84%), linear-gradient(180deg,#060d1d,#040916)!important;
    box-shadow:inset 0 0 18px rgba(30,100,220,.12)!important; transition:border-color .2s ease, box-shadow .2s ease;
}
.x1d-stepper .x1d-payment-option:has(input:checked), .x1d-stepper .x1d-payment-option.is-checked {
    border-color:#2fb0ff!important; box-shadow:0 0 0 1px rgba(60,190,255,.35), 0 0 18px rgba(30,160,255,.55), inset 0 0 22px rgba(30,140,255,.22)!important;
    background:linear-gradient(118deg, transparent 0 74%, rgba(40,150,255,.22) 74.5% 76%, transparent 76.5% 82%, rgba(40,150,255,.14) 82.5% 83.5%, transparent 84%), linear-gradient(180deg,#071630,#050d20)!important;
}
.x1d-stepper .x1d-payment-logo { width:111px; height:100px; border-radius:12px; overflow:hidden; display:grid; place-items:center; background:#000!important; border:1.5px solid #2a5da8!important; box-shadow:0 0 10px rgba(30,120,255,.25); }
.x1d-stepper .x1d-payment-logo img { width:100%!important; height:100%!important; object-fit:cover; }
.x1d-stepper .x1d-payment-copy { display:flex; flex-direction:column; gap:6px; min-width:0; }
.x1d-stepper .x1d-payment-copy strong { color:#fff; font-size:30px; font-weight:700; line-height:1.05; letter-spacing:-.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.x1d-stepper .x1d-payment-copy small { color:#3fb6ff; font-size:13px; font-weight:500; line-height:1.2; letter-spacing:.01em; }
.x1d-stepper .x1d-payment-radio { width:34px; height:34px; border-radius:50%; border:3px solid #3b4658; background:#151b26; box-shadow:inset 0 0 0 6px #0b0f17; }
.x1d-stepper .x1d-payment-option:has(input:checked) .x1d-payment-radio, .x1d-stepper .x1d-payment-option.is-checked .x1d-payment-radio { border-color:#2a9dff; background:#eaf6ff; box-shadow:inset 0 0 0 6px #0b1b33, 0 0 12px rgba(40,170,255,.8); }
.x1d-stepper .x1d-payment-option input { position:absolute; opacity:0; pointer-events:none; }
/* easypaisa styling */
.x1d-stepper .x1d-payment-easypaisa .x1d-payment-copy strong { font-weight:600; text-transform:lowercase; letter-spacing:-.02em; }
.x1d-stepper .x1d-payment-easypaisa .x1d-payment-logo { border-color:#2d64b8!important; }
/* JazzCash styling */
.x1d-stepper .x1d-payment-jazzcash { background:linear-gradient(118deg, transparent 0 80%, rgba(255,70,40,.30) 80.5% 82%, transparent 82.5% 86%, rgba(255,60,40,.22) 86.5% 88%, transparent 88.5%), linear-gradient(180deg,#060d1d,#040916)!important; }
.x1d-stepper .x1d-payment-jazzcash .x1d-payment-logo { background:radial-gradient(circle,#c4121e,#5c0309)!important; border:2px solid #ff5a4a!important; box-shadow:0 0 12px rgba(255,80,60,.6)!important; }
.x1d-stepper .x1d-payment-jazzcash .x1d-payment-copy small { color:#5fb8ff; }
.x1d-stepper .x1d-step-payment .x1d-step-actions { margin:34px -2px 4px; gap:20px; }
.x1d-stepper .x1d-step-payment .x1d-step-actions button { height:50px; min-height:50px!important; border-radius:12px!important; font-size:20px!important; }
.x1d-stepper .x1d-step-payment .x1d-back { min-width:135px!important; border-color:#2f5d93!important; box-shadow:none!important; background:#04080f!important; }
.x1d-stepper .x1d-step-payment .x1d-next { min-width:160px!important; }

/* ---------- Steps 1 / 4 / 5 / 6 inherit the same frame ---------- */
.x1d-stepper .x1d-selected-package, .x1d-stepper .x1d-payment-card, .x1d-stepper .x1d-final-summary > div, .x1d-stepper .x1d-upload, .x1d-stepper .x1d-confirm, .x1d-stepper .x1d-success-details > div {
    border:1.5px solid #1f6fd6!important; border-radius:10px!important; background:rgba(4,11,26,.88)!important; box-shadow:inset 0 0 14px rgba(30,120,255,.12)!important;
}
.x1d-stepper .x1d-final-summary { border:0!important; background:transparent!important; display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:12px; }
.x1d-stepper .x1d-selected-package h3 { font-size:20px; }
.x1d-stepper .x1d-selected-package > strong { color:#2fb5ff; font-size:22px; }
.x1d-stepper .x1d-payment-card h4 { font-size:20px; }
.x1d-stepper .x1d-copy { border:1.5px solid #2f9cff!important; border-radius:6px; background:#060f20!important; color:#fff!important; }
.x1d-stepper .x1d-success { position:relative; z-index:2; padding:20px 6px; }

@media (max-width:767px) {
    .x1d-modal { padding:8px; }
    .x1d-modal-dialog[data-x1d-step="3"], .x1d-modal-dialog:has(.x1d-stepper[data-current-step="3"]) { width:min(488px,100%); }
    .x1d-stepper[data-current-step="3"] { padding:14px 14px 14px!important; }
    .x1d-stepper .x1d-step-payment .x1d-step-header { margin:16px 4px 18px; }
    .x1d-stepper .x1d-step-payment .x1d-step-header h3 { font-size:24px; }
    .x1d-stepper .x1d-payment-options { grid-template-columns:1fr!important; gap:12px; }
    .x1d-stepper .x1d-payment-option { grid-template-columns:76px minmax(0,1fr) 28px; gap:0 14px; min-height:100px; padding:12px; }
    .x1d-stepper .x1d-payment-logo { width:76px; height:70px; }
    .x1d-stepper .x1d-payment-copy strong { font-size:22px; }
    .x1d-stepper .x1d-payment-radio { width:28px; height:28px; box-shadow:inset 0 0 0 5px #0b0f17; }
    .x1d-stepper .x1d-step-payment .x1d-step-actions button { height:46px; min-height:46px!important; font-size:17px!important; }
    .x1d-stepper .x1d-step-payment .x1d-back { min-width:110px!important; }
    .x1d-stepper .x1d-step-payment .x1d-next { min-width:120px!important; }
}
@media (max-width:420px) {
    .x1d-progress { gap:12px!important; }
    .x1d-progress span { width:30px!important; height:30px!important; font-size:13px!important; }
    .x1d-progress span:not(:last-child)::after { width:12px!important; }
    .x1d-stepper .x1d-step-details .x1d-step-hero { padding-left:6px; min-height:128px; }
    .x1d-stepper .x1d-step-details .x1d-step-hero-copy h3 span { font-size:34px; }
    .x1d-stepper .x1d-step-details .x1d-step-hero-copy h3 strong { font-size:35px; }
    .x1d-stepper .x1d-step-details .x1d-step-hero-copy p { max-width:180px; font-size:11.5px; }
    .x1d-details-art { width:200px; height:130px; }
    .x1d-stepper .x1d-field-box { grid-template-columns:40px 1fr; gap:10px; padding:11px 10px 9px; }
    .x1d-stepper .x1d-field-icon { width:40px; height:40px; }
    .x1d-details-chest { width:170px; height:80px; }
    .x1d-stepper .x1d-step-actions button { min-width:96px!important; font-size:15px!important; }
    .x1d-modal .x1d-modal-close { top:6px!important; right:6px!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; }
}

@media (max-width:767px) {
    .x1d-dp-title { gap:8px; flex-wrap:nowrap; }
    .x1d-dp-gem, .x1d-dp-gem svg { width:22px; height:22px; flex:0 0 22px; }
    .x1d-diamond-packages-head h2 { font-size:clamp(19px,6.4vw,34px)!important; white-space:nowrap; }
    .x1d-stepper[data-current-step="3"] .x1d-ff-mark { display:none; }
}

/* ---------- v1.2.1 : full-box tap-to-upload (no confirm checkbox) ---------- */
.x1d-stepper .x1d-upload.x1d-dropzone { position:relative; display:block; padding:14px 14px 14px!important; cursor:pointer; }
.x1d-stepper .x1d-dropzone .x1d-upload-title { display:block; margin:0 0 10px; color:#fff; font-size:14px; font-weight:700; }
.x1d-stepper .x1d-dropzone .x1d-upload-title em { color:#ff3044; font-style:normal; }
.x1d-stepper .x1d-dropzone input[type="file"] { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; opacity:0!important; cursor:pointer; z-index:5; font-size:0; border:0!important; }
.x1d-stepper .x1d-dropzone .x1d-drop-inner { display:block; border:2px dashed #2f8fff; border-radius:10px; background:rgba(6,16,34,.9); transition:border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.x1d-stepper .x1d-dropzone:hover .x1d-drop-inner, .x1d-stepper .x1d-dropzone:focus-within .x1d-drop-inner { border-color:#6fd8ff; background:rgba(10,28,58,.95); box-shadow:0 0 14px rgba(40,170,255,.35); }
.x1d-stepper .x1d-dropzone .x1d-drop-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:132px; padding:16px 12px; text-align:center; }
.x1d-stepper .x1d-dropzone .x1d-drop-icon { width:52px; height:52px; display:grid; place-items:center; border-radius:12px; border:1.5px solid #2a7fe0; background:linear-gradient(180deg,#0b1c38,#08142a); color:#2fb5ff; box-shadow:0 0 12px rgba(30,140,255,.35); }
.x1d-stepper .x1d-dropzone .x1d-drop-icon svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.x1d-stepper .x1d-dropzone .x1d-drop-empty strong { color:#fff; font-size:16px; font-weight:700; }
.x1d-stepper .x1d-dropzone .x1d-drop-empty small, .x1d-stepper .x1d-dropzone .x1d-drop-preview small { color:#8fb4d8; font-size:12px; font-weight:400; }
.x1d-stepper .x1d-dropzone .x1d-drop-preview { display:none; flex-direction:column; align-items:center; gap:6px; padding:12px; text-align:center; }
.x1d-stepper .x1d-dropzone .x1d-drop-preview img { max-width:100%; max-height:180px; border-radius:8px; border:1.5px solid #2a7fe0; object-fit:contain; background:#000; }
.x1d-stepper .x1d-dropzone .x1d-drop-name { color:#fff; font-size:13px; font-weight:600; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.x1d-stepper .x1d-dropzone.has-file .x1d-drop-empty { display:none!important; }
.x1d-stepper .x1d-dropzone.has-file .x1d-drop-preview { display:flex!important; }
.x1d-stepper .x1d-dropzone.has-file .x1d-drop-inner { border-style:solid; border-color:#2fb0ff; }
.x1d-stepper .x1d-confirm { display:none!important; }
.x1d-stepper .x1d-dropzone .x1d-drop-empty strong, .x1d-stepper .x1d-dropzone .x1d-drop-empty small, .x1d-stepper .x1d-dropzone .x1d-drop-preview small { display:block; margin:0; }

/* ---------- v1.2.2 : same package image size on Home + Buy Diamonds pages ---------- */
.x1d-packages-root .x1d-package-card .x1d-card-image,
.x1d-store-root .x1d-package-card .x1d-card-image {
    position:relative!important; display:block!important; flex:0 0 auto!important;
    width:100%!important; max-width:170px!important; height:120px!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important;
    margin:10px auto 8px!important; padding:0!important; overflow:hidden!important;
}
.x1d-packages-root .x1d-package-card .x1d-card-image img,
.x1d-store-root .x1d-package-card .x1d-card-image img {
    position:absolute!important; inset:0!important; display:block!important;
    width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; min-width:0!important; min-height:0!important;
    margin:0!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important;
    object-fit:contain!important; object-position:center!important; transform:none!important;
    -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 82%,transparent 100%); mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 82%,transparent 100%);
}
@media (max-width:767px) {
    .x1d-packages-root .x1d-package-card .x1d-card-image,
    .x1d-store-root .x1d-package-card .x1d-card-image { max-width:130px!important; height:96px!important; margin:8px auto 6px!important; }
}
@media (max-width:380px) {
    .x1d-packages-root .x1d-package-card .x1d-card-image,
    .x1d-store-root .x1d-package-card .x1d-card-image { max-width:112px!important; height:84px!important; }
}

/* ---------- v1.2.3 : package image as rounded app-icon tile ---------- */
.x1d-packages-root .x1d-package-card .x1d-card-image,
.x1d-store-root .x1d-package-card .x1d-card-image {
    width:118px!important; max-width:118px!important; height:118px!important; aspect-ratio:1/1!important;
    margin:12px auto 10px!important; border-radius:26px!important; overflow:hidden!important; isolation:isolate;
    background:#0a1428!important; border:2px solid rgba(255,255,255,.85)!important;
    box-shadow:0 0 0 1px rgba(60,170,255,.55), 0 6px 18px rgba(0,0,0,.55), 0 0 18px rgba(40,160,255,.35)!important;
}
.x1d-packages-root .x1d-package-card .x1d-card-image img,
.x1d-store-root .x1d-package-card .x1d-card-image img {
    object-fit:cover!important; border-radius:0!important;
    -webkit-mask-image:none!important; mask-image:none!important; filter:none!important;
}
@media (max-width:767px) {
    .x1d-packages-root .x1d-package-card .x1d-card-image,
    .x1d-store-root .x1d-package-card .x1d-card-image { width:96px!important; max-width:96px!important; height:96px!important; border-radius:22px!important; margin:10px auto 8px!important; }
}
@media (max-width:380px) {
    .x1d-packages-root .x1d-package-card .x1d-card-image,
    .x1d-store-root .x1d-package-card .x1d-card-image { width:84px!important; max-width:84px!important; height:84px!important; border-radius:19px!important; }
}