.m80-page,.m80-detail{background:#faf9fc}.m80-hero{text-align:center;max-width:850px;margin:auto auto 22px}.m80-hero>span,.m80-about header>span,.m80-kicker{color:#744397;font-weight:900}.m80-hero h1{font-size:2rem;margin:7px 0;color:#25162f}.m80-hero p{color:#6b6370;line-height:1.9}.m80-chooser{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#2b193b;color:#fff;padding:12px;border-radius:16px;margin-bottom:18px}.m80-chooser span{padding:10px;background:#ffffff0b;border-radius:10px;font-size:.82rem}.m80-chooser b{color:#dfbc76}.m80-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.m80-card{background:#fff;border:1px solid #e7e0ec;border-radius:22px;padding:20px;box-shadow:0 10px 30px #321d430c}.m80-card.focus{border:2px solid #8353a2}.m80-card.pro{border-top:4px solid #d2aa62}.m80-card-head>span{color:#775095;font-size:.75rem;font-weight:900}.m80-card h2{margin:5px 0;font-size:1.45rem}.m80-card-head p{min-height:64px;color:#706777;font-size:.85rem;line-height:1.7}.m80-price{padding:12px 0;border-block:1px solid #eee8f1}.m80-price strong,.m80-price small,.m80-price em{display:block}.m80-price strong{color:#572e75;font-size:1.13rem}.m80-price small,.m80-price em{color:#827889;font-size:.72rem;margin-top:3px;font-style:normal}.m80-capacity{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.m80-capacity span{background:#f8f5fa;padding:8px;border-radius:9px;font-size:.75rem}.m80-capacity b{color:#5c3477}.m80-card ul{list-style:none;padding:0}.m80-card li{font-size:.8rem;margin:7px 0;color:#514a55}.m80-missing{padding:10px;background:#fff7f6;border-radius:10px}.m80-missing b,.m80-missing span{display:block}.m80-missing b{font-size:.76rem}.m80-missing span{font-size:.7rem;color:#8a6668;margin-top:3px}.m80-details{display:block;text-decoration:none;text-align:center;background:#5c337b;color:#fff;border-radius:10px;padding:10px;margin-top:13px;font-weight:900}.m80-economic-note{margin-top:20px;background:#fff;border:1px solid #e8e0ec;border-radius:15px;padding:15px}.m80-economic-note p{margin:4px 0 0;color:#6c6371}.m80-detail nav{display:flex;gap:8px;margin-bottom:15px}.m80-detail nav a{color:#6a4084;text-decoration:none}.m80-detail-hero{display:grid;grid-template-columns:1.5fr .7fr;gap:17px;background:#fff;padding:23px;border:1px solid #e8e0ec;border-radius:22px}.m80-detail-hero h1{font-size:2rem;margin:7px 0}.m80-detail-hero>div>p{color:#6d6472}.m80-who{background:#f9f6fb;padding:11px;border-radius:11px;margin-top:12px}.m80-who p{margin:4px 0}.m80-detail-hero aside{background:#2b193b;color:#fff;padding:18px;border-radius:17px}.m80-detail-hero aside small,.m80-detail-hero aside strong{display:block}.m80-detail-hero aside strong{font-size:1.3rem;margin:6px 0}.m80-detail-hero aside p{font-size:.75rem;color:#ddd3e3}.m80-detail-hero aside a{display:block;background:#dbb872;color:#2a1839;text-decoration:none;text-align:center;padding:10px;border-radius:10px;font-weight:900}.m80-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.m80-detail-grid section{background:#fff;border:1px solid #e8e0ec;border-radius:17px;padding:18px}.m80-detail-grid ul{list-style:none;padding:0}.m80-detail-grid li{margin:7px 0}.m80-detail-grid .off{color:#8a686a}.m80-about{padding:50px 0;background:#faf8fb}.m80-about header{text-align:center;max-width:760px;margin:0 auto 20px}.m80-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.m80-about-grid article{background:#fff;border:1px solid #e8e0ec;border-radius:17px;padding:17px}.m80-about-grid article>b{color:#60377c;font-size:1.05rem}.m80-about-grid p{color:#675f6c;line-height:1.8}.m80-about-grid span{display:block;border-top:1px solid #eee8f1;padding-top:8px;color:#805c35;font-size:.76rem}.m80-about>a{display:block;width:max-content;margin:18px auto 0;background:#5c337b;color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:900}.m80-register-plan{border:1px solid #ded4e7;background:#fcfaff;border-radius:18px;padding:17px;margin-bottom:22px}.m80-register-plan-head{display:flex;justify-content:space-between;gap:14px}.m80-register-plan-head span{color:#795598;font-size:.74rem;font-weight:900}.m80-register-plan-head h2{margin:4px 0}.m80-register-plan-head p{margin:0;color:#716878}.m80-register-plan-head>div:last-child{text-align:left}.m80-register-plan-head strong,.m80-register-plan-head small{display:block}.m80-switch{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px}.m80-switch span{font-size:.75rem;color:#776d7d}.m80-switch a{padding:6px 9px;border-radius:99px;border:1px solid #ded5e5;text-decoration:none;color:#684181;font-size:.75rem}.m80-switch a.active{background:#5d347c;color:#fff}.m80-unlocks{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.m80-unlocks span{padding:6px 8px;background:#fff;border-radius:8px;font-size:.72rem}.m80-pro-notice{margin-top:11px;padding:10px;background:#fff8eb;border-radius:10px}.m80-pro-notice p{margin:3px 0;font-size:.76rem}.m80-extra-contact-register>p{color:#716978;font-size:.8rem}.m80-slot-group{margin-top:12px}.m80-slot-group>b{display:block;margin-bottom:8px}.m80-seller-cap{margin-bottom:18px;background:#fff;border:1px solid #e6ddeb;border-radius:19px;padding:17px}.m80-seller-cap header{display:flex;justify-content:space-between;gap:12px}.m80-seller-cap header span{font-size:.72rem;color:#785493;font-weight:900}.m80-seller-cap header h3{margin:3px 0}.m80-seller-cap header p{margin:0;color:#706878;font-size:.8rem}.m80-seller-cap header>a{background:#5d347c;color:#fff;text-decoration:none;padding:8px 11px;border-radius:9px;height:max-content}.m80-seller-stats{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.m80-seller-stats span{background:#f8f5fa;padding:7px 9px;border-radius:9px;font-size:.74rem}.m80-manager{padding-top:12px;border-top:1px solid #eee8f1;margin-top:12px}.m80-manager>form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:7px;margin-top:8px}.m80-manager input,.m80-manager select{min-width:0;border:1px solid #ddd4e4;border-radius:8px;padding:8px;font-family:inherit}.m80-manager button{border:0;border-radius:8px;padding:8px 11px;font-family:inherit}.m80-manager>form>button{background:#60377e;color:#fff;font-weight:900}.m80-lock{padding:10px;background:#faf4fb;border-radius:10px}.m80-contact-list>div{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;padding:7px 0;border-bottom:1px solid #f0eaf2}.m80-contact-list form button{background:transparent;color:#a34e4e}.m80-promotion-button{display:block;text-align:center;margin-top:13px;background:#2b193b;color:#fff;text-decoration:none;border-radius:10px;padding:11px;font-weight:900}@media(max-width:850px){.m80-grid,.m80-about-grid,.m80-chooser,.m80-detail-grid,.m80-detail-hero{grid-template-columns:1fr}.m80-card-head p{min-height:0}.m80-register-plan-head,.m80-seller-cap header{flex-direction:column}.m80-register-plan-head>div:last-child{text-align:right}.m80-manager>form{grid-template-columns:1fr}.m80-contact-list>div{grid-template-columns:1fr auto}.m80-contact-list>div span{grid-column:1/-1}}
.m80-success-plan{margin:20px 0;padding:17px;border:1px solid #e5ddea;border-radius:16px;background:#fcfaff;text-align:right}.m80-success-plan>span{color:#785493;font-size:.74rem;font-weight:900}.m80-success-plan h3{margin:4px 0}.m80-success-plan p{color:#6f6675}.m80-success-plan>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.m80-success-plan small{background:#fff;padding:7px;border-radius:8px}.m80-success-plan strong{display:block;margin-top:10px;color:#3d694d}.m80-success-plan a{display:block;text-align:center;margin-top:12px;background:#5d347c;color:#fff;text-decoration:none;padding:10px;border-radius:9px}.m80-sub-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.m80-sub-head a{color:#71448d;text-decoration:none}.m80-sub-head h1{margin:6px 0}.m80-sub-head p{color:#6e6674}.m80-sub-head>div:last-child{background:#fff;border:1px solid #e6deeb;padding:12px 16px;border-radius:13px}.m80-sub-head span,.m80-sub-head b{display:block}.m80-pending{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff8eb;border:1px solid #eadabd;padding:13px;border-radius:12px;margin-bottom:15px}.m80-pending b,.m80-pending span{display:block}.m80-pending span{font-size:.8rem;color:#74664e}.m80-pending button{border:0;background:#60377e;color:#fff;padding:9px 12px;border-radius:9px;font-family:inherit;font-weight:900}@media(max-width:700px){.m80-success-plan>div{grid-template-columns:1fr}.m80-sub-head,.m80-pending{flex-direction:column;align-items:stretch}}.m80-success-pay{width:100%;margin-top:12px;border:0;border-radius:9px;background:#d8b46c;color:#2a1839;padding:10px;font-family:inherit;font-weight:900}.m80-price-wait{display:block!important;margin-top:10px;padding:9px;background:#fff8e9;color:#72571f;border-radius:8px}
/* =========================================================
   PLANS V2 — IranStores
   ========================================================= */

.plans-v2 {
    --plans-primary: #6d28d9;
    --plans-primary-dark: #4c1d95;
    --plans-blue: #2563eb;
    --plans-gold: #d69e2e;
    --plans-navy: #172554;
    --plans-text: #172033;
    --plans-muted: #64748b;
    --plans-border: #e4e8f0;
    --plans-surface: #ffffff;

    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 90% 4%,
            rgba(109, 40, 217, .11),
            transparent 28%
        ),
        radial-gradient(
            circle at 8% 22%,
            rgba(37, 99, 235, .08),
            transparent 25%
        ),
        linear-gradient(180deg, #fafaff 0%, #f6f8fc 100%);
    color: var(--plans-text);
}

.plans-v2::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(109, 40, 217, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(109, 40, 217, .025) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, #000, transparent 55%);
}

.plans-v2 > .container {
    position: relative;
    z-index: 1;
    max-width: 1240px;
}

/* Hero */

.plans-v2-hero {
    max-width: 900px;
    margin: 0 auto 24px;
    text-align: center;
}

.plans-v2-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 13px;
    border: 1px solid rgba(109, 40, 217, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    color: var(--plans-primary);
    box-shadow: 0 6px 20px rgba(76, 29, 149, .06);
    font-size: 13px;
    font-weight: 900;
}

.plans-v2-hero h1 {
    margin: 12px 0 8px;
    color: #151b2c;
    font-size: clamp(27px, 4vw, 42px);
    font-weight: 950;
    line-height: 1.5;
    letter-spacing: -.5px;
}

.plans-v2-hero > p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--plans-muted);
    font-size: 15px;
    line-height: 2;
}

