/* =====================================================
   3TREE ELITE MEMBERSHIP V2
===================================================== */

.membership-v2-body {
    margin:0;
    background:#f6f1e8;
    color:#211915;
}

.membership-v2-active {
    color:#c99b4d !important;
}


/* HERO */

.elite-hero {
    position:relative;
    min-height:480px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:65px 20px;
    overflow:hidden;
    background:
        radial-gradient(circle at 20% 25%,
            rgba(210,164,81,.15),transparent 25%),
        radial-gradient(circle at 82% 70%,
            rgba(210,164,81,.10),transparent 30%),
        linear-gradient(120deg,#110d0b,#251a14 55%,#342318);
    color:#fff;
}

.elite-hero::before,
.elite-hero::after {
    content:"";
    position:absolute;
    border:1px solid rgba(217,177,99,.10);
    border-radius:50%;
}

.elite-hero::before {
    width:650px;
    height:650px;
    top:-460px;
    right:-130px;
}

.elite-hero::after {
    width:520px;
    height:520px;
    left:-260px;
    bottom:-390px;
}

.elite-hero-content {
    position:relative;
    z-index:2;
    max-width:850px;
    text-align:center;
}

.elite-eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    color:#d3a550;
    font-size:10px;
    font-weight:700;
    letter-spacing:4px;
}

.elite-eyebrow span {
    width:55px;
    height:1px;
    background:#bd8c3d;
}

.elite-hero h1 {
    margin:23px 0 14px;
    color:#fff;
    font-size:clamp(46px,6vw,78px);
    line-height:1.05;
}

.elite-hero h1 em,
.elite-intro h2 em,
.elite-form-intro h2 em {
    color:#d5aa56;
    font-style:normal;
}

.elite-hero p {
    max-width:620px;
    margin:0 auto;
    color:rgba(255,255,255,.68);
    font-size:16px;
    line-height:2;
}

