:root {
    --mc-main-color: #FF598F;
    --mc-main-hover-color: #EB477E;
    --mc-main-light-color: #ffdbd8;  /* rgb(255, 218, 214) */
    --mc-secondary-color: #2C253D;
    --mc-background-bright-color: white;
    --mc-text-inverse-color: white;

    --mc-text-font-family: RightGrotesk-Regular, "Montserrat", Arial, Helvetica, sans-serif;
    --mc-text-bold-font-family: RightGrotesk-Bold, sans-serif;
    --mc-text-extra-bold-font-family: RightGrotesk-Extra-Bold, sans-serif;

    --mc-icon-check-url: none;
}

html,
body {
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

* {
    font-family: var(--mc-text-font-family);
    -webkit-font-feature-settings: "ss01" on;
    font-feature-settings: "ss01" on;
}

::selection {
    color: #fff;
    background: #1890ff;
}

h1 {
    font-style: normal;
    font-weight: normal;
    font-family: var(--mc-text-bold-font-family);
    margin-top: 0px;
}

p {
    font-weight: 400;
    font-style: normal;
}

.mc-buy-hero-intro h1 {
    font-size: 2.25rem;
    line-height: 3rem;
    color: var(--mc-main-light-color);
    font-weight: 800;
    font-family: var(--mc-text-extra-bold-font-family);
}

@media (min-width: 768px) {
    .mc-buy-hero-intro h1 {
        max-width: 25rem;
        margin: 0px auto;
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

@media (min-width: 1024px) {
    .mc-buy-hero-intro h1 {
        font-size: 3rem;
        line-height: 4rem;
        max-width: 30.625rem;
        margin: 0px;
    }
}

@media (min-width: 1024px) {
    .mc-buy-hero-intro {
        text-align: left;
        grid-area: 1 / 2 / auto / span 5;
        margin-bottom: 3rem;
    }
}

.mc-buy-hero-intro p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.0075rem;
    color: rgba(255, 219, 216, 0.8);
    margin: 1.5rem auto;
    max-width: 17.875rem;
}

@media (min-width: 768px) {
    .mc-buy-hero-intro p {
        font-size: 1.125rem;
        line-height: 1.5rem;
        max-width: 23.25rem;
    }
}

@media (min-width: 1024px) {
    .mc-buy-hero-intro p {
        font-size: 1.25rem;
        line-height: 1.75rem;
        max-width: 30.625rem;
        margin-top: 2.5rem;
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (min-width: 1200px) {
    .mc-buy-hero-intro p {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-top: 3.75rem;
    }
}

.mc-feature-list ul,
.mc-buy-feature-list ul {
    list-style: none;
    margin-top: 3rem;
    margin-bottom: 3rem;
    position: relative;
    padding: 0px 1.5rem;
}

@media (min-width: 768px) {
    .mc-feature-list ul,
    .mc-buy-feature-list ul {
        display: block;
        margin-top: 4.5rem;
    }
}

@media (min-width: 1140px) {
    .mc-feature-list ul,
    .mc-buy-feature-list ul {
        padding: 0px 3rem;
    }
}

.mc-feature-list ul li,
.mc-buy-feature-list ul li {
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 1.25rem;
    position: relative;
    padding-left: 2.25rem;
    color: rgb(94, 51, 79);
    overflow-wrap: anywhere;
}

@media (min-width: 768px) {
    .mc-feature-list ul li,
    .mc-buy-feature-list ul li {
        padding-left: 3rem;
    }
}

@media (min-width: 1024px) {
    .mc-feature-list ul li,
    .mc-buy-feature-list ul li {
        padding-left: 3.75rem;
    }
}

@media (min-width: 1140px) {
    .mc-feature-list ul li,
    .mc-buy-feature-list ul li {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

.mc-feature-list ul li::before,
.mc-buy-feature-list ul li::before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    height: 1.5rem;
    width: 1.5rem;
    background-image: var(--mc-icon-check-url);
    background-size: 1.5rem;
    background-position: center center;
    background-repeat: no-repeat;
}

.mc-buy-feature-list ul li::before {
    background-color: rgb(255, 246, 245);
}

@media (min-width: 768px) {
    .mc-feature-list ul li::before,
    .mc-buy-feature-list ul li::before {
        height: 2rem;
        width: 2rem;
        background-size: 2rem;
    }
}

.webshop-input .slds-input {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mc-footer-info-area h2 {
    font-weight: bold;
}

.mc-footer-info-area p {
    margin-block-start: 1em;
    margin-block-end: 1em;
}