.plans-v2-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}

.plans-v2-trust span {
    padding: 7px 11px;
    border: 1px solid #dbe7df;
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    color: #166534;
    font-size: 12px;
    font-weight: 850;
}

/* Selection guide */

.plans-v2-guide {
    display: grid;
    grid-template-columns: 1fr 50px 1fr 50px 1fr;
    align-items: center;
    max-width: 850px;
    margin: 0 auto 24px;
    padding: 10px;
    border: 1px solid rgba(109, 40, 217, .11);
    border-radius: 18px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 12px 35px rgba(15, 23, 42, .05);
    backdrop-filter: blur(12px);
}

.plans-v2-guide > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 54px;
    padding: 7px 10px;
    border-radius: 13px;
}

.plans-v2-guide > div.is-recommended {
    background: linear-gradient(
        135deg,
        rgba(109, 40, 217, .1),
        rgba(37, 99, 235, .07)
    );
}

.plans-v2-guide b {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: #f5f3ff;
    font-size: 19px;
}

.plans-v2-guide span {
    color: #293246;
    font-size: 14px;
    font-weight: 950;
}

.plans-v2-guide small {
    display: block;
    margin-bottom: 1px;
    color: #7b8496;
    font-size: 10px;
    font-weight: 700;
}

.plans-v2-guide > i {
    display: block;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        #c4b5fd,
        transparent
    );
}