.elite-hero-button {
    display:inline-flex;
    align-items:center;
    gap:28px;
    margin-top:30px;
    padding:15px 27px;
    border:1px solid #c59647;
    background:linear-gradient(110deg,#deb55f,#a97431);
    color:#1a120d;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
}


/* INTRO */

.elite-intro {
    padding:75px 20px 35px;
    text-align:center;
}

.elite-section-label {
    color:#a87532;
    font-size:9px;
    font-weight:800;
    letter-spacing:4px;
}

.elite-intro h2 {
    margin:10px 0;
    font-size:38px;
}

.elite-intro p {
    max-width:600px;
    margin:auto;
    color:#7e7167;
    font-size:13px;
    line-height:1.9;
}


/* PLANS */

.elite-plans-section {
    padding:20px 20px 90px;
}

.elite-plans {
    width:min(1220px,100%);
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.elite-plan {
    position:relative;
    overflow:hidden;
    border:1px solid #dfd4c5;
    background:#fff;
    box-shadow:0 20px 50px rgba(42,29,20,.07);
    transition:.25s ease;
}

.elite-plan:hover,
.elite-plan.selected {
    transform:translateY(-7px);
    border-color:#c69647;
    box-shadow:0 30px 65px rgba(42,29,20,.14);
}

.elite-plan.selected {
    outline:2px solid rgba(198,150,71,.25);
}

.elite-plan-top {
    min-height:250px;
    padding:28px 20px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 0,
            rgba(211,166,84,.13),transparent 45%),
        linear-gradient(145deg,#18120f,#2b1e17);
    color:#fff;
}

.elite-plan-number {
    position:absolute;
    top:14px;
    right:16px;
    color:rgba(255,255,255,.18);
    font-size:11px;
}

.elite-medal {
    width:88px;
    height:88px;
    margin:8px auto 18px;
    display:grid;
    place-items:center;
    border:1px solid rgba(214,171,89,.42);
    border-radius:50%;
    box-shadow:
        inset 0 0 0 7px rgba(214,171,89,.05),
        0 10px 30px rgba(0,0,0,.18);
}

.elite-medal span {
    color:#d5a954;
    font-size:42px;
    font-weight:700;
}

.elite-level {
    display:block;
    color:#9f7b4a;
    font-size:8px;
    letter-spacing:2px;
}

.elite-plan h3 {
    margin:6px 0 2px;
    color:#d9ad58;
    font-size:30px;
}

.elite-plan-top p {
    margin:0;
    color:rgba(255,255,255,.58);
    font-size:11px;
}

.elite-plan-body {
    padding:22px;
}

.elite-benefits-placeholder {
    min-height:100px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#76695e;
    font-size:11px;
    line-height:1.8;
}

.elite-benefits-placeholder > span {
    color:#bd893b;
}

.elite-benefits-placeholder p {
    margin:0;
}

.elite-select-plan {
    width:100%;
    min-height:46px;
    border:1px solid #c99a4b;
    background:#211813;
    color:#fff;
    font-family:inherit;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
    transition:.2s ease;
}

.elite-select-plan:hover,
.elite-plan.selected .elite-select-plan {
    background:linear-gradient(110deg,#deb55f,#a97431);
    color:#1a120d;
}

.elite-recommended {
    position:absolute;
    z-index:4;
    top:15px;
    left:-31px;
    width:125px;
    padding:5px;
    transform:rotate(-40deg);
    background:#d2a34f;
    color:#20150e;
    text-align:center;
    font-size:7px;
    font-weight:800;
}


/* FORM */

.elite-form-section {
    padding:90px 20px;
    background:
        radial-gradient(circle at 10% 50%,
            rgba(204,157,75,.10),transparent 30%),
        linear-gradient(130deg,#15100d,#2a1d16);
}

.elite-form-shell {
    width:min(1100px,100%);
    margin:auto;
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:55px;
    align-items:center;
}

.elite-form-intro > span {
    color:#c49343;
    font-size:9px;
    font-weight:800;
    letter-spacing:3px;
}

.elite-form-intro h2 {
    margin:10px 0 15px;
    color:#fff;
    font-size:39px;
    line-height:1.3;
}

.elite-form-intro > p {
    color:rgba(255,255,255,.57);
    font-size:12px;
    line-height:2;
}

.elite-selected-box {
    margin-top:30px;
    padding:17px;
    border:1px solid rgba(211,165,82,.28);
    background:rgba(255,255,255,.025);
}

.elite-selected-box small {
    display:block;
    margin-bottom:5px;
    color:rgba(255,255,255,.43);
}

.elite-selected-box strong {
    color:#d8aa55;
}

.elite-contact {
    margin-top:20px;
    color:rgba(255,255,255,.5);
    font-size:10px;
}

.elite-contact span {
    display:block;
    margin-bottom:5px;
}

.elite-contact a {
    color:#d7aa54;
    text-decoration:none;
}

.elite-form-card {
    padding:35px;
    border:1px solid rgba(207,160,78,.35);
    background:#fffdf9;
    box-shadow:0 30px 80px rgba(0,0,0,.20);
}

.elite-fields {
    display:grid;
    gap:13px;
    margin-bottom:14px;
}

.elite-fields.two {
    grid-template-columns:repeat(2,1fr);
}

.elite-fields.three {
    grid-template-columns:repeat(3,1fr);
}

.elite-form-card label > span {
    display:block;
    margin-bottom:7px;
    color:#59483b;
    font-size:10px;
    font-weight:700;
}

.elite-form-card input,
.elite-form-card textarea {
    box-sizing:border-box;
    width:100%;
    border:1px solid #ded2c3;
    outline:none;
    background:#fff;
    color:#211915;
    font-family:inherit;
}

.elite-form-card input {
    height:48px;
    padding:0 13px;
}

.elite-form-card textarea {
    padding:13px;
    resize:vertical;
}

.elite-form-card input:focus,
.elite-form-card textarea:focus {
    border-color:#bc873c;
    box-shadow:0 0 0 3px rgba(188,135,60,.07);
}

.elite-full {
    display:block;
    margin-bottom:17px;
}

.elite-submit {
    width:100%;
    min-height:52px;
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid #bd893e;
    background:linear-gradient(110deg,#ddb35b,#a8722e);
    color:#1c130e;
    font-family:inherit;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}

.elite-submit:disabled {
    opacity:.6;
    cursor:wait;
}

.elite-form-message {
    margin-bottom:15px;
    padding:12px;
    border:1px solid #e4c7c7;
    background:#fff1f1;
    color:#983b3b;
    font-size:11px;
    line-height:1.7;
}

.elite-form-message.success {
    border-color:#b9d7b0;
    background:#f1faee;
    color:#39712d;
}


/* MOBILE */

@media(max-width:1000px) {

    .elite-plans {
        grid-template-columns:repeat(2,1fr);
    }

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

}

@media(max-width:650px) {

    .elite-hero {
        min-height:390px;
    }

    .elite-plans {
        grid-template-columns:1fr;
    }

    .elite-plan-top {
        min-height:220px;
    }

    .elite-fields.two,
    .elite-fields.three {
        grid-template-columns:1fr;
    }

    .elite-form-card {
        padding:24px 16px;
    }

    .elite-form-section {
        padding:60px 12px;
    }

}


/* =====================================================
   3TREE ELITE V2.1 — PREMIUM SCALE & UX FIX
   ===================================================== */


/* ---------- HERO: LESS EMPTY / STRONGER ---------- */

.elite-hero {
    min-height: 390px;
    padding: 52px 24px;
}

.elite-hero-content {
    max-width: 900px;
}

.elite-hero h1 {
    margin: 18px 0 12px;
    font-size: clamp(52px, 5.3vw, 76px);
}

.elite-hero p {
    max-width: 680px;
    font-size: 15px;
}

.elite-hero-button {
    margin-top: 25px;
    min-height: 50px;
    padding: 0 30px;
}


/* ---------- SECTION HEADING ---------- */

.elite-intro {
    padding: 68px 20px 42px;
}

.elite-intro h2 {
    font-size: clamp(36px, 3.2vw, 48px);
}

.elite-intro p {
    max-width: 680px;
    font-size: 14px;
}


/* ---------- MEMBERSHIP CARDS ---------- */

.elite-plans-section {
    padding: 12px 32px 95px;
}

.elite-plans {
    width: min(1420px, 100%);
    gap: 18px;
}

.elite-plan {
    min-width: 0;
    border-radius: 2px;
}

.elite-plan-top {
    min-height: 285px;
    padding: 32px 24px 28px;
}

.elite-medal {
    width: 98px;
    height: 98px;
    margin: 13px auto 20px;
}

.elite-medal span {
    font-size: 46px;
}

.elite-level {
    font-size: 9px;
    letter-spacing: 2.6px;
}

.elite-plan h3 {
    margin: 8px 0 4px;
    font-size: 34px;
}

.elite-plan-top p {
    font-size: 12px;
}

.elite-plan-body {
    padding: 27px 25px 25px;
}

.elite-benefits-placeholder {
    min-height: 115px;
    font-size: 12px;
    line-height: 1.9;
}

.elite-select-plan {
    min-height: 50px;
    font-size: 12px;
}


/* Strong selected membership */

.elite-plan.selected {
    transform: translateY(-9px);
    border-color: #c89645;
    box-shadow:
        0 28px 70px rgba(42,29,20,.18),
        0 0 0 2px rgba(200,150,69,.15);
}

.elite-plan.selected::after {
    content: "تم الاختيار";
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 6;
    padding: 6px 10px;
    background: #d3a34f;
    color: #1d140e;
    font-size: 9px;
    font-weight: 800;
}


/* ---------- FORM AREA ---------- */

.elite-form-section {
    padding: 82px 28px;
}

.elite-form-shell {
    width: min(1240px, 100%);
    grid-template-columns: 1.12fr .88fr;
    gap: 70px;
}

.elite-form-card {
    padding: 42px;
}

.elite-form-intro {
    max-width: 450px;
}

.elite-form-intro h2 {
    font-size: clamp(38px, 3.6vw, 52px);
}

.elite-form-intro > p {
    font-size: 13px;
    max-width: 400px;
}

.elite-selected-box {
    margin-top: 28px;
    padding: 20px;
}

.elite-selected-box small {
    font-size: 10px;
}

.elite-selected-box strong {
    display: block;
    margin-top: 5px;
    font-size: 17px;
}

.elite-form-card label > span {
    font-size: 11px;
}

.elite-form-card input {
    height: 52px;
}

.elite-submit {
    min-height: 56px;
    font-size: 13px;
}


/* Disabled means: choose membership first */

.elite-submit:disabled {
    opacity: .45;
    cursor: not-allowed;
    filter: grayscale(.35);
}


/* CRITICAL:
   Hidden messages must NEVER appear on initial page load */

.elite-form-message[hidden] {
    display: none !important;
}

.elite-form-message {
    margin: 0 0 16px;
}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 1180px) {

    .elite-plans {
        grid-template-columns: repeat(2, minmax(0,1fr));
        max-width: 900px;
    }

    .elite-form-shell {
        gap: 45px;
    }
}

@media (max-width: 850px) {

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

    .elite-form-intro {
        max-width: none;
        text-align: center;
    }

    .elite-selected-box {
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 650px) {

    .elite-hero {
        min-height: 350px;
        padding: 45px 18px;
    }

    .elite-hero h1 {
        font-size: 43px;
    }

    .elite-plans-section {
        padding-left: 14px;
        padding-right: 14px;
    }

    .elite-plans {
        grid-template-columns: 1fr;
    }

    .elite-plan-top {
        min-height: 250px;
    }

    .elite-form-section {
        padding: 60px 13px;
    }

    .elite-form-card {
        padding: 27px 17px;
    }
}


/* =====================================================
   3TREE ELITE — REAL MEMBERSHIP BENEFITS V3
===================================================== */

.elite-plan-body {
    display: flex;
    flex-direction: column;
    min-height: 305px;
}

.elite-real-plan-content {
    flex: 1;
}

.elite-plan-description {
    min-height: 43px;
    margin: 0 0 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee5d9;
    color: #75685d;
    font-size: 11px;
    line-height: 1.8;
}

.elite-benefits-list {
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
}

.elite-benefits-list li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 11px;
    color: #44382f;
    font-size: 11px;
    line-height: 1.65;
}

.elite-benefit-check {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    display: inline-grid;
    place-items: center;
    margin-top: 1px;
    border: 1px solid rgba(190,137,58,.35);
    border-radius: 50%;
    background: #fbf5e9;
    color: #a8722e;
    font-size: 9px;
    font-weight: 900;
}

.elite-select-plan {
    margin-top: auto;
}


/* Membership visual progression */

.elite-plan.bronze .elite-medal {
    border-color: rgba(167,111,65,.55);
}

.elite-plan.silver .elite-medal {
    border-color: rgba(181,181,181,.60);
}

.elite-plan.gold .elite-medal {
    border-color: rgba(216,169,78,.75);
}

.elite-plan.platinum .elite-medal {
    border-color: rgba(214,202,177,.68);
}


/* Platinum has more benefits, keep cards visually aligned */

.elite-plans {
    align-items: stretch;
}

.elite-plan {
    display: flex;
    flex-direction: column;
}

.elite-plan-body {
    flex: 1;
}


/* Selected membership */

.elite-plan.selected .elite-plan-top {
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(218,171,83,.20),
            transparent 47%
        ),
        linear-gradient(
            145deg,
            #17100c,
            #382516
        );
}


/* MOBILE */

@media (max-width:650px) {

    .elite-plan-body {
        min-height: auto;
    }

    .elite-plan-description {
        min-height: auto;
    }

}


/* =====================================================
   3TREE ELITE V3.2
   INDIVIDUAL MEMBERSHIP COLORS
===================================================== */


/* =====================================================
   BRONZE
===================================================== */

.elite-plan.bronze {
    --tier-color: #B87333;
    --tier-light: #D6A16F;
    --tier-dark: #74421F;
    --tier-soft: rgba(184,115,51,.10);
}

.elite-plan.bronze .elite-plan-top {
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(184,115,51,.19),
            transparent 47%
        ),
        linear-gradient(
            145deg,
            #18110d,
            #2b1a11
        );
}

.elite-plan.bronze .elite-medal {
    border-color: rgba(184,115,51,.72);
    box-shadow:
        inset 0 0 0 7px rgba(184,115,51,.055),
        0 10px 30px rgba(0,0,0,.20);
}

.elite-plan.bronze h3,
.elite-plan.bronze .elite-medal span {
    color: #C88447;
}

.elite-plan.bronze .elite-benefit-check {
    color: #9A592A;
    border-color: rgba(184,115,51,.38);
    background: rgba(184,115,51,.08);
}

.elite-plan.bronze .elite-select-plan {
    border-color: #B87333;
}

.elite-plan.bronze .elite-select-plan:hover,
.elite-plan.bronze.selected .elite-select-plan {
    background:
        linear-gradient(
            110deg,
            #D49A65,
            #A65E2C
        );

    color: #1b1009;
}


/* =====================================================
   SILVER
===================================================== */

.elite-plan.silver {
    --tier-color: #A7A9AC;
    --tier-light: #D9D9D9;
    --tier-dark: #696B6E;
    --tier-soft: rgba(167,169,172,.11);
}

.elite-plan.silver .elite-plan-top {
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(200,202,204,.16),
            transparent 47%
        ),
        linear-gradient(
            145deg,
            #151515,
            #292725
        );
}

.elite-plan.silver .elite-medal {
    border-color: rgba(205,207,209,.72);

    box-shadow:
        inset 0 0 0 7px rgba(205,207,209,.05),
        0 10px 30px rgba(0,0,0,.20);
}

.elite-plan.silver h3,
.elite-plan.silver .elite-medal span {
    color: #D1D2D3;
}

.elite-plan.silver .elite-level {
    color: #B5B6B8;
}

.elite-plan.silver .elite-benefit-check {
    color: #737578;
    border-color: rgba(167,169,172,.45);
    background: rgba(167,169,172,.10);
}

.elite-plan.silver .elite-select-plan {
    border-color: #9B9DA0;
}

.elite-plan.silver .elite-select-plan:hover,
.elite-plan.silver.selected .elite-select-plan {
    background:
        linear-gradient(
            110deg,
            #E1E1E1,
            #9B9DA0
        );

    color: #181818;
}


/* =====================================================
   GOLD
===================================================== */

.elite-plan.gold {
    --tier-color: #D4A63F;
    --tier-light: #F0CB6B;
    --tier-dark: #9A681C;
    --tier-soft: rgba(212,166,63,.11);
}

.elite-plan.gold .elite-plan-top {
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(222,174,68,.22),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #171109,
            #30200e
        );
}

