.mv-price-v15 {
    --blue:#168FE6;
    --blue-dark:#0D78CE;
    --dark:#071A2C;
    --text:#536A7E;
    --muted:#8596A5;
    --line:#D7E5EF;

    padding:64px 0 70px;

    background:
        radial-gradient(
            circle at 50% 0,
            rgba(22,143,230,.075),
            transparent 32rem
        ),
        linear-gradient(
            180deg,
            #F8FCFF 0%,
            #FFFFFF 100%
        );

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    color:var(--dark);

    -webkit-font-smoothing:antialiased;
}

.mv-price-v15 * {
    box-sizing:border-box;
}

.mv-price-v15__shell {
    width:min(1180px,calc(100% - 44px));
    margin:0 auto;
}


/* ============================================================
   HEAD
   ============================================================ */

.mv-price-v15__head {
    max-width:850px;
    margin:0 auto 40px;
    text-align:center;
}

.mv-price-v15__eyebrow {
    display:block;
    margin-bottom:12px;

    color:var(--blue);

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

    font-weight:850;
    letter-spacing:.09em;

    text-transform:uppercase;
}

.mv-price-v15__head h2 {
    margin:0;

    color:var(--dark);

    font-size:clamp(42px,3.6vw,55px);
    line-height:1;

    font-weight:850;
    letter-spacing:-.05em;
}

.mv-price-v15__head h2 span {
    color:var(--blue);
}

.mv-price-v15__head p {
    max-width:640px;
    margin:14px auto 0;

    color:var(--text);

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


/* ============================================================
   GRID
   ============================================================ */

.mv-price-v15__grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;

    align-items:stretch;
}


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

.mv-price-v15__card {
    position:relative;

    min-width:0;
    min-height:390px;

    display:flex;
    flex-direction:column;

    padding:28px 27px 25px;

    border:1px solid var(--line);
    border-radius:20px;

    background:#FFFFFF;

    box-shadow:
        0 16px 42px
        rgba(7,26,44,.06);
}


/* beliebteste Karte */

.mv-price-v15__card--popular {
    border:2px solid var(--blue);

    box-shadow:
        0 21px 52px
        rgba(22,143,230,.14);
}

.mv-price-v15__popular {
    position:absolute;

    top:-17px;
    left:50%;

    transform:translateX(-50%);

    min-width:205px;
    height:34px;

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

    padding:0 18px;

    border-radius:999px;

    color:#FFFFFF;

    background:
        linear-gradient(
            135deg,
            #168FE6,
            #0D78CE
        );

    box-shadow:
        0 8px 20px
        rgba(22,143,230,.25);

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

    white-space:nowrap;
}


/* ============================================================
   TOP
   ============================================================ */

.mv-price-v15__top {
    min-height:28px;

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

    gap:12px;

    margin-bottom:22px;
}

.mv-price-v15__label {
    color:var(--blue);

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

    font-weight:850;
    letter-spacing:.05em;
}

.mv-price-v15__saving {
    padding:7px 10px;

    border-radius:999px;

    color:#0D78CE;
    background:#E9F5FE;

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

    font-weight:850;
}


/* ============================================================
   PREIS
   ============================================================ */

.mv-price-v15__price {
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;

    gap:13px;

    margin-bottom:8px;
}

.mv-price-v15__current {
    color:var(--dark);

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

    font-weight:900;
    letter-spacing:-.045em;
}

.mv-price-v15__old {
    color:#95A4B1;

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

    font-weight:500;

    text-decoration:line-through;
    text-decoration-thickness:1.5px;
}


/* ============================================================
   SUBTEXT
   ============================================================ */

.mv-price-v15__per {
    margin:0 0 24px;

    color:var(--text);

    font-size:12px;
    line-height:1.45;
}


/* ============================================================
   FEATURES
   ============================================================ */

.mv-price-v15__features {
    display:grid;
    gap:14px;

    margin:0 0 27px;
    padding:0;

    list-style:none;
}

.mv-price-v15__features li {
    position:relative;

    padding-left:25px;

    color:#344E63;

    font-size:13px;
    line-height:1.42;
}

.mv-price-v15__features li::before {
    content:"✓";

    position:absolute;
    left:0;
    top:0;

    color:var(--blue);

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


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

.mv-price-v15__buy {
    width:100%;
    min-height:49px;

    margin-top:auto;

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

    padding:0 18px;

    border:1.5px solid var(--blue);
    border-radius:10px;

    color:var(--blue);
    background:#FFFFFF;

    text-decoration:none;

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

    font-weight:850;

    cursor:pointer;

    transition:
        transform .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.mv-price-v15__buy:hover {
    transform:translateY(-2px);
    background:#F4FAFF;
}


/* mittlerer Button blau */

.mv-price-v15__card--popular
.mv-price-v15__buy {
    color:#FFFFFF;

    background:
        linear-gradient(
            135deg,
            #168FE6,
            #0D78CE
        );

    box-shadow:
        0 10px 25px
        rgba(22,143,230,.22);
}


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

.mv-price-v15__note {
    max-width:920px;

    margin:27px auto 0;

    color:#63798B;

    text-align:center;

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

.mv-price-v15__note strong {
    color:#071A2C;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media(max-width:950px) {

    .mv-price-v15__grid {
        grid-template-columns:1fr;
        gap:25px;
    }

    .mv-price-v15__card {
        min-height:0;
    }

}

@media(max-width:650px) {

    .mv-price-v15 {
        padding:52px 0 58px;
    }

    .mv-price-v15__shell {
        width:calc(100% - 28px);
    }

    .mv-price-v15__head h2 {
        font-size:35px;
    }

    .mv-price-v15__current {
        font-size:38px;
    }

}