/* =========================================================
   VULTREX — BUY COINS
   Fresh Emerald UI
   ========================================================= */


/* =========================================================
   PAGE
   ========================================================= */

.buy-page {
    --buy-green: #D4AF37;
    --buy-green-dark: #B8942E;
    --buy-green-deep: #98751D;
    --buy-green-soft: #FBF5E5;

    --buy-bg: #f3f8f6;
    --buy-surface: #ffffff;
    --buy-surface-soft: #f8fbfa;

    --buy-text: #1b1b1a;
    --buy-muted: #72726f;

    --buy-border: #dbe8e3;
    --buy-border-strong: #d3d3d0;

    --buy-radius-lg: 22px;
    --buy-radius-md: 16px;
    --buy-radius-sm: 12px;

    --buy-shadow:
        0 14px 40px rgba(64, 51, 24, 0.07);

    background: var(--buy-bg);
    color: var(--buy-text);
    min-height: 100vh;
}

.buy-page *,
.buy-page *::before,
.buy-page *::after {
    box-sizing: border-box;
}

.buy-page button,
.buy-page input {
    font: inherit;
}

.buy-page button {
    -webkit-tap-highlight-color: transparent;
}

.buy-page .container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}


/* =========================================================
   HERO — FIXED
   ========================================================= */

.buy-hero {
    position: relative;
    width: 100%;
    min-height: 440px;
    overflow: hidden;

    display: flex;
    align-items: center;

    background-image:
        linear-gradient(90deg,
            rgba(8, 9, 8, 0.92) 0%,
            rgba(10, 10, 9, 0.78) 28%,
            rgba(10, 10, 9, 0.38) 52%,
            rgba(8, 9, 8, 0.06) 76%,
            rgba(8, 9, 8, 0.02) 100%),
        url("../images/buyCoinsGoldBackground.png");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}

.buy-hero::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(circle at 38% 50%,
            rgba(212, 175, 55, 0.10),
            transparent 34%);

    pointer-events: none;
}

.buy-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 70px;

    background:
        linear-gradient(to bottom,
            transparent,
            rgba(8, 9, 8, 0.12));

    pointer-events: none;
}

.buy-hero>.container {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 40px));
    min-height: 440px;

    display: flex;
    align-items: center;

    margin-inline: auto;
}

.buy-hero-content {
    width: 570px;
    max-width: 52%;

    padding: 45px 0;

    text-align: center;
}

.buy-hero .section-label {
    display: inline-block;

    margin: 0 0 13px;

    color: #d4af37 !important;

    font-size: 10px;
    line-height: 1;
    font-weight: 900;

    letter-spacing: 4px;
    text-transform: uppercase;
}

.buy-hero h1 {
    margin: 0 !important;
    padding: 0;

    color: #ffffff !important;

    font-size: clamp(48px, 4.4vw, 68px);
    line-height: 0.98;
    font-weight: 900;

    letter-spacing: -2.8px;
}

.buy-title-main {
    display: block;

    color: #ffffff !important;
}

.buy-title-accent {
    display: block;

    margin-top: 6px;

    color: #d4af37 !important;

    text-shadow:
        0 0 28px rgba(212, 175, 55, 0.13);
}

.buy-hero-content>p {
    width: 100%;
    max-width: 540px;

    margin: 26px auto 0 !important;

    color: rgba(232, 246, 241, 0.82) !important;

    font-size: 14px;
    line-height: 1.65;
    font-weight: 400;
}

.buy-hero-trust {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-top: 26px;
}

.buy-hero-trust>span {
    min-width: 150px;
    min-height: 48px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 8px 11px;

    border: 1px solid rgba(212, 175, 55, 0.22);
    border-radius: 11px;

    background: rgba(14, 14, 13, 0.52);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.buy-hero-trust b {
    width: 31px;
    height: 31px;

    flex: 0 0 31px;

    display: grid;
    place-items: center;

    border-radius: 8px;

    background: rgba(212, 175, 55, 0.13);

    color: #d4af37 !important;

    font-size: 13px;
    font-weight: 900;
}

.buy-hero-trust em {
    display: flex;
    flex-direction: column;

    text-align: left;
    font-style: normal;

    color: #ffffff !important;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 800;
}

.buy-hero-trust small {
    display: block;

    margin-top: 3px;

    color: rgba(224, 242, 236, 0.55) !important;

    font-size: 8px;
    font-weight: 500;
}

.buy-hero-art {
    display: none !important;
}


/* =========================================================
   MAIN ORDER AREA
   ========================================================= */

.buy-order-section {
    position: relative;

    padding: 46px 0 90px;

    background:
        radial-gradient(circle at 15% 5%,
            rgba(212, 175, 55, 0.055),
            transparent 25%),
        var(--buy-bg);
}

.buy-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;

    align-items: start;

    gap: 26px;
}

.buy-builder {
    display: grid;
    gap: 18px;
}


/* =========================================================
   BLOCKS
   ========================================================= */

.buy-block {
    position: relative;

    padding: 24px;

    border: 1px solid var(--buy-border);
    border-radius: var(--buy-radius-lg);

    background: var(--buy-surface);

    box-shadow: var(--buy-shadow);
}

.buy-block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 20px;
}

.buy-block-heading {
    display: flex;
    align-items: center;

    gap: 12px;
}

.buy-step-number {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    flex: 0 0 38px;

    border-radius: 11px;

    background: var(--buy-green-soft);

    color: var(--buy-green-deep);

    font-size: 11px;
    font-weight: 900;
}

.buy-heading-copy h2 {
    margin: 0;

    color: var(--buy-text);

    font-size: 17px;
    line-height: 1.2;
    font-weight: 850;
}

.buy-block-header>p {
    max-width: 280px;
    margin: 0;

    color: var(--buy-muted);

    text-align: right;

    font-size: 11px;
    line-height: 1.55;
}


/* =========================================================
   PLATFORM / DELIVERY CARDS
   ========================================================= */

.choice-grid {
    display: grid;
    gap: 12px;
}

.platform-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.delivery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.choice-card {
    position: relative;

    min-height: 82px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 15px;

    border: 1px solid var(--buy-border);
    border-radius: 14px;

    background: var(--buy-surface-soft);

    color: var(--buy-text);

    text-align: left;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}

.choice-card:hover {
    transform: translateY(-2px);

    border-color: #e7cb7b;

    background: #ffffff;

    box-shadow:
        0 10px 24px rgba(64, 51, 24, 0.07);
}

.choice-card.active {
    border-color: var(--buy-green);

    background:
        linear-gradient(135deg,
            rgba(212, 175, 55, 0.085),
            rgba(212, 175, 55, 0.025));

    box-shadow:
        inset 0 0 0 1px rgba(212, 175, 55, 0.10),
        0 8px 25px rgba(212, 175, 55, 0.08);
}

.choice-icon {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    flex: 0 0 42px;

    border-radius: 12px;

    background: #edf5f2;

    color: #9e7922;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}

.choice-card.active .choice-icon {
    background: rgba(212, 175, 55, 0.13);

    color: #d4af37;

    box-shadow:
        0 0 22px rgba(212, 175, 55, 0.10);
}

.v-icon {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.brand-icon.ps-icon {
    fill: currentColor;
    stroke: none;
}

.choice-copy,
.delivery-copy {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 4px;
}

.choice-copy strong,
.delivery-copy strong {
    color: var(--buy-text);

    font-size: 13px;
    font-weight: 800;
}

.choice-copy>span,
.delivery-copy>span {
    color: var(--buy-muted);

    font-size: 10px;
}

.choice-check {
    width: 20px;
    height: 20px;

    display: grid;
    place-items: center;

    margin-left: auto;
    flex: 0 0 20px;

    border: 1px solid #cbdad5;
    border-radius: 50%;

    color: transparent;

    font-size: 11px;
    font-weight: 900;

    transition: all 0.2s ease;
}

.choice-card.active .choice-check {
    border-color: var(--buy-green);
    background: var(--buy-green);

    color: #ffffff;

    box-shadow:
        0 0 14px rgba(212, 175, 55, 0.25);
}


/* =========================================================
   DELIVERY
   ========================================================= */

.delivery-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 7px;
}

.delivery-status {
    color: #8a8a87;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.express-badge {
    display: inline-flex;
    align-items: center;

    padding: 3px 7px;

    border-radius: 999px;

    background: #fff3d7;

    color: #ad7000;

    font-size: 8px;
    line-height: 1;
    font-weight: 900;

    box-shadow:
        0 0 14px rgba(245, 158, 11, 0.12);
}

.choice-card.express.active {
    border-color: #e6b850;

    background:
        linear-gradient(135deg,
            rgba(245, 158, 11, 0.07),
            rgba(255, 255, 255, 1));
}

.choice-card.express.active .choice-icon {
    background: #fff5dc;
    color: #c27c00;
}

.choice-card.express.active .choice-check {
    border-color: #e4a82b;
    background: #e4a82b;

    box-shadow:
        0 0 15px rgba(245, 158, 11, 0.20);
}

.express-text {
    color: #b87900 !important;
}


/* =========================================================
   AMOUNT SELECTOR
   ========================================================= */

.amount-selector {
    display: grid;
    gap: 18px;
}


/* =========================================================
   SLIDER CARD
   ========================================================= */

.amount-slider-shell {
    padding: 20px;

    border: 1px solid #d3d3d0;
    border-radius: 16px;

    background:
        linear-gradient(135deg,
            #f1fbf7 0%,
            #fbfefd 100%);
}

.amount-slider-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    gap: 15px;

    margin-bottom: 20px;
}

.amount-slider-head>div {
    display: flex;
    flex-direction: column;

    gap: 5px;
}

.amount-kicker {
    color: var(--buy-green-dark);

    font-size: 8px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.amount-slider-head strong {
    color: var(--buy-text);

    font-size: 21px;
    font-weight: 900;
    letter-spacing: -0.5px;
}

.amount-range {
    color: #858582;

    font-size: 9px;
    font-weight: 700;
}

.amount-slider-control {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 38px;

    align-items: center;

    gap: 12px;
}

.amount-step-btn {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    padding: 0;

    border: 1px solid #cbcbc8;
    border-radius: 10px;

    background: #ffffff;

    color: #9e7922;

    cursor: pointer;

    font-size: 20px;
    line-height: 1;

    transition: 0.2s ease;
}

.amount-step-btn:hover {
    border-color: var(--buy-green);
    background: var(--buy-green-soft);

    transform: translateY(-1px);
}

.amount-range-wrap {
    position: relative;

    padding-top: 27px;
}

.amount-slider-bubble {
    position: absolute;

    top: 0;
    left: 0;

    transform: translateX(-50%);

    padding: 4px 7px;

    border-radius: 6px;

    background: var(--buy-green);

    color: #1f1f1e;

    white-space: nowrap;

    font-size: 8px;
    font-weight: 900;

    box-shadow:
        0 5px 14px rgba(212, 175, 55, 0.22);

    pointer-events: none;
}

.amount-slider-bubble::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: -4px;

    width: 8px;
    height: 8px;

    background: var(--buy-green);

    transform:
        translateX(-50%) rotate(45deg);
}

#amountSlider {
    --amount-progress: 23.3%;

    width: 100%;
    height: 5px;

    display: block;

    margin: 0;

    appearance: none;
    -webkit-appearance: none;

    border-radius: 999px;

    outline: none;

    cursor: pointer;

    background:
        linear-gradient(to right,
            var(--buy-green) 0%,
            var(--buy-green) var(--amount-progress),
            #dce9e4 var(--amount-progress),
            #dce9e4 100%);
}

#amountSlider::-webkit-slider-thumb {
    width: 18px;
    height: 18px;

    appearance: none;
    -webkit-appearance: none;

    border: 4px solid #ffffff;
    border-radius: 50%;

    background: var(--buy-green);

    box-shadow:
        0 0 0 1px var(--buy-green),
        0 4px 12px rgba(212, 175, 55, 0.22);

    cursor: grab;
}

#amountSlider::-webkit-slider-thumb:active {
    cursor: grabbing;
    transform: scale(1.08);
}

#amountSlider::-moz-range-thumb {
    width: 12px;
    height: 12px;

    border: 4px solid #ffffff;
    border-radius: 50%;

    background: var(--buy-green);

    box-shadow:
        0 0 0 1px var(--buy-green);

    cursor: grab;
}

.amount-slider-limits {
    display: flex;
    justify-content: space-between;

    margin:
        7px 50px 0;

    color: #a3a3a0;

    font-size: 8px;
    font-weight: 700;
}


/* =========================================================
   QUICK SELECT
   ========================================================= */

.amount-selector-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 15px;
}

.amount-selector-top>div {
    display: flex;
    flex-direction: column;

    gap: 5px;
}

.amount-selector-top strong {
    color: var(--buy-text);

    font-size: 14px;
    font-weight: 850;
}


/* =========================================================
   COIN PACKAGES
   ========================================================= */

.coin-packages {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 10px;
}