.elite-plan.gold .elite-medal {
    border-color: rgba(222,174,68,.90);

    box-shadow:
        inset 0 0 0 7px rgba(222,174,68,.06),
        0 10px 32px rgba(0,0,0,.22);
}

.elite-plan.gold h3,
.elite-plan.gold .elite-medal span {
    color: #E0AE46;
}

.elite-plan.gold .elite-benefit-check {
    color: #A66D16;
    border-color: rgba(212,166,63,.45);
    background: rgba(212,166,63,.10);
}

.elite-plan.gold .elite-select-plan {
    border-color: #D4A63F;
}

.elite-plan.gold .elite-select-plan:hover,
.elite-plan.gold.selected .elite-select-plan {
    background:
        linear-gradient(
            110deg,
            #F0C969,
            #B77B20
        );

    color: #1c1308;
}


/* =====================================================
   PLATINUM
===================================================== */

.elite-plan.platinum {
    --tier-color: #D7CCB4;
    --tier-light: #F1E9D8;
    --tier-dark: #91846B;
    --tier-soft: rgba(215,204,180,.12);

    border-color: #C9BDA5;
}

.elite-plan.platinum .elite-plan-top {
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(225,215,193,.20),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #151310,
            #29251f
        );
}

.elite-plan.platinum .elite-medal {
    border-color: rgba(226,216,194,.88);

    box-shadow:
        inset 0 0 0 7px rgba(226,216,194,.06),
        0 10px 32px rgba(0,0,0,.22);
}