/* Cards */

.plans-v2-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
}

.plans-v2-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 22px;
    overflow: hidden;
    border: 1px solid var(--plans-border);
    border-radius: 24px;
    background: rgba(255, 255, 255, .96);
    box-shadow:
        0 14px 38px rgba(15, 23, 42, .065),
        0 2px 5px rgba(15, 23, 42, .025);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.plans-v2-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 5px;
    background: linear-gradient(90deg, #38bdf8, #2563eb);
}

.plans-v2-card.is-growth::before {
    background: linear-gradient(90deg, #7c3aed, #4f46e5);
}

.plans-v2-card.is-professional::before {
    background: linear-gradient(90deg, #fbbf24, #a16207);
}

.plans-v2-card:hover {
    transform: translateY(-5px);
    border-color: #cbd5e1;
    box-shadow:
        0 22px 50px rgba(15, 23, 42, .11),
        0 6px 15px rgba(109, 40, 217, .05);
}

.plans-v2-card.is-featured {
    border: 2px solid rgba(109, 40, 217, .65);
    background:
        linear-gradient(
            180deg,
            rgba(245, 243, 255, .88),
            #fff 26%
        );
    box-shadow:
        0 22px 55px rgba(91, 33, 182, .15),
        0 0 0 5px rgba(109, 40, 217, .045);
}

.plans-v2-card.is-professional {
    background:
        linear-gradient(
            180deg,
            rgba(255, 251, 235, .96),
            #fff 27%
        );
    border-color: #eadbb7;
}

.plans-v2-recommended {
    margin: -22px -22px 17px;
    padding: 8px 12px;
    background: linear-gradient(90deg, #6d28d9, #4f46e5);
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: -.1px;
}

.plans-v2-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.plans-v2-icon {
    display: grid;
    place-items: center;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: linear-gradient(145deg, #eff6ff, #f8fafc);
    font-size: 25px;
    box-shadow: 0 8px 20px rgba(37, 99, 235, .08);
}

.is-growth .plans-v2-icon {
    border-color: #ddd6fe;
    background: linear-gradient(145deg, #ede9fe, #faf5ff);
}

.is-professional .plans-v2-icon {
    border-color: #fde68a;
    background: linear-gradient(145deg, #fef3c7, #fffbeb);
}

.plans-v2-card-head span {
    display: block;
    margin-bottom: 2px;
    color: var(--plans-muted);
    font-size: 11px;
    font-weight: 850;
}

.plans-v2-card-head h2 {
    margin: 0;
    color: #151b2c;
    font-size: 25px;
    font-weight: 950;
    line-height: 1.4;
}

.plans-v2-description {
    min-height: 50px;
    margin: 12px 0;
    color: var(--plans-muted);
    font-size: 13px;
    line-height: 1.9;
}

/* Price */

.plans-v2-price {
    padding: 14px;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: linear-gradient(135deg, #eff6ff, #f8fafc);
}

.is-growth .plans-v2-price {
    border-color: #ddd6fe;
    background: linear-gradient(135deg, #f5f3ff, #faf5ff);
}

.is-professional .plans-v2-price {
    border-color: #fde68a;
    background: linear-gradient(135deg, #fffbeb, #fff7ed);
}

.plans-v2-price small,
.plans-v2-price strong,
.plans-v2-price span {
    display: block;
}

.plans-v2-price small {
    margin-bottom: 2px;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
}

.plans-v2-price strong {
    color: #1d4ed8;
    font-size: 20px;
    font-weight: 950;
    line-height: 1.6;
}

.is-growth .plans-v2-price strong {
    color: #6d28d9;
}

.is-professional .plans-v2-price strong {
    color: #92400e;
}

.plans-v2-price span {
    color: #64748b;
    font-size: 11px;
    font-weight: 750;
}

/* Audience */

.plans-v2-audience {
    margin-top: 11px;
    padding: 11px 12px;
    border-right: 3px solid #60a5fa;
    border-radius: 10px;
    background: #f8fafc;
}

.is-growth .plans-v2-audience {
    border-right-color: #8b5cf6;
}

.is-professional .plans-v2-audience {
    border-right-color: #d69e2e;
}

.plans-v2-audience b {
    color: #334155;
    font-size: 11px;
    font-weight: 950;
}

.plans-v2-audience p {
    margin: 3px 0 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.8;
}

/* Features */

.plans-v2-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin: 13px 0;
}

.plans-v2-features > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 57px;
    padding: 8px 10px;
    border: 1px solid #edf0f5;
    border-radius: 11px;
    background: #fafbfc;
}

.plans-v2-features > div:last-child {
    grid-column: 1 / -1;
}

.plans-v2-features span {
    color: #748094;
    font-size: 10px;
    font-weight: 750;
}

.plans-v2-features strong {
    margin-top: 2px;
    color: #263247;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.6;
}

.plans-v2-features .is-positive {
    border-color: #dceee2;
    background: #f5fbf7;
}

.plans-v2-features .is-positive strong {
    color: #166534;
}

.plans-v2-features .is-negative {
    border-color: #f0e5e5;
    background: #fffafa;
}

.plans-v2-features .is-negative strong {
    color: #9f5656;
}

/* Professional advertising note */

.plans-v2-ad-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0 0 13px;
    padding: 11px;
    border: 1px solid #f3d594;
    border-radius: 13px;
    background: linear-gradient(135deg, #fffbeb, #fff7ed);
}

.plans-v2-ad-note > span {
    font-size: 19px;
}

.plans-v2-ad-note p {
    margin: 0;
    color: #78561f;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.8;
}

/* Actions */

.plans-v2-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    margin-top: auto;
    padding: 10px 15px;
    border-radius: 13px;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 950;
    box-shadow: 0 10px 22px rgba(37, 99, 235, .20);
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.is-growth .plans-v2-cta {
    background: linear-gradient(135deg, #7c3aed, #5b21b6);
    box-shadow: 0 11px 24px rgba(109, 40, 217, .25);
}

.is-professional .plans-v2-cta {
    background: linear-gradient(135deg, #172554, #312e81);
    box-shadow: 0 11px 24px rgba(23, 37, 84, .22);
}

.plans-v2-cta:hover {
    transform: translateY(-2px);
    color: #fff !important;
    box-shadow: 0 15px 30px rgba(37, 99, 235, .27);
}

.plans-v2-cta b {
    font-size: 18px;
}

.plans-v2-more {
    display: block;
    margin-top: 9px;
    color: #64748b !important;
    text-align: center;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 850;
}

.plans-v2-more:hover {
    color: var(--plans-primary) !important;
}

/* Footer note */

.plans-v2-footer-note {
    display: flex;
    align-items: center;
    gap: 13px;
    max-width: 900px;
    margin: 20px auto 0;
    padding: 14px 17px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
}

.plans-v2-footer-note > div {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #f5f3ff;
    font-size: 20px;
}

.plans-v2-footer-note p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.9;
}

.plans-v2-footer-note strong {
    color: #334155;
}

/* Tablet */

@media (max-width: 1100px) {
    .plans-v2-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .plans-v2-card.is-professional {
        grid-column: 1 / -1;
        width: min(100%, 590px);
        justify-self: center;
    }
}

/* Mobile */

@media (max-width: 767.98px) {
    .plans-v2 > .container {
        padding-top: 22px !important;
        padding-bottom: 32px !important;
    }

    .plans-v2-hero {
        margin-bottom: 18px;
    }

    .plans-v2-hero h1 {
        font-size: 27px;
        line-height: 1.55;
    }

    .plans-v2-hero > p {
        font-size: 14px;
        line-height: 1.9;
    }

    .plans-v2-trust {
        align-items: stretch;
        flex-direction: column;
    }

    .plans-v2-trust span {
        width: 100%;
        text-align: right;
    }

    .plans-v2-guide {
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 7px;
    }

    .plans-v2-guide > i {
        display: none;
    }

    .plans-v2-guide > div {
        justify-content: flex-start;
        min-height: 49px;
    }

    .plans-v2-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .plans-v2-card,
    .plans-v2-card.is-professional {
        grid-column: auto;
        width: 100%;
        padding: 18px;
    }

    .plans-v2-recommended {
        margin: -18px -18px 15px;
    }

    .plans-v2-card-head h2 {
        font-size: 23px;
    }

    .plans-v2-description {
        min-height: 0;
    }

    .plans-v2-price strong {
        font-size: 19px;
    }

    .plans-v2-footer-note {
        align-items: flex-start;
    }
}

@media (max-width: 390px) {
    .plans-v2-features {
        grid-template-columns: 1fr;
    }

    .plans-v2-features > div:last-child {
        grid-column: auto;
    }
}

/* Dark mode */

html[data-theme="dark"] .plans-v2 {
    --plans-text: #f4f1f7;
    --plans-muted: #b9b2c2;
    --plans-border: #403748;

    background:
        radial-gradient(
            circle at 90% 4%,
            rgba(124, 58, 237, .18),
            transparent 30%
        ),
        linear-gradient(180deg, #151118, #19141d);
}

html[data-theme="dark"] .plans-v2-hero h1,
html[data-theme="dark"] .plans-v2-card-head h2 {
    color: #f8f4fb;
}

html[data-theme="dark"] .plans-v2-kicker,
html[data-theme="dark"] .plans-v2-trust span,
html[data-theme="dark"] .plans-v2-guide,
html[data-theme="dark"] .plans-v2-card,
html[data-theme="dark"] .plans-v2-footer-note {
    background-color: #211a25;
    border-color: #403548;
}

html[data-theme="dark"] .plans-v2-card.is-featured {
    background:
        linear-gradient(
            180deg,
            rgba(91, 33, 182, .22),
            #211a25 30%
        );
}

html[data-theme="dark"] .plans-v2-card.is-professional {
    background:
        linear-gradient(
            180deg,
            rgba(146, 64, 14, .18),
            #211a25 30%
        );
}

html[data-theme="dark"] .plans-v2-guide span,
html[data-theme="dark"] .plans-v2-audience b,
html[data-theme="dark"] .plans-v2-footer-note strong {
    color: #eee7f2;
}

html[data-theme="dark"] .plans-v2-price,
html[data-theme="dark"] .plans-v2-audience,
html[data-theme="dark"] .plans-v2-features > div {
    background: #2a222e;
    border-color: #45394b;
}

html[data-theme="dark"] .plans-v2-description,
html[data-theme="dark"] .plans-v2-audience p,
html[data-theme="dark"] .plans-v2-footer-note p,
html[data-theme="dark"] .plans-v2-price span {
    color: #bdb3c3;
}

html[data-theme="dark"] .plans-v2-features span {
    color: #aaa0b0;
}

html[data-theme="dark"] .plans-v2-features .is-positive strong {
    color: #86efac;
}

html[data-theme="dark"] .plans-v2-features .is-negative strong {
    color: #fca5a5;
}

html[data-theme="dark"] .plans-v2-ad-note {
    background: rgba(120, 83, 25, .18);
    border-color: #705525;
}

html[data-theme="dark"] .plans-v2-ad-note p {
    color: #f5d98e;
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .plans-v2-card,
    .plans-v2-cta {
        transition: none;
    }

    .plans-v2-card:hover,
    .plans-v2-cta:hover {
        transform: none;
    }
}