.coin-package {
    position: relative;

    min-height: 92px;

    display: flex;
    align-items: flex-end;

    padding: 13px;

    overflow: hidden;

    border: 1px solid var(--buy-border);
    border-radius: 13px;

    background:
        linear-gradient(145deg,
            #ffffff,
            #f7fbf9);

    color: var(--buy-text);

    text-align: left;

    cursor: pointer;

    transition:
        0.2s ease;
}

.coin-package::before {
    content: "";

    position: absolute;
    top: 12px;
    left: 50%;

    width: 28px;
    height: 28px;

    border:
        2px solid #f0b933;

    border-radius: 50%;

    background:
        radial-gradient(circle at 35% 30%,
            #fff6ad,
            #f6c64a 45%,
            #d99a17 100%);

    box-shadow:
        0 4px 10px rgba(197, 135, 0, 0.18);

    transform:
        translateX(-50%);
}

.coin-package::after {
    content: "V";

    position: absolute;
    top: 19px;
    left: 50%;

    color: #9c6b00;

    font-size: 9px;
    font-weight: 900;

    transform:
        translateX(-50%);
}

.coin-package:hover {
    transform: translateY(-2px);

    border-color: #c3c3c0;

    box-shadow:
        0 8px 20px rgba(64, 51, 24, 0.07);
}

.coin-package.active {
    border-color: var(--buy-green);

    background:
        linear-gradient(145deg,
            #effbf6,
            #ffffff);

    box-shadow:
        inset 0 0 0 1px rgba(212, 175, 55, 0.10),
        0 8px 20px rgba(212, 175, 55, 0.08);
}

.coin-package-copy {
    display: flex;
    flex-direction: column;

    gap: 2px;
}

.coin-package-copy strong {
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
}

.coin-package-copy span {
    color: var(--buy-muted);

    font-size: 8px;
    font-weight: 600;
}

.package-select-indicator {
    position: absolute;
    right: 9px;
    bottom: 9px;

    width: 18px;
    height: 18px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background: #eef5f2;

    color: #848481;

    font-size: 10px;
    font-weight: 900;
}

.coin-package.active .package-select-indicator {
    background: var(--buy-green);
    color: #ffffff;
}

.package-tag {
    position: absolute;
    top: 0;
    right: 7px;

    padding: 4px 6px;

    border-radius: 0 0 6px 6px;

    background: #f5b82e;

    color: #5e4000;

    font-size: 6px;
    line-height: 1;
    font-weight: 900;
}


/* =========================================================
   CUSTOM AMOUNT
   ========================================================= */

.custom-amount-box {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 15px;

    border: 1px solid var(--buy-border);
    border-radius: 14px;

    background: #fafcfb;
}

.custom-amount-copy {
    display: flex;
    align-items: center;

    gap: 11px;
}

.custom-amount-icon {
    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

    flex: 0 0 34px;

    border-radius: 9px;

    background: var(--buy-green-soft);

    color: var(--buy-green-deep);

    font-size: 14px;
    font-weight: 900;
}

.custom-amount-copy>div {
    display: flex;
    flex-direction: column;

    gap: 3px;
}

.custom-amount-copy label {
    color: var(--buy-text);

    font-size: 11px;
    font-weight: 800;
}

.custom-amount-copy>div>span {
    color: var(--buy-muted);

    font-size: 9px;
}

.custom-amount-input {
    min-width: 250px;

    display: flex;
    align-items: center;

    overflow: hidden;

    border: 1px solid var(--buy-border-strong);
    border-radius: 10px;

    background: #ffffff;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.custom-amount-input:focus-within {
    border-color: var(--buy-green);

    box-shadow:
        0 0 0 3px rgba(212, 175, 55, 0.09);
}

.custom-amount-input input {
    width: 100%;
    min-width: 0;

    padding: 11px 12px;

    border: 0;
    outline: 0;

    background: transparent;

    color: var(--buy-text);

    font-size: 11px;
    font-weight: 700;
}

.custom-amount-input input::placeholder {
    color: #a6a6a3;
}

.custom-amount-input>span {
    align-self: stretch;

    display: flex;
    align-items: center;

    padding: 0 12px;

    border-left: 1px solid var(--buy-border);

    background: #f4faf7;

    color: var(--buy-green-deep);

    white-space: nowrap;

    font-size: 9px;
    font-weight: 800;
}


/* =========================================================
   ACCOUNT FORM
   ========================================================= */

.account-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;
}

.form-group {
    display: flex;
    flex-direction: column;

    gap: 7px;
}

.form-group label {
    color: #403318;

    font-size: 10px;
    font-weight: 800;
}

.form-group input {
    width: 100%;

    padding: 13px 14px;

    border: 1px solid var(--buy-border);
    border-radius: 11px;
    outline: 0;

    background: #f9fcfb;

    color: var(--buy-text);

    font-size: 12px;

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}

.form-group input:hover {
    border-color: #cececb;
    background: #ffffff;
}

.form-group input:focus {
    border-color: var(--buy-green);

    background: #ffffff;

    box-shadow:
        0 0 0 3px rgba(212, 175, 55, 0.09);
}

.form-group input::placeholder {
    color: #a8a8a5;
}


/* =========================================================
   SECURITY NOTE
   ========================================================= */

.account-security-note {
    display: flex;
    align-items: center;

    gap: 11px;

    margin-top: 16px;
    padding: 13px 14px;

    border: 1px solid #dbdbd8;
    border-radius: 12px;

    background: #FCF8EE;
}

.account-security-icon {
    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

    flex: 0 0 34px;

    border-radius: 9px;

    background: #ebebe8;

    color: #d4af37;
}

.account-security-icon .v-icon {
    width: 17px;
    height: 17px;
}

.account-security-note>div {
    display: flex;
    flex-direction: column;

    gap: 3px;
}

.account-security-note strong {
    color: #403318;

    font-size: 10px;
    font-weight: 850;
}

.account-security-note>div>span {
    color: #787875;

    font-size: 9px;
}


/* =========================================================
   ORDER SUMMARY
   ========================================================= */

.order-summary {
    position: sticky;
    top: 92px;
}

.summary-card {
    overflow: hidden;

    padding: 22px;

    border: 1px solid #d8d8d5;
    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        0 18px 45px rgba(64, 51, 24, 0.09);
}

.summary-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    gap: 12px;

    margin-bottom: 18px;
}

.summary-header>div:first-child {
    display: flex;
    flex-direction: column;
}

.summary-header .section-label {
    margin-bottom: 5px;

    color: var(--buy-green-dark);

    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.summary-header h2 {
    margin: 0;

    color: var(--buy-text);

    font-size: 19px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.4px;
}

.summary-status {
    padding: 5px 8px;

    border: 1px solid #E7D8B0;
    border-radius: 999px;

    background: #effaf6;

    color: #9e7922;

    font-size: 7px;
    line-height: 1;
    font-weight: 900;
}


/* =========================================================
   SUMMARY PRODUCT
   ========================================================= */

.summary-product {
    display: flex;
    align-items: center;

    gap: 12px;

    padding: 14px;

    border: 1px solid #d9e9e3;
    border-radius: 14px;

    background:
        linear-gradient(135deg,
            #f0fbf7,
            #fbfefd);
}

.summary-product-icon {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    flex: 0 0 42px;

    border-radius: 12px;

    background: #ebebe8;

    color: #d4af37;
}

.summary-product-copy {
    min-width: 0;

    display: flex;
    flex-direction: column;
}

.summary-product-copy>span {
    margin-bottom: 2px;

    color: #878784;

    font-size: 7px;
    font-weight: 900;
    letter-spacing: 0.8px;
}

.summary-product-copy strong {
    color: var(--buy-text);

    font-size: 14px;
    font-weight: 900;
}

.summary-product-copy small {
    margin-top: 2px;

    color: var(--buy-muted);

    font-size: 9px;
}


/* =========================================================
   SUMMARY ROWS
   ========================================================= */

.summary-lines {
    display: grid;
    gap: 0;

    margin-top: 16px;
}

.summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    min-height: 35px;

    border-bottom: 1px solid #edf2f0;
}

.summary-row:last-child {
    border-bottom: 0;
}

.summary-row span {
    color: #7e7e7b;

    font-size: 10px;
}

.summary-row strong {
    color: var(--buy-text);

    font-size: 10px;
    font-weight: 850;
}


/* =========================================================
   PROMO
   ========================================================= */

.promo-box {
    margin-top: 14px;
    padding-top: 14px;

    border-top: 1px solid #e6efec;
}

.promo-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 7px;
}

.promo-label-row label {
    color: #403318;

    font-size: 9px;
    font-weight: 800;
}

.promo-label-row span {
    color: #9e9e9b;

    font-size: 7px;
    font-weight: 800;
}

.promo-input {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;

    overflow: hidden;

    border: 1px solid var(--buy-border);
    border-radius: 10px;

    background: #fafcfb;
}

.promo-input:focus-within {
    border-color: var(--buy-green);

    box-shadow:
        0 0 0 3px rgba(212, 175, 55, 0.08);
}

.promo-input input {
    min-width: 0;

    padding: 11px;

    border: 0;
    outline: 0;

    background: transparent;

    color: var(--buy-text);

    font-size: 10px;
}

.promo-input button {
    min-width: 62px;

    padding: 0 12px;

    border: 0;
    border-left: 1px solid var(--buy-border);

    background: #eef9f5;

    color: #9e7922;

    cursor: pointer;

    font-size: 9px;
    font-weight: 900;

    transition: 0.2s ease;
}

.promo-input button:hover {
    background: #ebebe8;
}


/* =========================================================
   TOTAL
   ========================================================= */

.summary-total {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 15px;

    margin-top: 17px;
    padding-top: 17px;

    border-top: 1px solid #e2ece8;
}

.summary-total>div {
    display: flex;
    flex-direction: column;

    gap: 3px;
}

.summary-total span {
    color: var(--buy-text);

    font-size: 11px;
    font-weight: 900;
}

.summary-total small {
    color: #939390;

    font-size: 8px;
}

.summary-total>strong {
    color: #9e7922;

    font-size: 22px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.6px;
}


/* =========================================================
   BUY BUTTON
   ========================================================= */

.buy-now-btn {
    width: 100%;
    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-top: 17px;
    padding: 0 16px;

    border: 0;
    border-radius: 12px;

    background:
        linear-gradient(135deg,
            #d4af37,
            #d4af37);

    color: #1b1b1a;

    cursor: pointer;

    font-size: 11px;
    font-weight: 900;

    box-shadow:
        0 10px 24px rgba(212, 175, 55, 0.19);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        opacity 0.2s ease;
}

.buy-now-btn:hover:not(:disabled) {
    transform: translateY(-2px);

    box-shadow:
        0 14px 30px rgba(212, 175, 55, 0.26);
}

.buy-now-btn:active:not(:disabled) {
    transform: translateY(0);
}

.buy-now-btn:disabled {
    cursor: not-allowed;
    opacity: 0.48;
    box-shadow: none;
}

.buy-button-arrow {
    font-size: 16px;

    transition:
        transform 0.2s ease;
}

.buy-now-btn:hover:not(:disabled) .buy-button-arrow {
    transform: translateX(3px);
}


/* =========================================================
   SUMMARY FOOTER
   ========================================================= */

.summary-footer {
    display: flex;
    justify-content: space-between;

    gap: 10px;

    margin-top: 13px;

    color: #8d8d8a;

    font-size: 7px;
}

.summary-footer>span {
    display: flex;
    align-items: center;

    gap: 4px;
}


/* =========================================================
   PAYMENT MODAL
   Overrides inline generic styling
   ========================================================= */

.buy-page .vultrex-payment-backdrop {
    background: rgba(20, 20, 19, 0.54);
}

.buy-page .vultrex-payment-dialog {
    border: 1px solid #d8e7e2;
    border-radius: 22px;

    background: #ffffff;

    color: var(--buy-text);

    box-shadow:
        0 30px 80px rgba(31, 31, 30, 0.18);
}

.buy-page .vultrex-payment-dialog .section-label {
    color: var(--buy-green-dark);
}

.buy-page .vultrex-payment-close {
    background: #eff6f3;
    color: #9e7922;
}

.buy-page .vultrex-wallet-method {
    border-color: #d6e6e0;

    background: #f7fbf9;

    color: var(--buy-text);
}

.buy-page .vultrex-wallet-method:hover:not(:disabled) {
    border-color: #e7cb7b;

    background: #f0faf6;
}

.buy-page .vultrex-wallet-method-icon {
    background: #ebebe8;

    color: #9e7922;
}

.buy-page .vultrex-payment-message {
    background: #fff6e6;

    color: #805c16;
}

.buy-page .vultrex-payment-success {
    background: #ecfaf5;

    color: #9e7922;
}

.buy-page .vultrex-payment-success a {
    color: #9e7922;
}

.buy-page .vultrex-toast {
    border-color: #dce9e4;

    background: #ffffff;

    color: var(--buy-text);

    box-shadow:
        0 18px 50px rgba(64, 51, 24, 0.14);
}


/* =========================================================
   LIGHT MODE / DARK MODE PROTECTION
   Keep buy page intentionally light
   ========================================================= */

.buy-page .buy-order-section,
.buy-page .buy-block,
.buy-page .summary-card {
    color-scheme: light;
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .buy-layout {
        grid-template-columns: minmax(0, 1fr) 310px;

        gap: 20px;
    }

    .coin-packages {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .coin-package {
        min-height: 90px;
    }

}


/* =========================================================
   RESPONSIVE — SMALL TABLET
   ========================================================= */

@media (max-width: 860px) {

    .buy-layout {
        grid-template-columns: 1fr;
    }

    .order-summary {
        position: static;
    }

    .summary-card {
        max-width: none;
    }

}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .buy-page .container {
        width: min(100% - 28px, 1180px);
    }

    .buy-order-section {
        padding:
            26px 0 60px;
    }

    .buy-block {
        padding: 18px;

        border-radius: 17px;
    }

    .buy-block-header {
        align-items: flex-start;
        flex-direction: column;

        gap: 9px;
    }

    .buy-block-header>p {
        max-width: none;

        padding-left: 50px;

        text-align: left;
    }

    .platform-grid,
    .delivery-grid {
        grid-template-columns: 1fr;
    }

    .choice-card {
        min-height: 72px;
    }

    .coin-packages {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .custom-amount-box {
        align-items: stretch;
        flex-direction: column;
    }

    .custom-amount-input {
        width: 100%;
        min-width: 0;
    }

    .account-form {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   RESPONSIVE — SMALL MOBILE
   ========================================================= */

@media (max-width: 460px) {

    .buy-page .container {
        width: min(100% - 20px, 1180px);
    }

    .buy-hero {
        min-height: 470px;
    }

    .buy-hero>.container {
        min-height: 470px;
    }

    .buy-hero .section-label {
        font-size: 9px;
        letter-spacing: 3px;
    }

    .buy-hero h1 {
        font-size: 42px;
    }

    .buy-hero-trust {
        display: grid;
        grid-template-columns: 1fr;
    }

    .buy-hero-trust>span {
        justify-content: flex-start;

        width: min(100%, 230px);
        margin-inline: auto;
    }

    .buy-hero-trust small {
        display: block;
    }

    .amount-slider-shell {
        padding:
            18px 14px;
    }

    .amount-slider-head strong {
        font-size: 18px;
    }

    .amount-range {
        font-size: 8px;
    }

    .amount-slider-control {
        grid-template-columns:
            34px minmax(0, 1fr) 34px;

        gap: 8px;
    }

    .amount-step-btn {
        width: 34px;
        height: 34px;
    }

    .amount-slider-limits {
        margin-left: 42px;
        margin-right: 42px;
    }

    .coin-packages {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .coin-package:last-child {
        grid-column: 1 / -1;
    }

    .summary-card {
        padding: 18px;
    }

}

/* =========================================================
   HERO RESPONSIVE — CANONICAL
   ========================================================= */

@media (max-width: 900px) {
    .buy-hero {
        min-height: 410px;
        background-position: 62% center;
    }

    .buy-hero>.container {
        min-height: 410px;
    }

    .buy-hero-content {
        width: 540px;
        max-width: 65%;
    }

    .buy-hero h1 {
        font-size: 52px;
    }
}

@media (max-width: 700px) {
    .buy-hero {
        min-height: 500px;
        background-position: 68% center;
        background-image:
            linear-gradient(180deg,
                rgba(8, 9, 8, 0.28) 0%,
                rgba(8, 9, 8, 0.52) 38%,
                rgba(8, 9, 8, 0.94) 100%),
            url("../images/buyCoinsGoldBackground.png");
    }

    .buy-hero>.container {
        min-height: 500px;
        align-items: flex-end;
    }

    .buy-hero-content {
        width: 100%;
        max-width: 100%;
        padding: 55px 0 40px;
    }

    .buy-hero h1 {
        font-size: clamp(42px, 12vw, 56px);
        letter-spacing: -2px;
    }

    .buy-hero-content>p {
        max-width: 440px;
        font-size: 13px;
    }

    .buy-hero-trust {
        flex-wrap: wrap;
    }

    .buy-hero-trust>span {
        min-width: 135px;
    }
}

@media (max-width: 480px) {
    .buy-hero {
        background-position: 72% center;
    }

    .buy-hero h1 {
        font-size: 42px;
    }

    .buy-hero-trust {
        display: grid;
        grid-template-columns: 1fr;
    }

    .buy-hero-trust>span {
        width: 220px;
        margin-inline: auto;
    }
}


/* =========================================================
   VULTREX BUY COINS — EMERALD CANONICAL PASS
   ========================================================= */

.buy-page {
    --buy-green: #D4AF37;
    --buy-green-dark: #B8942E;
    --buy-green-deep: #98751D;
    --buy-green-soft: #FBF5E5;
    --buy-green-pale: #FCF8EE;
    --buy-green-line: #E7D8B0;
    --buy-text: #1b1b1a;
    --buy-muted: #737370;
    --buy-bg: #eff8f4;
    --buy-surface: #ffffff;
    --buy-border: #ddddda;
    background: var(--buy-bg) !important;
    color: var(--buy-text) !important;
}

/* Hero */
.buy-page .buy-hero {
    min-height: 390px;
    background-image:
        linear-gradient(90deg,
            rgba(8, 9, 8, .94) 0%,
            rgba(10, 10, 9, .80) 25%,
            rgba(14, 14, 13, .40) 49%,
            rgba(11, 11, 10, .10) 72%,
            rgba(8, 9, 8, .02) 100%),
        url("../images/buyCoinsGoldBackground.png") !important;
    background-size: cover !important;
    background-position: center 54% !important;
    background-repeat: no-repeat !important;
    border-bottom-color: rgba(212, 175, 55, .35) !important;
}

.buy-page .buy-hero>.container {
    min-height: 390px;
    width: min(1280px, calc(100% - 48px));
}

.buy-page .buy-hero-content {
    width: 570px;
    max-width: 48%;
    padding: 34px 0;
}

.buy-page .buy-hero h1 {
    font-size: clamp(50px, 4.35vw, 70px);
    line-height: .98;
}

.buy-page .buy-title-accent {
    color: #d4af37 !important;
    text-shadow: 0 0 30px rgba(212, 175, 55, .16);
}

/* Main background */
.buy-page .buy-order-section {
    padding: 52px 0 96px !important;
    background:
        radial-gradient(circle at 8% 2%, rgba(212, 175, 55, .13), transparent 25%),
        radial-gradient(circle at 93% 22%, rgba(212, 175, 55, .07), transparent 25%),
        linear-gradient(180deg, #eff9f5 0%, #f5faf8 48%, #eef7f3 100%) !important;
}

.buy-page .buy-order-section>.container {
    width: min(1280px, calc(100% - 48px));
}

.buy-page .buy-layout {
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 30px;
}

/* Main blocks */
.buy-page .buy-block {
    padding: 26px !important;
    border: 1px solid #dbdbd8 !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .97) !important;
    color: var(--buy-text) !important;
    box-shadow:
        0 16px 38px rgba(64, 51, 24, .075),
        0 0 0 1px rgba(212, 175, 55, .018) !important;
}

.buy-page .buy-step-number {
    border: 1px solid rgba(212, 175, 55, .16);
    background: linear-gradient(145deg, #ecece9, #edfcf6) !important;
    color: #9e7922 !important;
    box-shadow: 0 5px 15px rgba(212, 175, 55, .08);
}

.buy-page .buy-heading-copy h2,
.buy-page .buy-block h2 {
    color: var(--buy-text) !important;
}

.buy-page .buy-block-header>p {
    color: #7c7c79 !important;
}

/* Platform + delivery */
.buy-page .choice-card {
    min-height: 84px;
    border: 1px solid #ddddda !important;
    background: #f8fcfa !important;
    color: var(--buy-text) !important;
}

.buy-page .choice-card:hover {
    border-color: #e7cb7b !important;
    background: #fff !important;
    box-shadow: 0 10px 25px rgba(158, 121, 34, .08) !important;
}

.buy-page .choice-card.active,
.buy-page .choice-card.express.active {
    border-color: #d4af37 !important;
    background: linear-gradient(135deg, #f1f1ee 0%, #fafffd 100%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(212, 175, 55, .08),
        0 8px 24px rgba(212, 175, 55, .10) !important;
}

.buy-page .choice-icon,
.buy-page .choice-card.express .choice-icon {
    background: #eaf7f2 !important;
    color: #9e7922 !important;
}

.buy-page .choice-card.active .choice-icon,
.buy-page .choice-card.express.active .choice-icon {
    background: #eaeae7 !important;
    color: #B8942E !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, .13) !important;
}

.buy-page .choice-card.active .choice-check,
.buy-page .choice-card.express.active .choice-check {
    border-color: #d4af37 !important;
    background: #d4af37 !important;
    color: #fff !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, .25) !important;
}

.buy-page .choice-copy strong,
.buy-page .delivery-copy strong {
    color: var(--buy-text) !important;
}

.buy-page .choice-copy>span,
.buy-page .delivery-copy>span,
.buy-page .delivery-status {
    color: #787875 !important;
}

.buy-page .express-badge {
    border: 1px solid rgba(212, 175, 55, .16) !important;
    background: #ecece9 !important;
    color: #9e7922 !important;
    box-shadow: 0 0 16px rgba(212, 175, 55, .12) !important;
}

.buy-page .express-text {
    color: #9e7922 !important;
}

/* Amount slider */
.buy-page .amount-slider-shell {
    border: 1px solid #e7cb7b !important;
    background: linear-gradient(135deg, #eaf9f3 0%, #fafffd 100%) !important;
    box-shadow: inset 0 0 30px rgba(212, 175, 55, .025);
}

.buy-page .amount-slider-head strong,
.buy-page .amount-selector-top strong {
    color: var(--buy-text) !important;
}

.buy-page .amount-step-btn {
    border-color: #c6c6c3 !important;
    background: #fff !important;
    color: #9e7922 !important;
}

.buy-page .amount-step-btn:hover {
    border-color: #d4af37 !important;
    background: #f1f1ee !important;
    box-shadow: 0 5px 15px rgba(212, 175, 55, .10);
}

.buy-page .amount-slider-bubble {
    background: #D4AF37 !important;
    color: #1f1f1e !important;
    box-shadow: 0 5px 16px rgba(212, 175, 55, .25) !important;
}

.buy-page .amount-slider-bubble::after {
    background: #D4AF37 !important;
}

/* Packages — emerald coins instead of gold */
.buy-page .coin-package {
    min-height: 100px;
    border-color: #ddddda !important;
    background: linear-gradient(145deg, #ffffff, #f7fcfa) !important;
    color: var(--buy-text) !important;
}

.buy-page .coin-package::before {
    border-color: #d4af37 !important;
    background:
        radial-gradient(circle at 34% 28%,
            #f6eed7 0%,
            #d4af37 34%,
            #d4af37 67%,
            #9e7922 100%) !important;
    box-shadow:
        inset 0 1px 2px rgba(255, 255, 255, .75),
        0 5px 13px rgba(212, 175, 55, .22),
        0 0 16px rgba(212, 175, 55, .11) !important;
}

.buy-page .coin-package::after {
    color: #403318 !important;
    text-shadow: 0 1px rgba(255, 255, 255, .3);
}

.buy-page .coin-package:hover {
    border-color: #e7cb7b !important;
    box-shadow: 0 9px 22px rgba(212, 175, 55, .09) !important;
}

.buy-page .coin-package.active {
    border-color: #d4af37 !important;
    background: linear-gradient(145deg, #f1f1ee, #ffffff) !important;
    box-shadow:
        inset 0 0 0 1px rgba(212, 175, 55, .08),
        0 9px 23px rgba(212, 175, 55, .10) !important;
}

.buy-page .coin-package-copy strong {
    color: var(--buy-text) !important;
}

.buy-page .coin-package-copy span {
    color: var(--buy-muted) !important;
}

.buy-page .package-select-indicator {
    background: #e9f5f0 !important;
    color: #9e7922 !important;
}

.buy-page .coin-package.active .package-select-indicator {
    background: #d4af37 !important;
    color: #fff !important;
    box-shadow: 0 0 13px rgba(212, 175, 55, .22);
}

.buy-page .package-tag {
    background: #e9e9e6 !important;
    color: #9e7922 !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, .10);
}

/* Custom amount */
.buy-page .custom-amount-box {
    border-color: #dcdcd9 !important;
    background: linear-gradient(135deg, #f7fcfa, #f1faf6) !important;
}

.buy-page .custom-amount-icon {
    background: #ecece9 !important;
    color: #9e7922 !important;
}

.buy-page .custom-amount-copy label {
    color: var(--buy-text) !important;
}

.buy-page .custom-amount-input {
    border-color: #cfcfcc !important;
    background: #fff !important;
}

.buy-page .custom-amount-input input {
    background: #fff !important;
    color: var(--buy-text) !important;
}

.buy-page .custom-amount-input>span {
    border-left-color: #dadad7 !important;
    background: #e7f9f2 !important;
    color: #98751D !important;
}

/* EA details */
.buy-page .form-group label {
    color: #9e7922 !important;
}

.buy-page .form-group input {
    border-color: #dbdbd8 !important;
    background: #f7fcfa !important;
    color: var(--buy-text) !important;
}

.buy-page .form-group input:hover {
    border-color: #c4c4c1 !important;
    background: #fff !important;
}

.buy-page .form-group input:focus {
    border-color: #d4af37 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, .09) !important;
}

.buy-page .account-security-note {
    border-color: #d4d4d1 !important;
    background: #eaf9f3 !important;
}

.buy-page .account-security-icon {
    background: #e7e7e4 !important;
    color: #9e7922 !important;
}

/* Order summary — remove dark corner/background artifacts */
.buy-page .order-summary {
    top: 94px;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.buy-page .summary-card {
    overflow: hidden;
    padding: 24px !important;
    border: 1px solid #d5d5d2 !important;
    border-radius: 20px !important;
    outline: 0 !important;
    background: #fff !important;
    color: var(--buy-text) !important;
    box-shadow:
        0 20px 48px rgba(64, 51, 24, .11),
        0 0 0 1px rgba(212, 175, 55, .02) !important;
}

.buy-page .summary-header h2,
.buy-page .summary-product-copy strong,
.buy-page .summary-row strong,
.buy-page .summary-total span {
    color: var(--buy-text) !important;
}

.buy-page .summary-status {
    border-color: #cececb !important;
    background: #e9faf3 !important;
    color: #9e7922 !important;
}

.buy-page .summary-product {
    border-color: #dbdbd8 !important;
    background: linear-gradient(135deg, #eaf9f3, #fafffd) !important;
}

.buy-page .summary-product-icon {
    background: #eaeae7 !important;
    color: #d4af37 !important;
    box-shadow: 0 0 18px rgba(212, 175, 55, .08);
}

.buy-page .summary-row span,
.buy-page .summary-product-copy small {
    color: #7b7b78 !important;
}

.buy-page .promo-label-row label {
    color: #9e7922 !important;
}

.buy-page .promo-input {
    border-color: #dadad7 !important;
    background: #f7fcfa !important;
}

.buy-page .promo-input input {
    background: #fff !important;
    color: var(--buy-text) !important;
}

.buy-page .promo-input button {
    border-left-color: #dadad7 !important;
    background: #FBF5E5 !important;
    color: #9e7922 !important;
}

.buy-page .promo-input button:hover {
    background: #e6e6e3 !important;
}

.buy-page .summary-total>strong {
    color: #9e7922 !important;
}

.buy-page .buy-now-btn {
    border: 1px solid rgba(212, 175, 55, .08) !important;
    background: linear-gradient(135deg, #d4af37 0%, #d4af37 58%, #d4af37 100%) !important;
    color: #1f1f1e !important;
    box-shadow:
        0 12px 26px rgba(212, 175, 55, .23),
        inset 0 1px rgba(255, 255, 255, .18) !important;
}

.buy-page .buy-now-btn:hover:not(:disabled) {
    box-shadow:
        0 16px 32px rgba(212, 175, 55, .30),
        0 0 22px rgba(212, 175, 55, .09) !important;
}

/* Payment UI */
.buy-page .vultrex-payment-message {
    background: #eef9f5 !important;
    color: #9e7922 !important;
}

/* Responsive */
@media (max-width: 1050px) {
    .buy-page .buy-layout {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 22px;
    }
}

@media (max-width: 900px) {
    .buy-page .buy-hero {
        min-height: 390px;
        background-position: 60% center !important;
    }

    .buy-page .buy-hero>.container {
        min-height: 390px;
    }

    .buy-page .buy-hero-content {
        width: 530px;
        max-width: 65%;
    }
}

@media (max-width: 860px) {
    .buy-page .buy-layout {
        grid-template-columns: 1fr;
    }

    .buy-page .order-summary {
        position: static;
    }
}

@media (max-width: 700px) {
    .buy-page .buy-hero {
        min-height: 500px;
        background-image:
            linear-gradient(180deg,
                rgba(8, 9, 8, .18) 0%,
                rgba(8, 9, 8, .45) 42%,
                rgba(8, 9, 8, .94) 100%),
            url("../images/buyCoinsGoldBackground.png") !important;
        background-position: 67% center !important;
    }

    .buy-page .buy-hero>.container {
        min-height: 500px;
        width: min(100% - 28px, 1280px);
        align-items: flex-end;
    }

    .buy-page .buy-hero-content {
        width: 100%;
        max-width: 100%;
        padding: 55px 0 38px;
    }

    .buy-page .buy-order-section>.container {
        width: min(100% - 28px, 1280px);
    }

    .buy-page .buy-block {
        padding: 19px !important;
    }
}

@media (max-width: 480px) {
    .buy-page .buy-hero {
        background-position: 70% center !important;
    }

    .buy-page .buy-hero h1 {
        font-size: 42px;
    }
}

/* =========================================================
   VULTREX — BUY COINS
   FINAL EMERALD / CHARCOAL THEME
   ========================================================= */

.buy-page {
    --buy-green: #D4AF37 !important;
    --buy-green-dark: #B8942E !important;
    --buy-green-deep: #98751D !important;
    --buy-bg: #121211 !important;
    --buy-surface: #1b1b1a !important;
    --buy-surface-soft: #212120 !important;
    --buy-text: #FFFFFF !important;
    --buy-muted: #9CA3AF !important;
    --buy-border: rgba(212, 175, 55, .20) !important;
    --buy-border-strong: rgba(212, 175, 55, .34) !important;
    background: #121211 !important;
    color: #FFFFFF !important;
}

/* Main section: green-black, not flat black and not white */
.buy-page .buy-order-section {
    background:
        radial-gradient(circle at 7% 4%, rgba(212, 175, 55, .16), transparent 30%),
        radial-gradient(circle at 93% 26%, rgba(212, 175, 55, .11), transparent 28%),
        linear-gradient(135deg, #161615 0%, #1c1c1b 48%, #121211 100%) !important;
}

/* Main cards */
.buy-page .buy-block {
    border: 1px solid rgba(212, 175, 55, .22) !important;
    background:
        linear-gradient(145deg, rgba(35, 35, 34, .98), rgba(26, 26, 25, .98)) !important;
    color: #fff !important;
    box-shadow:
        0 18px 45px rgba(0, 0, 0, .20),
        inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.buy-page .buy-heading-copy h2,
.buy-page .buy-block h2 {
    color: #fff !important;
}

.buy-page .buy-block-header>p {
    color: #9CA3AF !important;
}

.buy-page .buy-step-number {
    border: 1px solid rgba(212, 175, 55, .34) !important;
    background: rgba(212, 175, 55, .12) !important;
    color: #d4af37 !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, .08) !important;
}

/* Platform / delivery */
.buy-page .choice-card {
    border-color: rgba(212, 175, 55, .18) !important;
    background: #242423 !important;
    color: #fff !important;
}

.buy-page .choice-card:hover {
    border-color: rgba(212, 175, 55, .55) !important;
    background: #292928 !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .18) !important;
}

.buy-page .choice-card.active,
.buy-page .choice-card.express.active {
    border-color: #D4AF37 !important;
    background:
        linear-gradient(135deg, rgba(212, 175, 55, .18), rgba(158, 121, 34, .13)),
        #212120 !important;
    box-shadow:
        inset 0 0 0 1px rgba(212, 175, 55, .09),
        0 0 25px rgba(212, 175, 55, .08) !important;
}

.buy-page .choice-copy strong,
.buy-page .delivery-copy strong {
    color: #fff !important;
}

.buy-page .choice-copy>span,
.buy-page .delivery-copy>span,
.buy-page .delivery-status {
    color: #9CA3AF !important;
}

.buy-page .choice-icon,
.buy-page .choice-card.express .choice-icon {
    background: rgba(212, 175, 55, .10) !important;
    color: #d4af37 !important;
}

.buy-page .choice-card.active .choice-icon,
.buy-page .choice-card.express.active .choice-icon {
    background: rgba(212, 175, 55, .17) !important;
    color: #d4af37 !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, .12) !important;
}

.buy-page .choice-check {
    border-color: rgba(246, 238, 215, .30) !important;
}

.buy-page .choice-card.active .choice-check,
.buy-page .choice-card.express.active .choice-check {
    border-color: #D4AF37 !important;
    background: #D4AF37 !important;
    color: #fff !important;
    box-shadow: 0 0 16px rgba(212, 175, 55, .35) !important;
}

.buy-page .express-badge {
    border: 1px solid rgba(212, 175, 55, .24) !important;
    background: rgba(212, 175, 55, .13) !important;
    color: #e7cb7b !important;
}

.buy-page .express-text {
    color: #e7cb7b !important;
}

/* Amount selector */
.buy-page .amount-slider-shell {
    border-color: rgba(212, 175, 55, .28) !important;
    background:
        linear-gradient(135deg, rgba(212, 175, 55, .11), rgba(158, 121, 34, .06)),
        #1f1f1e !important;
    box-shadow: inset 0 0 35px rgba(212, 175, 55, .025) !important;
}

.buy-page .amount-kicker {
    color: #d4af37 !important;
}

.buy-page .amount-slider-head strong,
.buy-page .amount-selector-top strong {
    color: #fff !important;
}

.buy-page .amount-range,
.buy-page .amount-slider-limits {
    color: #9CA3AF !important;
}

.buy-page .amount-step-btn {
    border-color: rgba(212, 175, 55, .34) !important;
    background: #272726 !important;
    color: #d4af37 !important;
}

.buy-page .amount-step-btn:hover {
    border-color: #D4AF37 !important;
    background: rgba(212, 175, 55, .15) !important;
}

.buy-page .amount-slider-bubble,
.buy-page .amount-slider-bubble::after {
    background: #D4AF37 !important;
}

.buy-page .amount-slider-bubble {
    color: #111110 !important;
    box-shadow: 0 0 18px rgba(212, 175, 55, .30) !important;
}

.buy-page #amountSlider {
    background:
        linear-gradient(to right,
            #D4AF37 0%,
            #D4AF37 var(--amount-progress),
            #4b4b48 var(--amount-progress),
            #4b4b48 100%) !important;
}

/* Packages */
.buy-page .coin-package {
    border-color: rgba(212, 175, 55, .18) !important;
    background:
        linear-gradient(145deg, #252524, #1d1d1c) !important;
    color: #fff !important;
}

.buy-page .coin-package:hover {
    border-color: rgba(212, 175, 55, .55) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .20) !important;
}

.buy-page .coin-package.active {
    border-color: #D4AF37 !important;
    background:
        linear-gradient(145deg, rgba(212, 175, 55, .20), rgba(158, 121, 34, .12)),
        #212120 !important;
    box-shadow:
        inset 0 0 0 1px rgba(212, 175, 55, .08),
        0 0 25px rgba(212, 175, 55, .08) !important;
}

.buy-page .coin-package-copy strong {
    color: #fff !important;
}

.buy-page .coin-package-copy span {
    color: #9CA3AF !important;
}

.buy-page .coin-package::before {
    border-color: #d4af37 !important;
    background:
        radial-gradient(circle at 34% 28%,
            #f6eed7 0%,
            #d4af37 30%,
            #D4AF37 62%,
            #98751D 100%) !important;
    box-shadow:
        inset 0 1px 2px rgba(255, 255, 255, .50),
        0 5px 14px rgba(0, 0, 0, .25),
        0 0 20px rgba(212, 175, 55, .24) !important;
}

.buy-page .coin-package::after {
    color: #403318 !important;
}

.buy-page .package-select-indicator {
    background: rgba(212, 175, 55, .10) !important;
    color: #e7cb7b !important;
}

.buy-page .coin-package.active .package-select-indicator {
    background: #D4AF37 !important;
    color: #fff !important;
}

.buy-page .package-tag {
    background: #D4AF37 !important;
    color: #1d1d1c !important;
}

/* Custom amount */
.buy-page .custom-amount-box {
    border-color: rgba(212, 175, 55, .20) !important;
    background: #212120 !important;
}

.buy-page .custom-amount-icon {
    background: rgba(212, 175, 55, .13) !important;
    color: #d4af37 !important;
}

.buy-page .custom-amount-copy label {
    color: #fff !important;
}

.buy-page .custom-amount-copy>div>span {
    color: #9CA3AF !important;
}

.buy-page .custom-amount-input {
    border-color: rgba(212, 175, 55, .27) !important;
    background: #181817 !important;
}

.buy-page .custom-amount-input input {
    background: #181817 !important;
    color: #fff !important;
}

.buy-page .custom-amount-input input::placeholder {
    color: #6B7280 !important;
}

.buy-page .custom-amount-input>span {
    border-left-color: rgba(212, 175, 55, .22) !important;
    background: rgba(212, 175, 55, .14) !important;
    color: #e7cb7b !important;
}

/* EA details */
.buy-page .form-group label {
    color: #f6eed7 !important;
}

.buy-page .form-group input {
    border-color: rgba(212, 175, 55, .18) !important;
    background: #212120 !important;
    color: #fff !important;
}

.buy-page .form-group input:hover,
.buy-page .form-group input:focus {
    border-color: #D4AF37 !important;
    background: #252524 !important;
}

.buy-page .form-group input:focus {
    box-shadow: 0 0 0 3px rgba(212, 175, 55, .10) !important;
}

.buy-page .form-group input::placeholder {
    color: #6B7280 !important;
}

.buy-page .account-security-note {
    border-color: rgba(212, 175, 55, .22) !important;
    background: rgba(212, 175, 55, .08) !important;
}

.buy-page .account-security-icon {
    background: rgba(212, 175, 55, .15) !important;
    color: #d4af37 !important;
}

.buy-page .account-security-note strong {
    color: #f6eed7 !important;
}

.buy-page .account-security-note>div>span {
    color: #9CA3AF !important;
}

/* Order summary */
.buy-page .summary-card {
    border-color: rgba(212, 175, 55, .27) !important;
    background:
        linear-gradient(155deg, #212120 0%, #191918 100%) !important;
    color: #fff !important;
    box-shadow:
        0 22px 55px rgba(0, 0, 0, .25),
        0 0 30px rgba(212, 175, 55, .035) !important;
}

.buy-page .summary-header h2,
.buy-page .summary-product-copy strong,
.buy-page .summary-row strong,
.buy-page .summary-total span {
    color: #fff !important;
}

.buy-page .summary-header .section-label {
    color: #d4af37 !important;
}

.buy-page .summary-status {
    border-color: rgba(212, 175, 55, .30) !important;
    background: rgba(212, 175, 55, .12) !important;
    color: #e7cb7b !important;
}

.buy-page .summary-product {
    border-color: rgba(212, 175, 55, .22) !important;
    background: rgba(212, 175, 55, .075) !important;
}

.buy-page .summary-product-icon {
    background: rgba(212, 175, 55, .14) !important;
    color: #d4af37 !important;
    box-shadow: 0 0 18px rgba(212, 175, 55, .10) !important;
}

.buy-page .summary-product-copy>span,
.buy-page .summary-product-copy small,
.buy-page .summary-row span {
    color: #9CA3AF !important;
}

.buy-page .summary-row {
    border-bottom-color: rgba(255, 255, 255, .075) !important;
}

.buy-page .promo-box,
.buy-page .summary-total {
    border-top-color: rgba(255, 255, 255, .09) !important;
}

.buy-page .promo-label-row label {
    color: #f6eed7 !important;
}

.buy-page .promo-label-row span {
    color: #6B7280 !important;
}

.buy-page .promo-input {
    border-color: rgba(212, 175, 55, .22) !important;
    background: #151514 !important;
}

.buy-page .promo-input input {
    background: #151514 !important;
    color: #fff !important;
}

.buy-page .promo-input button {
    border-left-color: rgba(212, 175, 55, .22) !important;
    background: rgba(212, 175, 55, .14) !important;
    color: #e7cb7b !important;
}

.buy-page .promo-input button:hover {
    background: rgba(212, 175, 55, .22) !important;
}

.buy-page .summary-total small,
.buy-page .summary-footer {
    color: #9CA3AF !important;
}

.buy-page .summary-total>strong {
    color: #d4af37 !important;
    text-shadow: 0 0 18px rgba(212, 175, 55, .13);
}

.buy-page .buy-now-btn {
    border: 1px solid rgba(212, 175, 55, .24) !important;
    background: linear-gradient(135deg, #D4AF37, #B8942E) !important;
    color: #fff !important;
    box-shadow:
        0 12px 28px rgba(212, 175, 55, .25),
        0 0 20px rgba(212, 175, 55, .08) !important;
}

.buy-page .buy-now-btn:hover:not(:disabled) {
    background: linear-gradient(135deg, #d4af37, #D4AF37) !important;
    box-shadow:
        0 16px 34px rgba(212, 175, 55, .32),
        0 0 25px rgba(212, 175, 55, .13) !important;
}

/* Payment modal follows same palette */
.buy-page .vultrex-payment-backdrop {
    background: rgba(0, 0, 0, .70) !important;
}

.buy-page .vultrex-payment-dialog {
    border-color: rgba(212, 175, 55, .25) !important;
    background: #1d1d1c !important;
    color: #fff !important;
}

.buy-page .vultrex-payment-close,
.buy-page .vultrex-wallet-method,
.buy-page .vultrex-toast {
    border-color: rgba(212, 175, 55, .18) !important;
    background: #242423 !important;
    color: #fff !important;
}

.buy-page .vultrex-wallet-method:hover:not(:disabled) {
    border-color: #D4AF37 !important;
    background: #292928 !important;
}

.buy-page .vultrex-wallet-method-icon {
    background: rgba(212, 175, 55, .14) !important;
    color: #d4af37 !important;
}

.buy-page .vultrex-payment-message,
.buy-page .vultrex-payment-success {
    background: rgba(212, 175, 55, .10) !important;
    color: #f6eed7 !important;
}

/* Override the old forced light color-scheme */
.buy-page .buy-order-section,
.buy-page .buy-block,
.buy-page .summary-card {
    color-scheme: dark !important;
}

/* =========================================================
   VULTREX BUY COINS — LIGHT MODE
   Matches the site-wide html[data-theme="light"] switch.
   Dark mode above remains untouched.
   ========================================================= */

html[data-theme="light"] .buy-page {
    --buy-green: #D4AF37 !important;
    --buy-green-dark: #B8942E !important;
    --buy-green-deep: #98751D !important;
    --buy-green-soft: #E7F8F1 !important;
    --buy-bg: #F3F8F6 !important;
    --buy-surface: #FFFFFF !important;
    --buy-surface-soft: #F8FBFA !important;
    --buy-text: #1b1b1a !important;
    --buy-muted: #737370 !important;
    --buy-border: #D5E6DF !important;
    --buy-border-strong: #cdcdca !important;
    background: #F3F8F6 !important;
    color: #1b1b1a !important;
}

/* Keep hero cinematic in both themes */
html[data-theme="light"] .buy-page .buy-hero {
    border-bottom-color: rgba(212, 175, 55, .30) !important;
}

/* Main page canvas */
html[data-theme="light"] .buy-page .buy-order-section {
    background:
        radial-gradient(circle at 8% 2%, rgba(212, 175, 55, .09), transparent 27%),
        radial-gradient(circle at 93% 22%, rgba(212, 175, 55, .055), transparent 27%),
        linear-gradient(180deg, #EEF7F3 0%, #F7FAF9 48%, #F1F7F4 100%) !important;
}

/* Main cards */
html[data-theme="light"] .buy-page .buy-block {
    border-color: #dcdcd9 !important;
    background: rgba(255, 255, 255, .97) !important;
    color: #1b1b1a !important;
    box-shadow:
        0 16px 40px rgba(64, 51, 24, .075),
        0 0 0 1px rgba(212, 175, 55, .015) !important;
}

html[data-theme="light"] .buy-page .buy-heading-copy h2,
html[data-theme="light"] .buy-page .buy-block h2 {
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .buy-block-header>p {
    color: #767673 !important;
}

html[data-theme="light"] .buy-page .buy-step-number {
    border-color: rgba(212, 175, 55, .18) !important;
    background: #efefec !important;
    color: #98751D !important;
    box-shadow: 0 5px 15px rgba(212, 175, 55, .07) !important;
}

/* Platform + delivery */
html[data-theme="light"] .buy-page .choice-card {
    border-color: #D5E6DF !important;
    background: #F8FBFA !important;
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .choice-card:hover {
    border-color: #e7cb7b !important;
    background: #FFFFFF !important;
    box-shadow: 0 10px 26px rgba(158, 121, 34, .075) !important;
}

html[data-theme="light"] .buy-page .choice-card.active,
html[data-theme="light"] .buy-page .choice-card.express.active {
    border-color: #D4AF37 !important;
    background: linear-gradient(135deg, #E8F9F2, #FBFEFD) !important;
    box-shadow:
        inset 0 0 0 1px rgba(212, 175, 55, .07),
        0 8px 24px rgba(212, 175, 55, .09) !important;
}

html[data-theme="light"] .buy-page .choice-copy strong,
html[data-theme="light"] .buy-page .delivery-copy strong {
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .choice-copy>span,
html[data-theme="light"] .buy-page .delivery-copy>span,
html[data-theme="light"] .buy-page .delivery-status {
    color: #767673 !important;
}

html[data-theme="light"] .buy-page .choice-icon,
html[data-theme="light"] .buy-page .choice-card.express .choice-icon {
    background: #EAF6F1 !important;
    color: #9e7922 !important;
}

html[data-theme="light"] .buy-page .choice-card.active .choice-icon,
html[data-theme="light"] .buy-page .choice-card.express.active .choice-icon {
    background: #ebebe8 !important;
    color: #B8942E !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, .10) !important;
}

html[data-theme="light"] .buy-page .choice-check {
    border-color: #d1d1ce !important;
}

html[data-theme="light"] .buy-page .choice-card.active .choice-check,
html[data-theme="light"] .buy-page .choice-card.express.active .choice-check {
    border-color: #D4AF37 !important;
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, .25) !important;
}

html[data-theme="light"] .buy-page .express-badge {
    border-color: rgba(212, 175, 55, .16) !important;
    background: #ecece9 !important;
    color: #98751D !important;
}

html[data-theme="light"] .buy-page .express-text {
    color: #98751D !important;
}

/* Amount selector */
html[data-theme="light"] .buy-page .amount-slider-shell {
    border-color: #ccccc9 !important;
    background: linear-gradient(135deg, #EAF8F2, #FBFEFD) !important;
    box-shadow: inset 0 0 30px rgba(212, 175, 55, .02) !important;
}

html[data-theme="light"] .buy-page .amount-kicker {
    color: #B8942E !important;
}

html[data-theme="light"] .buy-page .amount-slider-head strong,
html[data-theme="light"] .buy-page .amount-selector-top strong {
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .amount-range,
html[data-theme="light"] .buy-page .amount-slider-limits {
    color: #858582 !important;
}

html[data-theme="light"] .buy-page .amount-step-btn {
    border-color: #cbcbc8 !important;
    background: #FFFFFF !important;
    color: #B8942E !important;
}

html[data-theme="light"] .buy-page .amount-step-btn:hover {
    border-color: #D4AF37 !important;
    background: #E8F8F2 !important;
}

html[data-theme="light"] .buy-page #amountSlider {
    background:
        linear-gradient(to right,
            #D4AF37 0%,
            #D4AF37 var(--amount-progress),
            #DCE9E4 var(--amount-progress),
            #DCE9E4 100%) !important;
}

html[data-theme="light"] .buy-page #amountSlider::-webkit-slider-thumb {
    border-color: #FFFFFF !important;
}

html[data-theme="light"] .buy-page #amountSlider::-moz-range-thumb {
    border-color: #FFFFFF !important;
}

/* Packages */
html[data-theme="light"] .buy-page .coin-package {
    border-color: #D5E6DF !important;
    background: linear-gradient(145deg, #FFFFFF, #F7FBF9) !important;
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .coin-package:hover {
    border-color: #e7cb7b !important;
    box-shadow: 0 9px 22px rgba(158, 121, 34, .075) !important;
}

html[data-theme="light"] .buy-page .coin-package.active {
    border-color: #D4AF37 !important;
    background: linear-gradient(145deg, #E8F9F2, #FFFFFF) !important;
    box-shadow:
        inset 0 0 0 1px rgba(212, 175, 55, .07),
        0 9px 23px rgba(212, 175, 55, .09) !important;
}

html[data-theme="light"] .buy-page .coin-package-copy strong {
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .coin-package-copy span {
    color: #737370 !important;
}

html[data-theme="light"] .buy-page .coin-package::before {
    border-color: #D4AF37 !important;
    background:
        radial-gradient(circle at 34% 28%,
            #f6eed7 0%,
            #d4af37 34%,
            #D4AF37 67%,
            #98751D 100%) !important;
    box-shadow:
        inset 0 1px 2px rgba(255, 255, 255, .75),
        0 5px 13px rgba(212, 175, 55, .18),
        0 0 16px rgba(212, 175, 55, .10) !important;
}

html[data-theme="light"] .buy-page .coin-package::after {
    color: #403318 !important;
}

html[data-theme="light"] .buy-page .package-select-indicator {
    background: #E9F5F0 !important;
    color: #9e7922 !important;
}

html[data-theme="light"] .buy-page .coin-package.active .package-select-indicator {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
}

html[data-theme="light"] .buy-page .package-tag {
    background: #e9e9e6 !important;
    color: #9e7922 !important;
}

/* Custom amount */
html[data-theme="light"] .buy-page .custom-amount-box {
    border-color: #dcdcd9 !important;
    background: linear-gradient(135deg, #F8FCFA, #F1F9F6) !important;
}

html[data-theme="light"] .buy-page .custom-amount-icon {
    background: #ecece9 !important;
    color: #98751D !important;
}

html[data-theme="light"] .buy-page .custom-amount-copy label {
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .custom-amount-copy>div>span {
    color: #737370 !important;
}

html[data-theme="light"] .buy-page .custom-amount-input {
    border-color: #cdcdca !important;
    background: #FFFFFF !important;
}

html[data-theme="light"] .buy-page .custom-amount-input input {
    background: #FFFFFF !important;
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .custom-amount-input input::placeholder {
    color: #a2a29f !important;
}

html[data-theme="light"] .buy-page .custom-amount-input>span {
    border-left-color: #dadad7 !important;
    background: #E7F8F1 !important;
    color: #98751D !important;
}

/* EA details */
html[data-theme="light"] .buy-page .form-group label {
    color: #9e7922 !important;
}

html[data-theme="light"] .buy-page .form-group input {
    border-color: #dbdbd8 !important;
    background: #F8FBFA !important;
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .form-group input:hover {
    border-color: #c4c4c1 !important;
    background: #FFFFFF !important;
}

html[data-theme="light"] .buy-page .form-group input:focus {
    border-color: #D4AF37 !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, .09) !important;
}

html[data-theme="light"] .buy-page .form-group input::placeholder {
    color: #a2a29f !important;
}

html[data-theme="light"] .buy-page .account-security-note {
    border-color: #d4d4d1 !important;
    background: #EAF8F2 !important;
}

html[data-theme="light"] .buy-page .account-security-icon {
    background: #e7e7e4 !important;
    color: #B8942E !important;
}

html[data-theme="light"] .buy-page .account-security-note strong {
    color: #403318 !important;
}

html[data-theme="light"] .buy-page .account-security-note>div>span {
    color: #787875 !important;
}

/* Order summary */
html[data-theme="light"] .buy-page .summary-card {
    border-color: #d6d6d3 !important;
    background: #FFFFFF !important;
    color: #1b1b1a !important;
    box-shadow:
        0 20px 48px rgba(64, 51, 24, .10),
        0 0 0 1px rgba(212, 175, 55, .015) !important;
}

html[data-theme="light"] .buy-page .summary-header h2,
html[data-theme="light"] .buy-page .summary-product-copy strong,
html[data-theme="light"] .buy-page .summary-row strong,
html[data-theme="light"] .buy-page .summary-total span {
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .summary-header .section-label {
    color: #B8942E !important;
}

html[data-theme="light"] .buy-page .summary-status {
    border-color: #cececb !important;
    background: #E9FAF3 !important;
    color: #98751D !important;
}

html[data-theme="light"] .buy-page .summary-product {
    border-color: #dbdbd8 !important;
    background: linear-gradient(135deg, #EAF9F3, #FAFEFC) !important;
}

html[data-theme="light"] .buy-page .summary-product-icon {
    background: #eaeae7 !important;
    color: #B8942E !important;
    box-shadow: 0 0 18px rgba(212, 175, 55, .07) !important;
}

html[data-theme="light"] .buy-page .summary-product-copy>span,
html[data-theme="light"] .buy-page .summary-product-copy small,
html[data-theme="light"] .buy-page .summary-row span {
    color: #7b7b78 !important;
}

html[data-theme="light"] .buy-page .summary-row {
    border-bottom-color: #EDF2F0 !important;
}

html[data-theme="light"] .buy-page .promo-box,
html[data-theme="light"] .buy-page .summary-total {
    border-top-color: #E3ECE8 !important;
}

html[data-theme="light"] .buy-page .promo-label-row label {
    color: #9e7922 !important;
}

html[data-theme="light"] .buy-page .promo-label-row span {
    color: #9e9e9b !important;
}

html[data-theme="light"] .buy-page .promo-input {
    border-color: #dadad7 !important;
    background: #F8FBFA !important;
}

html[data-theme="light"] .buy-page .promo-input input {
    background: #FFFFFF !important;
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .promo-input button {
    border-left-color: #dadad7 !important;
    background: #efefec !important;
    color: #98751D !important;
}

html[data-theme="light"] .buy-page .promo-input button:hover {
    background: #e6e6e3 !important;
}

html[data-theme="light"] .buy-page .summary-total small,
html[data-theme="light"] .buy-page .summary-footer {
    color: #8d8d8a !important;
}

html[data-theme="light"] .buy-page .summary-total>strong {
    color: #B8942E !important;
    text-shadow: none !important;
}

html[data-theme="light"] .buy-page .buy-now-btn {
    border-color: rgba(212, 175, 55, .10) !important;
    background: linear-gradient(135deg, #d4af37, #D4AF37 58%, #B8942E) !important;
    color: #1d1d1c !important;
    box-shadow:
        0 12px 26px rgba(212, 175, 55, .20),
        inset 0 1px rgba(255, 255, 255, .20) !important;
}

html[data-theme="light"] .buy-page .buy-now-btn:hover:not(:disabled) {
    background: linear-gradient(135deg, #e7cb7b, #D4AF37) !important;
    box-shadow:
        0 16px 32px rgba(212, 175, 55, .27),
        0 0 20px rgba(212, 175, 55, .08) !important;
}

/* Payment UI */
html[data-theme="light"] .buy-page .vultrex-payment-backdrop {
    background: rgba(20, 20, 19, .54) !important;
}

html[data-theme="light"] .buy-page .vultrex-payment-dialog {
    border-color: #D8E7E2 !important;
    background: #FFFFFF !important;
    color: #1b1b1a !important;
    box-shadow: 0 30px 80px rgba(31, 31, 30, .18) !important;
}

html[data-theme="light"] .buy-page .vultrex-payment-close,
html[data-theme="light"] .buy-page .vultrex-wallet-method,
html[data-theme="light"] .buy-page .vultrex-toast {
    border-color: #D6E6E0 !important;
    background: #F7FBF9 !important;
    color: #1b1b1a !important;
}

html[data-theme="light"] .buy-page .vultrex-wallet-method:hover:not(:disabled) {
    border-color: #e7cb7b !important;
    background: #F0FAF6 !important;
}

html[data-theme="light"] .buy-page .vultrex-wallet-method-icon {
    background: #ebebe8 !important;
    color: #B8942E !important;
}

html[data-theme="light"] .buy-page .vultrex-payment-message {
    background: #FFF6E6 !important;
    color: #805C16 !important;
}

html[data-theme="light"] .buy-page .vultrex-payment-success {
    background: #ECFAF5 !important;
    color: #9e7922 !important;
}

/* Browser controls should follow light mode */
html[data-theme="light"] .buy-page .buy-order-section,
html[data-theme="light"] .buy-page .buy-block,
html[data-theme="light"] .buy-page .summary-card {
    color-scheme: light !important;
}


/* =========================================================
   BUY COINS — LIGHT MODE HERO
   Navbar remains controlled by the global site theme.
   ========================================================= */

html[data-theme="light"] .buy-page .buy-hero {
    background-image:
        linear-gradient(90deg,
            rgba(244, 253, 249, .96) 0%,
            rgba(238, 250, 245, .90) 27%,
            rgba(232, 248, 241, .62) 48%,
            rgba(236, 236, 233, .22) 70%,
            rgba(236, 236, 233, .05) 100%),
        url("../images/buyCoinsGoldBackground.png") !important;
    border-bottom-color: rgba(212, 175, 55, .30) !important;
}

html[data-theme="light"] .buy-page .buy-hero::before {
    background:
        radial-gradient(circle at 37% 50%,
            rgba(212, 175, 55, .12),
            transparent 35%) !important;
}

html[data-theme="light"] .buy-page .buy-hero::after {
    background:
        linear-gradient(to bottom,
            transparent,
            rgba(233, 233, 230, .28)) !important;
}

html[data-theme="light"] .buy-page .buy-hero .section-label {
    color: #B8942E !important;
    text-shadow: none !important;
}

html[data-theme="light"] .buy-page .buy-hero h1,
html[data-theme="light"] .buy-page .buy-title-main {
    color: #1b1b1a !important;
    text-shadow: none !important;
}

html[data-theme="light"] .buy-page .buy-title-accent {
    color: #B8942E !important;
    text-shadow: 0 0 24px rgba(212, 175, 55, .10) !important;
}

html[data-theme="light"] .buy-page .buy-hero-content>p {
    color: #9e7922 !important;
}

html[data-theme="light"] .buy-page .buy-hero-trust>span {
    border-color: rgba(212, 175, 55, .24) !important;
    background: rgba(255, 255, 255, .76) !important;
    box-shadow:
        0 10px 28px rgba(64, 51, 24, .08),
        inset 0 1px 0 rgba(255, 255, 255, .65) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

html[data-theme="light"] .buy-page .buy-hero-trust b {
    background: #ebebe8 !important;
    color: #B8942E !important;
}

html[data-theme="light"] .buy-page .buy-hero-trust em {
    color: #2b2b2a !important;
}

html[data-theme="light"] .buy-page .buy-hero-trust small {
    color: #7c7c79 !important;
}

/* Keep the mobile hero readable while still visibly light */
@media (max-width: 700px) {
    html[data-theme="light"] .buy-page .buy-hero {
        background-image:
            linear-gradient(180deg,
                rgba(239, 251, 246, .24) 0%,
                rgba(238, 250, 245, .60) 40%,
                rgba(239, 250, 246, .96) 100%),
            url("../images/buyCoinsGoldBackground.png") !important;
    }
}

/* =========================================================
   VULTREX BUY — NEON CHECKOUT REFINEMENT
   Scoped to checkout only. Hero, navbar and hero image untouched.
   ========================================================= */
.buy-page .buy-order-section {
    background:
        radial-gradient(ellipse at 8% 15%, rgba(212, 175, 55, .105), transparent 39%),
        radial-gradient(ellipse at 100% 70%, rgba(212, 175, 55, .075), transparent 36%),
        linear-gradient(135deg, #111110, #141413 55%, #0e0e0d) !important;
}

.buy-page .buy-order-section .buy-layout {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 31%);
    gap: 24px;
}

.buy-page .buy-order-section .buy-builder {
    gap: 18px;
}

.buy-page .buy-order-section .buy-block {
    border: 1px solid rgba(212, 175, 55, .72) !important;
    background: linear-gradient(135deg, rgba(22, 22, 21, .97), rgba(4, 18, 23, .98)) !important;
    border-radius: 19px !important;
    padding: 22px 24px !important;
    box-shadow: 0 0 0 1px rgba(212, 175, 55, .055), 0 0 18px rgba(212, 175, 55, .13), 0 13px 35px rgba(0, 0, 0, .23), inset 0 1px 0 rgba(231, 203, 123, .07) !important;
}

.buy-page .buy-order-section .buy-step-number {
    border: 1px solid rgba(212, 175, 55, .63) !important;
    background: linear-gradient(145deg, #9e7922, #232322) !important;
    color: #d4af37 !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, .22), inset 0 0 10px rgba(212, 175, 55, .09) !important;
}

.buy-page .buy-order-section .choice-card {
    border: 1px solid rgba(231, 203, 123, .22) !important;
    background: linear-gradient(145deg, #142329, #0d191e) !important;
    border-radius: 13px !important;
}

.buy-page .buy-order-section .choice-card:hover {
    border-color: rgba(212, 175, 55, .66) !important;
    background: linear-gradient(145deg, #252017, #191712) !important;
    box-shadow: 0 0 16px rgba(212, 175, 55, .14) !important;
}

.buy-page .buy-order-section .choice-card.active,
.buy-page .buy-order-section .choice-card.express.active {
    border: 1px solid #D4AF37 !important;
    background: linear-gradient(145deg, rgba(158, 121, 34, .43), rgba(29, 29, 28, .95)) !important;
    box-shadow: 0 0 19px rgba(212, 175, 55, .16), inset 0 0 17px rgba(212, 175, 55, .065) !important;
}

.buy-page .buy-order-section .coin-package {
    border: 1px solid rgba(212, 175, 55, .19) !important;
    background: linear-gradient(145deg, #1D1C19, #111110) !important;
}

.buy-page .buy-order-section .coin-package:hover {
    border-color: rgba(212, 175, 55, .7) !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, .12) !important;
}

.buy-page .buy-order-section .coin-package.active {
    border: 1px solid #D4AF37 !important;
    background: linear-gradient(145deg, #3B3017, #211D15) !important;
    box-shadow: 0 0 19px rgba(212, 175, 55, .20), inset 0 0 12px rgba(212, 175, 55, .08) !important;
}

.buy-page .buy-order-section .summary-card {
    border: 1.5px solid #a5ddff !important;
    border-radius: 18px !important;
    background: linear-gradient(155deg, #0e1d27, #07151b 80%) !important;
    box-shadow: 0 0 0 2px rgba(211, 242, 255, .12), 0 0 13px rgba(151, 215, 255, .65), 0 0 34px rgba(66, 163, 229, .22), inset 0 0 18px rgba(115, 188, 228, .045) !important;
}

.buy-page .buy-order-section .summary-product {
    border-color: rgba(99, 199, 226, .35) !important;
    background: linear-gradient(135deg, rgba(27, 65, 77, .44), rgba(9, 37, 47, .64)) !important;
}

.buy-page .buy-order-section .summary-total>strong {
    color: #D4AF37 !important;
    text-shadow: 0 0 18px rgba(212, 175, 55, .18);
}

.buy-page .buy-order-section .buy-step-number,
.buy-page .buy-order-section .choice-card,
.buy-page .buy-order-section .coin-package {
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease;
}

/* On smaller screens retain the original one-column checkout layout. */
@media (max-width: 1050px) {
    .buy-page .buy-order-section .buy-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .buy-page .buy-order-section .buy-block {
        padding: 18px !important;
    }

    .buy-page .buy-order-section .summary-card {
        box-shadow: 0 0 12px rgba(151, 215, 255, .32), 0 0 22px rgba(66, 163, 229, .12) !important;
    }
}

/* ============================================================
   VULTREX | WHITE ORDER SUMMARY (REFERENCE MOCKUP)
   Scoped to Buy Coins checkout only. Hero/navbar untouched.
   ============================================================ */
.buy-page .buy-order-section .summary-card {
    color: #101b2c !important;
    background: linear-gradient(155deg, #ffffff 0%, #f5f8fb 100%) !important;
    border: 2px solid #e9f6ff !important;
    box-shadow: 0 0 0 2px rgba(207, 236, 255, .48), 0 0 16px rgba(185, 231, 255, .76), 0 0 35px rgba(118, 203, 247, .28), 0 18px 42px rgba(0, 0, 0, .18) !important;
}

.buy-page .buy-order-section .summary-header h2,
.buy-page .buy-order-section .summary-product-copy strong,
.buy-page .buy-order-section .summary-row strong,
.buy-page .buy-order-section .summary-total span,
.buy-page .buy-order-section .promo-label-row label {
    color: #101b2c !important;
}

.buy-page .buy-order-section .summary-header .section-label {
    color: #A78122 !important;
}

.buy-page .buy-order-section .summary-status {
    background: #FBF3DB !important;
    color: #98751D !important;
    border-color: #E8D49A !important;
}

.buy-page .buy-order-section .summary-product {
    background: linear-gradient(135deg, #f0f4f7, #e9eff3) !important;
    border: 1px solid #c9d5df !important;
}

.buy-page .buy-order-section .summary-product-icon {
    background: linear-gradient(135deg, #fff, #e8edf0) !important;
    color: #B8942E !important;
    box-shadow: 0 2px 12px rgba(34, 55, 76, .08) !important;
}

.buy-page .buy-order-section .summary-product-copy>span,
.buy-page .buy-order-section .summary-product-copy small,
.buy-page .buy-order-section .summary-row span,
.buy-page .buy-order-section .summary-total small,
.buy-page .buy-order-section .summary-footer {
    color: #63748a !important;
}

.buy-page .buy-order-section .summary-row {
    border-bottom-color: #d6dee7 !important;
}

.buy-page .buy-order-section .promo-box,
.buy-page .buy-order-section .summary-total {
    border-top-color: #d6dee7 !important;
}

.buy-page .buy-order-section .promo-label-row span {
    color: #7c8b9d !important;
}

.buy-page .buy-order-section .promo-input {
    background: #f5f7fa !important;
    border-color: #c9d5df !important;
}

.buy-page .buy-order-section .promo-input input {
    background: transparent !important;
    color: #102035 !important;
}

.buy-page .buy-order-section .promo-input input::placeholder {
    color: #738399 !important;
}

.buy-page .buy-order-section .promo-input button {
    background: #F7EAC6 !important;
    color: #98751D !important;
    border-left-color: #E5D29C !important;
}

.buy-page .buy-order-section .promo-input button:hover {
    background: #F0DDA8 !important;
}

.buy-page .buy-order-section .summary-total>strong {
    color: #A78122 !important;
    text-shadow: none !important;
}

.buy-page .buy-order-section .buy-now-btn {
    color: #fff !important;
    background: linear-gradient(110deg, #D4AF37, #B8942E) !important;
    border-color: #C8A236 !important;
    box-shadow: 0 8px 22px rgba(212, 175, 55, .19) !important;
}

@media (max-width:700px) {
    .buy-page .buy-order-section .summary-card {
        box-shadow: 0 0 0 1px rgba(211, 238, 255, .7), 0 0 14px rgba(152, 214, 246, .43) !important;
    }
}


/* ============================================================
   VULTREX BUY COINS — BLACK / GOLD / OFF-WHITE VISUAL PASS
   Visual-only: no layout, behavior, validation, or JS changes.
   ============================================================ */
.buy-page {
    --buy-green: #D4AF37;
    --buy-green-dark: #B8942E;
    --buy-green-deep: #98751D;
    --buy-green-soft: #FBF5E5;
    --buy-green-pale: #FCF8EE;
    --buy-green-line: #E7D8B0;
    --buy-bg: #0C0B09;
    --buy-surface: #171510;
    --buy-surface-soft: #201C15;
    --buy-text: #F5F2EA;
    --buy-muted: #C5BDAE;
    --buy-border: #51452C;
    --buy-border-strong: #8C7238;
}

.buy-page .buy-order-section {
    color: #F5F2EA;
}

.buy-page .buy-order-section .buy-block {
    background: linear-gradient(155deg, #1C1914, #100F0D) !important;
    border-color: rgba(212, 175, 55, .32) !important;
}

.buy-page .buy-order-section .choice-card,
.buy-page .buy-order-section .coin-package {
    background: linear-gradient(145deg, #242017, #151410) !important;
    border-color: rgba(212, 175, 55, .24) !important;
}

.buy-page .buy-order-section .choice-card:hover,
.buy-page .buy-order-section .coin-package:hover {
    border-color: rgba(212, 175, 55, .68) !important;
    box-shadow: 0 0 16px rgba(212, 175, 55, .12) !important;
}

.buy-page .buy-order-section .choice-card.active,
.buy-page .buy-order-section .choice-card.express.active,
.buy-page .buy-order-section .coin-package.active {
    background: linear-gradient(145deg, #3A2E16, #211B11) !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 0 19px rgba(212, 175, 55, .19), inset 0 0 16px rgba(212, 175, 55, .055) !important;
}

.buy-page .buy-order-section .buy-step-number {
    background: #D4AF37 !important;
    color: #15120B !important;
    border-color: #D4AF37 !important;
}

/* The white summary is intentional: preserve its design and contrast. */
.buy-page .buy-order-section .summary-card {
    color: #17140F !important;
    background: linear-gradient(155deg, #FFFFFF, #FAF8F2) !important;
    border: 2px solid #EADBB8 !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, .15), 0 0 20px rgba(212, 175, 55, .23), 0 18px 42px rgba(0, 0, 0, .2) !important;
}

.buy-page .buy-order-section .summary-header .section-label,
.buy-page .buy-order-section .summary-total>strong {
    color: #98751D !important;
    text-shadow: none !important;
}

.buy-page .buy-order-section .summary-status {
    color: #806017 !important;
    background: #FBF3DB !important;
    border-color: #E8D49A !important;
}

.buy-page .buy-order-section .summary-product-icon {
    color: #A78122 !important;
}

.buy-page .buy-order-section .promo-input button {
    color: #6F5211 !important;
    background: #F7EAC6 !important;
    border-left-color: #E5D29C !important;
}

.buy-page .buy-order-section .promo-input button:hover {
    background: #F0DDA8 !important;
}

.buy-page .buy-order-section .buy-now-btn {
    color: #17130A !important;
    background: linear-gradient(110deg, #E5C55A, #C49B2B) !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 8px 22px rgba(212, 175, 55, .22) !important;
}


/* ============================================================
   VULTREX — SCREENSHOT-MATCH CHECKOUT (BLACK / GOLD)
   Delivery cards, payment tiles and DARK order summary.
   Scoped to buy checkout; does not change functionality.
   ============================================================ */
.buy-page .buy-order-section {
    background: radial-gradient(ellipse at 5% 95%, rgba(212, 175, 55, .12), transparent 35%), linear-gradient(145deg, #080908, #10100d 65%, #0a0a09) !important;
}

.buy-page .buy-order-section .buy-block,
.buy-page .buy-order-section .summary-card {
    background: linear-gradient(145deg, #141413, #0b0b0a) !important;
    border: 1px solid rgba(212, 175, 55, .13) !important;
    border-radius: 15px !important;
    box-shadow: 0 14px 35px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.buy-page .buy-order-section .choice-card {
    background: linear-gradient(135deg, #171716, #111110) !important;
    border: 1px solid rgba(190, 198, 193, .12) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.buy-page .buy-order-section .choice-card:hover {
    border-color: rgba(212, 175, 55, .55) !important;
    box-shadow: 0 0 13px rgba(212, 175, 55, .09) !important;
}

.buy-page .buy-order-section .choice-card.active,
.buy-page .buy-order-section .choice-card.express.active {
    background: linear-gradient(110deg, rgba(116, 91, 23, .38), rgba(25, 26, 18, .98)) !important;
    border: 1px solid #d4af37 !important;
    box-shadow: inset 0 0 18px rgba(212, 175, 55, .09), 0 0 13px rgba(212, 175, 55, .14) !important;
}

.buy-page .buy-order-section .choice-card.express .choice-icon,
.buy-page .buy-order-section .choice-card.express.active .choice-icon {
    background: transparent !important;
    color: #f4c847 !important;
    box-shadow: none !important;
}

.buy-page .buy-order-section .choice-card:not(.express) .choice-icon {
    background: transparent !important;
    color: #a5b0b5 !important;
    box-shadow: none !important;
}

.buy-page .buy-order-section .choice-card .choice-icon svg,
.buy-page .buy-order-section .choice-card .choice-icon i {
    width: 28px;
    height: 28px;
    font-size: 27px;
}

.buy-page .buy-order-section .choice-card .delivery-copy strong,
.buy-page .buy-order-section .choice-card .delivery-title,
.buy-page .buy-order-section .choice-card .delivery-copy {
    color: #f6f4ec !important;
}

.buy-page .buy-order-section .choice-card .delivery-copy>span,
.buy-page .buy-order-section .choice-card .delivery-status {
    color: #a5b0b7 !important;
}

.buy-page .buy-order-section .express-badge {
    background: #f3c84e !important;
    color: #18140a !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

.buy-page .buy-order-section .choice-card.active .choice-check {
    background: #d4af37 !important;
    border-color: #d4af37 !important;
    color: #10100d !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, .2) !important;
}

/* Payment method choices use the same compact charcoal tiles as the reference. */
.buy-page .buy-order-section .choice-card:has(input[name*="payment"]),
.buy-page .buy-order-section .choice-card:has(input[value="paypal"]),
.buy-page .buy-order-section .choice-card:has(input[value="instapay"]),
.buy-page .buy-order-section .choice-card:has(input[value="vodafone_cash"]),
.buy-page .buy-order-section .choice-card:has(input[value="crypto"]) {
    background: linear-gradient(145deg, #161615, #0d0d0c) !important;
    border-color: rgba(195, 200, 195, .16) !important;
}

.buy-page .buy-order-section .choice-card:has(input:checked) {
    border-color: #d4af37 !important;
    background: linear-gradient(120deg, rgba(212, 175, 55, .16), #111410) !important;
}

/* Dark reference summary: override all previous white/light theme rules. */
.buy-page .buy-order-section .summary-card,
html[data-theme="light"] .buy-page .buy-order-section .summary-card {
    color: #f5f4ee !important;
    background: linear-gradient(155deg, #161615, #0d0d0c) !important;
    border: 1px solid rgba(212, 175, 55, .14) !important;
    box-shadow: 0 14px 35px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.buy-page .buy-order-section .summary-header h2,
.buy-page .buy-order-section .summary-product-copy strong,
.buy-page .buy-order-section .summary-row strong,
.buy-page .buy-order-section .summary-total span,
.buy-page .buy-order-section .promo-label-row label,
html[data-theme="light"] .buy-page .buy-order-section .summary-header h2,
html[data-theme="light"] .buy-page .buy-order-section .summary-row strong {
    color: #f7f5ef !important;
}

.buy-page .buy-order-section .summary-header .section-label,
.buy-page .buy-order-section .summary-total>strong,
html[data-theme="light"] .buy-page .buy-order-section .summary-total>strong {
    color: #f2c747 !important;
    text-shadow: none !important;
}

.buy-page .buy-order-section .summary-product,
html[data-theme="light"] .buy-page .buy-order-section .summary-product {
    background: linear-gradient(145deg, #1a1a19, #121211) !important;
    border: 1px solid rgba(255, 255, 255, .075) !important;
    border-radius: 10px !important;
}

.buy-page .buy-order-section .summary-product-icon,
html[data-theme="light"] .buy-page .buy-order-section .summary-product-icon {
    color: #f2c747 !important;
    background: rgba(212, 175, 55, .08) !important;
    box-shadow: none !important;
}

.buy-page .buy-order-section .summary-product-copy>span,
.buy-page .buy-order-section .summary-product-copy small,
.buy-page .buy-order-section .summary-row span,
.buy-page .buy-order-section .summary-total small,
.buy-page .buy-order-section .summary-footer,
html[data-theme="light"] .buy-page .buy-order-section .summary-row span {
    color: #aeb8bd !important;
}

.buy-page .buy-order-section .summary-row,
html[data-theme="light"] .buy-page .buy-order-section .summary-row {
    border-bottom-color: rgba(255, 255, 255, .08) !important;
}

.buy-page .buy-order-section .summary-total,
.buy-page .buy-order-section .promo-box {
    border-top-color: rgba(255, 255, 255, .1) !important;
}

.buy-page .buy-order-section .summary-status,
html[data-theme="light"] .buy-page .buy-order-section .summary-status {
    background: rgba(212, 175, 55, .09) !important;
    color: #f2c747 !important;
    border: 1px solid rgba(212, 175, 55, .17) !important;
}

.buy-page .buy-order-section .promo-input,
html[data-theme="light"] .buy-page .buy-order-section .promo-input {
    background: #141413 !important;
    border-color: rgba(212, 175, 55, .23) !important;
}

.buy-page .buy-order-section .promo-input input,
html[data-theme="light"] .buy-page .buy-order-section .promo-input input {
    color: #f6f3ea !important;
}

.buy-page .buy-order-section .promo-input input::placeholder {
    color: #969693 !important;
}

.buy-page .buy-order-section .promo-input button {
    background: #d4af37 !important;
    color: #17130a !important;
}

.buy-page .buy-order-section .buy-now-btn {
    background: linear-gradient(105deg, #f0c74d, #d8ab31) !important;
    color: #14120b !important;
}

@media(max-width:700px) {
    .buy-page .buy-order-section .summary-card {
        box-shadow: 0 8px 25px rgba(0, 0, 0, .28) !important;
    }
}

/* VULTREX: gold-only visual theme. PHP, checkout and JS untouched. */
.buy-page .buy-order-section .amount-slider-wrap,
.buy-page .buy-order-section .amount-slider-card,
.buy-page .buy-order-section .amount-control {
    background-color: #171612 !important;
}

.buy-page .buy-order-section input[type="range"] {
    accent-color: #d4af37 !important;
}

.buy-page .buy-order-section input[type="range"]::-webkit-slider-thumb {
    background: #d4af37 !important;
    border-color: #fff3cc !important;
}

.buy-page .buy-order-section input[type="range"]::-moz-range-thumb {
    background: #d4af37 !important;
    border-color: #fff3cc !important;
}

/* =============================================================
   VULTREX — SELECT AMOUNT / MINIMAL CHARCOAL & SOFT GOLD
   Presentation-only: retains all existing inputs, handlers and IDs.
   ============================================================= */
.buy-page .amount-slider-shell,
html[data-theme="light"] .buy-page .amount-slider-shell {
    background: linear-gradient(145deg, #191c1e, #121516) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 17px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
    padding: 23px 24px !important;
}

.buy-page .amount-slider-head strong {
    color: #f7f7f5 !important;
    font-size: clamp(22px, 2.3vw, 29px) !important;
    letter-spacing: -.6px !important;
}

.buy-page .amount-kicker {
    color: #b5bdc2 !important;
    letter-spacing: 2px !important;
}

.buy-page .amount-range {
    color: #aeb9c0 !important;
}

.buy-page .amount-step-btn,
html[data-theme="light"] .buy-page .amount-step-btn {
    background: #131516 !important;
    color: #f2c35a !important;
    border: 1px solid rgba(214, 170, 67, .33) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.buy-page .amount-step-btn:hover {
    background: #24221b !important;
    border-color: #e6bb53 !important;
}

.buy-page .amount-slider-bubble {
    background: #171614 !important;
    color: #f6ca67 !important;
    border: 1px solid #e3b94e !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .35) !important;
}

.buy-page .amount-slider-bubble::after {
    background: #171614 !important;
    border-right: 1px solid #e3b94e !important;
    border-bottom: 1px solid #e3b94e !important;
}

.buy-page #amountSlider {
    background: linear-gradient(to right, #eac05a 0%, #eac05a var(--amount-progress), #41464a var(--amount-progress), #41464a 100%) !important;
    height: 6px !important;
}

.buy-page #amountSlider::-webkit-slider-thumb {
    background: #f1c45b !important;
    border: 3px solid #fff0ca !important;
    box-shadow: 0 0 0 2px #c7952d, 0 2px 9px rgba(0, 0, 0, .35) !important;
}

.buy-page #amountSlider::-moz-range-thumb {
    background: #f1c45b !important;
    border: 3px solid #fff0ca !important;
    box-shadow: 0 0 0 2px #c7952d !important;
}

.buy-page .amount-slider-limits {
    color: #b5bdc2 !important;
}

.buy-page .amount-selector-top .amount-kicker {
    color: #b5bdc2 !important;
}

.buy-page .coin-packages {
    gap: 11px !important;
}

.buy-page .coin-package,
html[data-theme="light"] .buy-page .coin-package {
    min-height: 112px !important;
    background: linear-gradient(150deg, #1b1e20, #111315) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: #f6f6f3 !important;
    padding: 14px !important;
}

.buy-page .coin-package:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(232, 185, 76, .56) !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .24) !important;
}

.buy-page .coin-package.active,
html[data-theme="light"] .buy-page .coin-package.active {
    background: linear-gradient(145deg, #262118, #171717) !important;
    border: 1px solid #e6b945 !important;
    box-shadow: 0 0 0 1px rgba(231, 184, 67, .10), 0 7px 18px rgba(0, 0, 0, .24) !important;
}

/* Coin icon: restrained metallic UT medallion, pure CSS (no new assets). */
.buy-page .coin-package::before {
    width: 35px !important;
    height: 35px !important;
    top: 12px !important;
    border: 2px solid #c79631 !important;
    background: radial-gradient(circle at 33% 23%, #ffe7a1 0%, #e6b84f 33%, #a56c16 72%, #67410e 100%) !important;
    box-shadow: inset 0 0 0 3px rgba(255, 224, 143, .28), 0 3px 9px rgba(0, 0, 0, .35) !important;
}

.buy-page .coin-package::after {
    content: "UT" !important;
    top: 23px !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: -.6px !important;
    color: #30200a !important;
    text-shadow: 0 1px 0 rgba(255, 237, 176, .5) !important;
}

.buy-page .coin-package-copy strong {
    color: #fff !important;
}

.buy-page .coin-package-copy span {
    color: #b8c0c4 !important;
}

.buy-page .package-select-indicator {
    background: #242320 !important;
    color: #f2c45d !important;
    border: 1px solid rgba(232, 185, 76, .20) !important;
}

.buy-page .coin-package.active .package-select-indicator {
    background: #efc25c !important;
    color: #181612 !important;
    border-color: #efc25c !important;
}

.buy-page .package-tag {
    background: #f0c35c !important;
    color: #191610 !important;
}

.buy-page .custom-amount-box,
html[data-theme="light"] .buy-page .custom-amount-box {
    background: linear-gradient(140deg, #1b1e20, #141617) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: none !important;
}

@media(max-width:700px) {
    .buy-page .amount-slider-shell {
        padding: 17px !important;
    }

    .buy-page .coin-package {
        min-height: 104px !important;
    }
}

/* VULTREX — SELECT AMOUNT / REFERENCE FINISH (2026-10-11) */
.buy-page .coin-packages {
    gap: 10px !important;
}

.buy-page .coin-package,
html[data-theme="light"] .buy-page .coin-package {
    min-height: 110px !important;
    padding: 12px 13px !important;
    background: linear-gradient(155deg, #1a1c1d 0%, #101213 100%) !important;
    border: 1px solid rgba(255, 255, 255, .105) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.buy-page .coin-package.active,
html[data-theme="light"] .buy-page .coin-package.active {
    background: linear-gradient(155deg, #252016 0%, #171510 100%) !important;
    border-color: #e4b73e !important;
    box-shadow: 0 0 0 1px rgba(225, 174, 49, .14), 0 0 18px rgba(217, 157, 34, .10), inset 0 1px 0 rgba(255, 222, 136, .07) !important;
}

/* Transparent coin-stack artwork stored alongside this stylesheet in assets/css/. */
.buy-page .coin-package::before,
html[data-theme="light"] .buy-page .coin-package::before {
    content: "" !important;
    position: absolute !important;
    top: 11px !important;
    left: 50% !important;
    width: 62px !important;
    height: 49px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: url('../images/vultrex-package-coins-transparent.png') center / contain no-repeat !important;
    box-shadow: none !important;
    transform: translateX(-50%) !important;
    mix-blend-mode: normal !important;
}

.buy-page .coin-package::after,
html[data-theme="light"] .buy-page .coin-package::after {
    content: none !important;
    display: none !important;
}

.buy-page .coin-package-copy strong {
    font-size: 18px !important;
    line-height: 1.05 !important;
    letter-spacing: -.5px !important;
}

.buy-page .coin-package-copy span {
    font-size: 11px !important;
}

.buy-page .package-select-indicator {
    width: 24px !important;
    height: 24px !important;
}

.buy-page .coin-package.active .package-select-indicator {
    box-shadow: 0 0 13px rgba(239, 194, 92, .22) !important;
}

.buy-page .amount-slider-shell,
html[data-theme="light"] .buy-page .amount-slider-shell {
    background: linear-gradient(135deg, #191c1e, #121516) !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 16px !important;
}

.buy-page .custom-amount-box,
html[data-theme="light"] .buy-page .custom-amount-box {
    background: linear-gradient(135deg, #191c1e, #131617) !important;
    border-radius: 15px !important;
}

@media(max-width:700px) {
    .buy-page .coin-package {
        min-height: 104px !important;
    }

    .buy-page .coin-package::before {
        width: 52px !important;
        height: 43px !important;
    }
}

/* =========================================================
   FINAL HERO IMAGE OVERRIDE — DARK GOLD (ALL THEMES)
   Keeps the chosen image regardless of earlier theme rules.
   ========================================================= */
.buy-page .buy-hero,
html[data-theme="light"] .buy-page .buy-hero,
html[data-theme="dark"] .buy-page .buy-hero {
    background-image: linear-gradient(90deg, rgba(5, 6, 6, .72) 0%, rgba(5, 6, 6, .35) 38%, rgba(5, 6, 6, 0) 78%), url("../images/buyCoinsGoldBackground.png") !important;
    background-color: #08090a !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* =========================================================
   SELECT AMOUNT — FINAL ASSET + SLIDER TICK FIX
   Keep these rules last to defeat earlier legacy overrides.
   ========================================================= */
.buy-page .coin-package::before,
html[data-theme="light"] .buy-page .coin-package::before {
    content: "" !important;
    display: block !important;
    background: url('../images/vultrex-package-coins-transparent.png') center / contain no-repeat !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Evenly spaced small marks underneath the actual range track. */
.buy-page .amount-range-wrap::after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 7px;
    margin-top: 5px;
    pointer-events: none;
    background-image: linear-gradient(to right, rgba(172, 181, 188, .7) 1px, transparent 1px);
    background-size: 16.6666667% 100%;
    background-repeat: repeat-x;
    border-right: 1px solid rgba(172, 181, 188, .7);
}

/* FINAL COIN PACKAGE IMAGE — resilient path and stacking */
.buy-page .coin-package,
html[data-theme="light"] .buy-page .coin-package {
    position: relative !important;
    overflow: hidden !important;
}

.buy-page .coin-package::before,
html[data-theme="light"] .buy-page .coin-package::before,
html[data-theme="dark"] .buy-page .coin-package::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 10px !important;
    left: 50% !important;
    width: 70px !important;
    height: 55px !important;
    z-index: 2 !important;
    background-image: url("../images/vultrex-package-coins-transparent.png") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
}

.buy-page .coin-package-copy,
.buy-page .package-select-indicator {
    position: relative !important;
    z-index: 3 !important;
}

/* VULTREX final package spacing fix — keep amount labels unobstructed */
.buy-page .coin-package,
html[data-theme="light"] .buy-page .coin-package,
html[data-theme="dark"] .buy-page .coin-package {
    position: relative !important;
    min-height: 112px !important;
    padding: 14px 42px 14px 14px !important;
}

.buy-page .coin-package::before,
html[data-theme="light"] .buy-page .coin-package::before,
html[data-theme="dark"] .buy-page .coin-package::before {
    width: 56px !important;
    height: 43px !important;
    top: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.buy-page .coin-package-copy {
    position: relative !important;
    z-index: 3 !important;
    min-width: 0 !important;
}

.buy-page .package-select-indicator,
html[data-theme="light"] .buy-page .package-select-indicator,
html[data-theme="dark"] .buy-page .package-select-indicator {
    position: absolute !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    z-index: 4 !important;
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
}