.elite-plan.platinum h3,
.elite-plan.platinum .elite-medal span {
    color: #E0D5BD;
}

.elite-plan.platinum .elite-level {
    color: #BFB29A;
}

.elite-plan.platinum .elite-benefit-check {
    color: #877A62;
    border-color: rgba(190,178,151,.50);
    background: rgba(215,204,180,.14);
}

.elite-plan.platinum .elite-select-plan {
    border-color: #BFB197;
}

.elite-plan.platinum .elite-select-plan:hover,
.elite-plan.platinum.selected .elite-select-plan {
    background:
        linear-gradient(
            110deg,
            #EEE4CF,
            #B9AA8C
        );

    color: #1b1813;
}


/* =====================================================
   SELECTED CARD USES ITS OWN TIER COLOR
===================================================== */

.elite-plan.selected {
    border-color: var(--tier-color);

    box-shadow:
        0 28px 70px rgba(42,29,20,.16),
        0 0 0 2px var(--tier-soft);
}

.elite-plan.selected::after {
    background: var(--tier-color);
    color: #18120e;
}


/* Tiny upper card number follows tier */

.elite-plan .elite-plan-number {
    color: var(--tier-color);
    opacity: .45;
}


/* Subtle tier line above button */

.elite-plan-body::before {
    content: "";
    display: block;

    width: 34px;
    height: 2px;

    margin: 0 0 18px auto;

    background: var(--tier-color);

    opacity: .75;
}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:650px) {

    .elite-plan.selected {
        transform: translateY(-4px);
    }

}


/* =====================================================
   3TREE ELITE V3.3B
   REMOVE DECORATIVE NUMBER 3
===================================================== */


/* Safety in case any old medal markup is cached */

.elite-medal {
    display: none !important;
}


/* -----------------------------------------
   DARK CARD HEADER
----------------------------------------- */

.elite-plan-top {
    min-height: 190px;

    padding:
        43px
        24px
        30px;

    display: flex;
    flex-direction: column;

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

    text-align: center;
}


/* English level becomes the small eyebrow */

.elite-level {
    display: block;

    margin: 0 0 13px;

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

    letter-spacing: 3px;
}


/* Membership name is now the main visual element */

.elite-plan h3 {
    margin: 0 0 10px;

    font-size: 37px;
    font-weight: 700;

    line-height: 1.05;
}


/* Arabic membership name */

.elite-plan-top p {
    margin: 0;

    font-size: 12px;

    line-height: 1.7;
}


/* 01 / 02 / 03 / 04 only */

.elite-plan-number {
    position: absolute;

    top: 15px;
    right: 16px;

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

    opacity: .38;
}


/* -----------------------------------------
   BRONZE
----------------------------------------- */

.elite-plan.bronze .elite-plan-top {
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(184,115,51,.18),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #18110d,
            #2b1a11
        );
}


/* -----------------------------------------
   SILVER
----------------------------------------- */

.elite-plan.silver .elite-plan-top {
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(200,202,204,.16),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #151515,
            #292725
        );
}


/* -----------------------------------------
   GOLD
----------------------------------------- */

.elite-plan.gold .elite-plan-top {
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(222,174,68,.20),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #171109,
            #30200e
        );
}


/* -----------------------------------------
   PLATINUM
----------------------------------------- */

.elite-plan.platinum .elite-plan-top {
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(225,215,193,.18),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #151310,
            #29251f
        );
}


/* -----------------------------------------
   CARD HEIGHT
----------------------------------------- */

@media (min-width:1181px) {

    .elite-plan {
        min-height: 475px;
    }

}


@media (max-width:1180px) {

    .elite-plan {
        min-height: 465px;
    }

}


@media (max-width:650px) {

    .elite-plan {
        min-height: 0;
    }

    .elite-plan-top {
        min-height: 175px;

        padding:
            38px
            20px
            26px;
    }

    .elite-plan h3 {
        font-size: 34px;
    }

}

/* =========================================
   LIVE MEMBERSHIP PRICE
========================================= */

.elite-live-price {
    margin: 22px 0 16px;
    padding: 14px 16px;
    border-top: 1px solid rgba(184, 145, 73, .28);
    border-bottom: 1px solid rgba(184, 145, 73, .28);
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    color: #b89149;
    direction: rtl;
}

.elite-live-price::before {
    content: "قيمة العضوية السنوية";
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    color: #777;
}


/* Membership plan required notice */
.membership-plan-required-note {
    margin: 4px 0 12px;
    text-align: right;
    direction: rtl;
    font-size: 14px;
    font-weight: 800;
    color: #b89149;
}