/** FONTS **/
@font-face {
    font-family: MaurtenSans;
    font-weight: 100;
    src: url('https://fonts.maurten.com/MaurtenSans-Thin.woff2') format('woff2');
    font-display: auto;
}

@font-face {
    font-family: MaurtenSans;
    font-weight: 400;
    src: url('https://fonts.maurten.com/MaurtenSans-Regular.woff2') format('woff2');
    font-display: auto;
}

@font-face {
    font-family: MaurtenSans;
    font-weight: 700;
    src: url('https://fonts.maurten.com/MaurtenSans-Bold.woff2') format('woff2');
    font-display: auto;
}

@font-face {
    font-family: MaurtenSans;
    font-weight: 900;
    src: url('https://fonts.maurten.com/MaurtenSans-Black.woff2') format('woff2');
    font-display: auto;
}


/** RESET CSS **/

/** COMPREHENSIVE RESET CSS FOR EMBEDDING ISOLATION **/
.maurten-bicarb-js-plugin,
.maurten-bicarb-js-plugin *,
.maurten-bicarb-js-plugin *::before,
.maurten-bicarb-js-plugin *::after {
    box-sizing: border-box !important;
}

/* More selective resets - only apply where needed */
.maurten-bicarb-js-plugin a {
    text-decoration: none !important;
}

.maurten-bicarb-js-plugin ul,
.maurten-bicarb-js-plugin ol {
    list-style: none !important;
}

.maurten-bicarb-js-plugin table {
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

.maurten-bicarb-js-plugin blockquote::before,
.maurten-bicarb-js-plugin blockquote::after,
.maurten-bicarb-js-plugin q::before,
.maurten-bicarb-js-plugin q::after {
    content: '' !important;
    content: none !important;
}

/* Disable text selection for interactive elements only */
.maurten-bicarb-js-plugin button,
.maurten-bicarb-js-plugin input[type="radio"],
.maurten-bicarb-js-plugin input[type="checkbox"],
.maurten-bicarb-js-plugin .mbg-radio__control,
.maurten-bicarb-js-plugin .mbg-checkbox__input {
    user-select: none !important;
}

/* Remove tap highlights on touch devices */
.maurten-bicarb-js-plugin button,
.maurten-bicarb-js-plugin input,
.maurten-bicarb-js-plugin a {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
}

/* Reset margins and padding more selectively - exclude layout containers */
.maurten-bicarb-js-plugin h1,
.maurten-bicarb-js-plugin h2,
.maurten-bicarb-js-plugin h3,
.maurten-bicarb-js-plugin h4,
.maurten-bicarb-js-plugin h5,
.maurten-bicarb-js-plugin h6,
.maurten-bicarb-js-plugin p,
.maurten-bicarb-js-plugin ul,
.maurten-bicarb-js-plugin ol,
.maurten-bicarb-js-plugin li,
.maurten-bicarb-js-plugin blockquote,
.maurten-bicarb-js-plugin figure,
.maurten-bicarb-js-plugin figcaption {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 100% !important;
}

/* Exclude specific layout containers from margin/padding reset */
.maurten-bicarb-js-plugin .mbg-experience-level,
.maurten-bicarb-js-plugin .mbg-weight-inputs,
.maurten-bicarb-js-plugin .mbg-radio:first-child,
.maurten-bicarb-js-plugin .mbg-links,
.maurten-bicarb-js-plugin .mbg-bottom-content,
.maurten-bicarb-js-plugin .mbg-section-content {
    margin: initial !important;
    padding: initial !important;
}

/* Restore specific margins and padding for layout containers */
.maurten-bicarb-js-plugin .mbg-experience-level {
    margin-bottom: 40px !important;
}

.maurten-bicarb-js-plugin .mbg-weight-inputs {
    margin-bottom: 40px !important;
    padding: 10px 0 !important;
}

.maurten-bicarb-js-plugin .mbg-radio:first-child {
    margin-right: 36px !important;
}

.maurten-bicarb-js-plugin .mbg-links {
    margin-top: 24px !important;
}

.maurten-bicarb-js-plugin .mbg-radio {
    margin: 10px 0 0 !important;
}

/* Allow text selection for specific elements */
.maurten-bicarb-js-plugin p,
.maurten-bicarb-js-plugin h1,
.maurten-bicarb-js-plugin .mbg-radio__label,
.maurten-bicarb-js-plugin .mbg-checkbox__label,
.maurten-bicarb-js-plugin .mbg-checkbox__feedback {
    user-select: text !important;
}

.maurten-bicarb-js-plugin {
    position: relative !important;
    background: #000 !important;
    color: #fff !important;
    font: normal normal 400 normal 15px 1 MaurtenSans, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: normal !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-rendering: optimizelegibility !important;
    text-shadow: none !important;
    text-transform: none !important;
    word-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
    word-spacing: normal !important;
    hyphens: none !important;
    tab-size: 4 !important;
    direction: ltr !important;
    unicode-bidi: normal !important;
    font-feature-settings: normal !important;
    overflow-wrap: normal !important;
    isolation: isolate !important;
    contain: layout style !important;
}

.maurten-bicarb-js-plugin h1,
.maurten-bicarb-js-plugin h2,
.maurten-bicarb-js-plugin h3,
.maurten-bicarb-js-plugin h4,
.maurten-bicarb-js-plugin h5,
.maurten-bicarb-js-plugin h6,
.maurten-bicarb-js-plugin p,
.maurten-bicarb-js-plugin label {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    font-family: MaurtenSans, sans-serif !important;
    font-style: normal !important;
    font-weight: inherit !important;
    letter-spacing: normal !important;
    line-height: inherit !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    word-spacing: normal !important;
}

/* Reset div and span more selectively to preserve layout */
.maurten-bicarb-js-plugin div,
.maurten-bicarb-js-plugin span {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    font-family: MaurtenSans, sans-serif !important;
    text-shadow: none !important;
}

.maurten-bicarb-js-plugin button,
.maurten-bicarb-js-plugin input,
.maurten-bicarb-js-plugin select,
.maurten-bicarb-js-plugin textarea {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    background: none !important;
    box-shadow: none !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-align: inherit !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    vertical-align: baseline !important;
    word-spacing: inherit !important;
    resize: none !important;
    cursor: inherit !important;
    appearance: none !important;
}

.maurten-bicarb-js-plugin a {
    display: inline !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.maurten-bicarb-js-plugin img {
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    outline: none !important;
    vertical-align: baseline !important;
}

.maurten-bicarb-js-plugin svg {
    fill: currentcolor !important;
    vertical-align: baseline !important;
}

/* Reset form elements specifically */
.maurten-bicarb-js-plugin input[type="radio"],
.maurten-bicarb-js-plugin input[type="checkbox"] {
    user-select: none !important;
}

/* Base CSS - Enhanced for Embedding */
.maurten-bicarb-js-plugin {
    visibility: visible !important;
    z-index: auto !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;

    /* Additional defensive properties */
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    clip: auto !important;
    transform: none !important;
    transform-style: flat !important;
    backface-visibility: visible !important;
    perspective: none !important;
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
    background: #000 !important;
    color: #fff !important;
    font-family: MaurtenSans, sans-serif !important;
    font-size: 16px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    pointer-events: auto !important;
    filter: none !important;
    backdrop-filter: none !important;
    clip-path: none !important;
    mask: none !important;
    touch-action: auto !important;
    will-change: auto !important;
}

.maurten-bicarb-js-plugin h1 {
    visibility: visible !important;
    position: static !important;

    /* Additional defensive properties for headings */
    margin: 0 0 1em !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    overflow: visible !important;
    border: none !important;
    opacity: 1 !important;
    background: transparent !important;
    color: inherit !important;
    font: normal normal normal normal 1em 1.45 MaurtenSans, sans-serif !important;
    letter-spacing: normal !important;
    text-align: inherit !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-transform: none !important;
    word-wrap: normal !important;
    word-break: normal !important;
    vertical-align: baseline !important;
    white-space: normal !important;
    word-spacing: normal !important;
    hyphens: none !important;
    overflow-wrap: normal !important;
}

.maurten-bicarb-js-plugin p {
    visibility: visible !important;
    position: static !important;

    /* Additional defensive properties for paragraphs */
    margin: 0 0 1em !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    overflow: visible !important;
    border: none !important;
    opacity: 1 !important;
    background: transparent !important;
    color: inherit !important;
    font: normal normal 100 normal 1em 1.45 MaurtenSans, sans-serif !important;
    letter-spacing: normal !important;
    text-align: inherit !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-transform: none !important;
    word-wrap: normal !important;
    word-break: normal !important;
    vertical-align: baseline !important;
    white-space: normal !important;
    word-spacing: normal !important;
    hyphens: none !important;
    overflow-wrap: normal !important;
}

.maurten-bicarb-js-plugin p,
.maurten-bicarb-js-plugin h1 {
    margin: 0 0 1em !important;
    padding: 0 !important;
    font-size: 16px !important;
}

.maurten-bicarb-js-plugin p {
    line-height: 1.45 !important;
}

.maurten-bicarb-js-plugin h1 {
    line-height: 1 !important;
}

@media screen and (width >= 768px) {
    .maurten-bicarb-js-plugin p,
    .maurten-bicarb-js-plugin h1 {
        margin: 0 0 1.5em !important;
    }

    .maurten-bicarb-js-plugin p {
        line-height: 1.5 !important;
    }

}

.maurten-bicarb-js-plugin p:last-child {
    margin-bottom: 0 !important;
}

.maurten-bicarb-js-plugin a {
    color: #fff !important;
    line-height: inherit !important;
}

.maurten-bicarb-js-plugin h1 {
    margin: 0.75em 0 0.5em !important;
    font-family: MaurtenSans, sans-serif !important;
    font-size: 36px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
}


@media screen and (width >= 1024px) {
    .maurten-bicarb-js-plugin h1 {
        margin: 0 0 0.75em !important;
        font-size: 54px !important;
    }
}

.maurten-bicarb-js-plugin .hidden {
    display: none !important;
}

.maurten-bicarb-js-plugin.mbg-section {
    max-width: 950px !important;
    height: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    line-height: inherit !important;
}

.maurten-bicarb-js-plugin.mbg-section .mbg-section-content {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 24px 3.0423280423% !important;
    line-height: inherit !important;
}

@media screen and (width >= 768px) {
    .maurten-bicarb-js-plugin.mbg-section .mbg-section-content {
        padding: 48px 2.1524663677% !important;
    }
}

@media screen and (width >= 1024px) {
    .maurten-bicarb-js-plugin.mbg-section .mbg-section-content {
        padding: 48px 2.9411764706% !important;
    }
}

@media screen and (width >= 1440px) {
    .maurten-bicarb-js-plugin.mbg-section .mbg-section-content {
        max-width: 1640px !important;
        padding: 48px 40px !important;
    }
}


/* Radio buttons */
.maurten-bicarb-js-plugin .mbg-radio {
    display: grid !important;
    box-sizing: border-box !important;
    grid-gap: .5em !important;
    grid-template-columns: min-content auto !important;
    margin: 10px 0 0 !important;
    color: #333 !important;
    font-size: 16px !important;
    line-height: inherit !important;
    cursor: pointer !important;
}

.maurten-bicarb-js-plugin .mbg-radio input[type="radio"] {
    width: 0 !important;
    height: 0 !important;
    margin: 0 0 0 -5px !important;
    padding: 0 !important;
    opacity: 0 !important;
    line-height: inherit !important;
}

.maurten-bicarb-js-plugin .mbg-radio input:checked + .mbg-radio__control {
    border-radius: 50% !important;
    background: #ccc !important;
    box-shadow: 0 0 0 1px #fff !important;
    line-height: inherit !important;
}

.maurten-bicarb-js-plugin .mbg-radio input + .mbg-radio__control::before {
    content: "" !important;
    width: .7em !important;
    height: .7em !important;
    transform: scale(0) !important;
    transition: .2s -webkit-transform ease-in-out !important;
    transition: .2s transform ease-in-out !important;
    transition: .2s transform ease-in-out, .2s -webkit-transform ease-in-out !important;
    border-radius: 50% !important;
    box-shadow: inset .5em .5em #eee !important;
}

.maurten-bicarb-js-plugin .mbg-radio input:checked + .mbg-radio__control::before {
    transform: scale(1) !important
}

.maurten-bicarb-js-plugin .mbg-radio input:focus + .mbg-radio__control {
    transition: all .3s ease-out !important;
    border-radius: 50% !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #eee !important
}

.maurten-bicarb-js-plugin .mbg-radio input:disabled + .mbg-radio__control {
    border-color: #eee !important
}

.maurten-bicarb-js-plugin .mbg-radio .mbg-radio__input {
    display: -webkit-box !important;
    display: flexbox !important;
    display: flex !important;
}

.maurten-bicarb-js-plugin .mbg-radio .mbg-radio__control {
    display: grid !important;
    width: 0.8em !important;
    height: 0.8em !important;
    margin-top: 4px !important;
    transform: translateY(-.2em) !important;
    border: 1px solid #eee !important;
    border-radius: 50% !important;
    place-items: center !important;
}

.maurten-bicarb-js-plugin .mbg-radio.mbg-radio--disabled {
    color: #ccc !important;
}

.maurten-bicarb-js-plugin .mbg-radio .mbg-radio__label {
    color: #fff !important;
    font-family: MaurtenSans, sans-serif !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}


/* Buttons */
.maurten-bicarb-js-plugin .mbg-button-wrapper {
    margin: 1em 0 !important;
}

@media screen and (width >= 768px) {
    .maurten-bicarb-js-plugin .mbg-button-wrapper {
        margin: 2em 0 4em !important;
    }
}

/* Default buttons - Enhanced for Embedding */
.maurten-bicarb-js-plugin button,
.maurten-bicarb-js-plugin .mbg-button {
    /* Additional defensive properties for buttons */
    display: inline-block !important;
    visibility: visible !important;
    position: static !important;
    z-index: auto !important;
    inset: auto !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    height: unset !important;
    min-height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    float: none !important;
    clear: none !important;
    overflow: visible !important;
    transform: none !important;
    transition: all .3s !important;
    border: 1px solid #fff !important;
    border-radius: 0 !important;
    outline: none !important;
    opacity: 1 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: MaurtenSans, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-transform: none !important;
    vertical-align: baseline !important;
    white-space: nowrap !important;
    word-spacing: normal !important;
    cursor: pointer !important;
    user-select: none !important;
    appearance: none !important;
    filter: none !important;
}

.maurten-bicarb-js-plugin button:focus,
.maurten-bicarb-js-plugin .mbg-button:focus {
    transition: all .3s ease-out !important;
    border-radius: 2px !important;
    outline: none !important;
    background: #000 !important;
    box-shadow: 0 0 0 2px #637f89 !important;
    color: #fff !important;
}

@media (hover: none) and (pointer: coarse) {
    .maurten-bicarb-js-plugin button:focus,
    .maurten-bicarb-js-plugin .mbg-button:focus {
        box-shadow: none !important
    }
}

.maurten-bicarb-js-plugin button:hover,
.maurten-bicarb-js-plugin .mbg-button:hover {
    background: #000 !important;
    color: #fff !important
}

.maurten-bicarb-js-plugin .mbg-button--primary,
.maurten-bicarb-js-plugin .mbg-button--submit,
.maurten-bicarb-js-plugin .mbg-button--primary,
.maurten-bicarb-js-plugin .mbg-button--submit {
    min-width: 80px !important;
    border: 1px solid #fff !important;
    background: #fff !important;
    color: #000 !important;
    text-align: center !important;
}

.maurten-bicarb-js-plugin .mbg-button--primary:focus,
.maurten-bicarb-js-plugin .mbg-button--submit:focus,
.maurten-bicarb-js-plugin .mbg-button--primary:focus,
.maurten-bicarb-js-plugin .mbg-button--submit:focus {
    border-color: #111 !important;
    background: #111 !important;
    color: #fff !important
}

.maurten-bicarb-js-plugin .mbg-button--primary:hover,
.maurten-bicarb-js-plugin .mbg-button--submit:hover,
.maurten-bicarb-js-plugin .mbg-button--primary:hover,
.maurten-bicarb-js-plugin .mbg-button--submit:hover {
    border-color: #111 !important;
    background: #222 !important;
    color: #fff !important
}

.maurten-bicarb-js-plugin .mbg-button--white,
.maurten-bicarb-js-plugin .mbg-button--white {
    border-color: #fff !important;
    color: #fff !important
}

.maurten-bicarb-js-plugin .mbg-button--white.mbg-button--primary,
.maurten-bicarb-js-plugin .mbg-button--white.mbg-button--primary {
    background: #fff !important;
    color: #000 !important
}

.maurten-bicarb-js-plugin .mbg-button--white.mbg-button--primary:focus,
.maurten-bicarb-js-plugin .mbg-button--white.mbg-button--primary:focus {
    border-color: #fff !important;
    background: #fff !important;
    color: #000 !important
}

.maurten-bicarb-js-plugin .mbg-button--white.mbg-button--primary:hover,
.maurten-bicarb-js-plugin .mbg-button--white.mbg-button--primary:hover {
    border-color: #fff !important;
    background: #222 !important;
    color: #fff !important
}

.maurten-bicarb-js-plugin .mbg-button--white.mbg-button--primary.disabled,
.maurten-bicarb-js-plugin .mbg-button--white.mbg-button--primary.disabled {
    opacity: .6 !important;
    color: #bbb !important
}


/* Bicarb pre purchase CSS and overrides */
.maurten-bicarb-js-plugin .mbg-small-text {
    font-size: 14px !important
}

.maurten-bicarb-js-plugin .mbg-xs-text {
    color: rgb(255 255 255 / 60%) !important;
    font-size: 16px !important
}

.maurten-bicarb-js-plugin button.mbg-button-continue {
    width: 100% !important;
}

.maurten-bicarb-js-plugin .mbg-button.mbg-button-buy {
    display: inline-block !important;
    min-width: 85px !important;
}

.maurten-bicarb-js-plugin .mbg-links {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    margin-top: 24px !important;
}

.maurten-bicarb-js-plugin .mbg-links .mbg-start-over {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}

.maurten-bicarb-js-plugin button.mbg-button-continue:disabled {
    border-color: rgb(255 255 255 / 10%) !important;
    background-color: rgb(255 255 255 / 10%) !important;
    color: #333 !important
}

.maurten-bicarb-js-plugin button.mbg-button-continue:disabled:hover {
    background-color: #000 !important;
    color: #999 !important
}

@media screen and (width >= 768px) {
    .maurten-bicarb-js-plugin button.mbg-button-continue,
    .maurten-bicarb-js-plugin .mbg-button.mbg-button-continue {
        display: inline !important;
        width: auto !important;
    }
}

@media screen and (width >= 768px) {
    .maurten-bicarb-js-plugin button.mbg-button-continue {
        align-self: end !important;
        max-width: 136px !important;
        -ms-flex-item-align: end !important
    }
}


.maurten-bicarb-js-plugin .mbg-panel {
    display: -webkit-box !important;
    display: flexbox !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    max-width: 768px !important;
    height: 100% !important;
    min-height: 750px !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
}

@media screen and (width >= 440px) {
    .maurten-bicarb-js-plugin .mbg-panel {
        -ms-flex-item-align: end !important;
        align-self: end !important;
    }
}

@media screen and (width >= 1024px) {
    .maurten-bicarb-js-plugin .mbg-panel {
        margin-top: 100px !important;
        padding: 30px 40px 20px !important;
    }
}

.maurten-bicarb-js-plugin .mbg-panel .mbg-bottom-content {
    display: -webkit-box !important;
    display: flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
}

.maurten-bicarb-js-plugin .mbg-product-image img {
    display: block !important;
    max-height: 210px !important;
    margin: auto !important;
}

@media screen and (width >= 420px) {
    .maurten-bicarb-js-plugin .mbg-product-image img {
        max-height: 310px !important;
    }
}

@media screen and (width >= 1024px) {
    .maurten-bicarb-js-plugin .mbg-product-image img {
        max-height: 400px !important;
    }
}

.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-experience-level {
    margin-bottom: 40px !important;
}

.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-experience-radios {
    display: -webkit-box !important;
    display: flexbox !important;
    display: flex !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-experience-radios .mbg-radio:first-child {
    margin: 10px 36px 0 0 !important;
}

.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-weight-inputs {
    display: grid !important;
    grid-gap: 0 20px !important;
    grid-template-columns: 2fr 100px !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    margin-bottom: 40px !important;
    padding: 10px 0 !important;
    border-top: 1px solid rgb(255 255 255 / 40%) !important;
    border-bottom: 1px solid rgb(255 255 255 / 40%) !important;
}

.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-weight-text {
    display: -webkit-box !important;
    display: flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important
}

.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-weight-text .mbg-weight-kg {
    font-size: 72px !important;
    line-height: 1.45 !important;
}

.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-increase-decrease-buttons {
    display: -webkit-box !important;
    display: flexbox !important;
    display: flex !important;
    position: relative !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    width: 100px !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important
}

@media screen and (width >= 440px) {
    .maurten-bicarb-js-plugin .mbg-weight-panel .mbg-increase-decrease-buttons {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
        width: 100px !important
    }
}

.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-increase-decrease-buttons .mbg-plus-button,
.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-increase-decrease-buttons .mbg-plus-button-pressed,
.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-increase-decrease-buttons .mbg-minus-button-pressed,
.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-increase-decrease-buttons .mbg-minus-button {
    flex-grow: 1 !important;
    width: 41px !important;
    min-width: unset !important;
    height: 41px !important;
    border-radius: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 40px !important;
    user-select: none !important;
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
}

.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-increase-decrease-buttons .mbg-plus-button:hover,
.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-increase-decrease-buttons .mbg-plus-button-pressed:hover,
.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-increase-decrease-buttons .mbg-minus-button-pressed:hover,
.maurten-bicarb-js-plugin .mbg-weight-panel .mbg-increase-decrease-buttons .mbg-minus-button:hover {
    cursor: pointer !important
}

.maurten-bicarb-js-plugin .mbg-increase-decrease-buttons .mbg-minus-button-pressed svg circle,
.maurten-bicarb-js-plugin .mbg-increase-decrease-buttons .mbg-plus-button-pressed svg circle {
    fill: #8F8F8F !important;
}

.maurten-bicarb-js-plugin .mbg-increase-decrease-buttons .mbg-minus-button-pressed svg path,
.maurten-bicarb-js-plugin .mbg-increase-decrease-buttons .mbg-plus-button-pressed svg path {
    stroke: white !important;
}

.maurten-bicarb-js-plugin .mbg-buttons-description {
    grid-column: 2 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel {
    position: relative !important;
    margin-top: unset !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems {
    display: -webkit-box !important;
    display: flexbox !important;
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    margin-bottom: 8px !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems button {
    display: -webkit-box !important;
    display: flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    width: 100% !important;
    border-right: none !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems button .mbg-system {
    margin-top: 6px !important;
    font-size: 22px !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems button:last-of-type {
    border-right: 1px solid #fff !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems button .mbg-dose {
    font-size: 12px !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems button.mbg-active {
    background-color: #fff !important;
    color: #000 !important
}

@media screen and (width >= 440px) {
    .maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems button {
        width: 50% !important
    }
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems .mbg-recommended-notification {
    display: none !important;
    position: absolute !important;
    z-index: 1003 !important;
    bottom: 82px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 20px !important;
    border-radius: 4px !important;
    background-color: rgb(90 90 90 / 50%) !important;
    backdrop-filter: blur(10px) !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems .mbg-recommended-notification.mbg-active {
    display: block !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems .mbg-recommended-notification::after {
    content: " ";
    position: absolute !important;
    top: 100% !important;
    right: 14% !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: -10px !important;
    transform: rotate(180deg) !important;
    border: 10px solid transparent !important;
    border-bottom-color: rgb(255 255 255 / 15%) !important;
    pointer-events: none !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems .mbg-recommended-notification.mbg-product-1 {
    right: unset !important
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems .mbg-recommended-notification.mbg-product-1::after {
    right: unset !important;
    left: 25% !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems .mbg-recommended-notification.mbg-product-2 {
    right: unset !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems .mbg-recommended-notification.mbg-product-2::after {
    right: unset !important;
    left: 75% !important;
}

@media screen and (width >= 440px) {
    .maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-1 button {
        width: 33% !important;
    }
}

@media screen and (width >= 768px) {
    .maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-1 button {
        margin: unset !important;
    }
}

@media screen and (width >= 440px) {
    .maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-1 .mbg-recommended-notification {
        right: 0 !important;
        bottom: 0 !important;
        left: unset !important;
        width: 64% !important;
        padding: 10px 20px !important;
    }

    .maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-1 .mbg-recommended-notification::after {
        top: calc(50% - 5px) !important;
        left: -10px !important;
        transform: rotate(270deg) !important;
    }
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-2 .mbg-recommended-notification.mbg-index-1::after {
    left: 25% !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-2 .mbg-recommended-notification.mbg-index-2::after {
    right: 25% !important;
    left: unset !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-4 button {
    padding-right: 4px !important;
    padding-left: 4px !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-4 .mbg-system {
    font-size: 16px !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-4 .mbg-dose {
    font-size: 12px !important;
}

@media screen and (width >= 440px) {
    .maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-4 button {
        padding: 12px 16px !important;
    }

    .maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-4 .mbg-system {
        font-size: 22px !important;
    }

    .maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-4 .mbg-dose {
        font-size: 12px !important;
    }
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-4 .mbg-recommended-notification.mbg-index-2 {
    right: unset !important;
    left: 2.5% !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-4 .mbg-recommended-notification.mbg-index-2::after {
    right: unset !important;
    left: 37% !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-4 .mbg-recommended-notification.mbg-index-3 {
    right: unset !important;
    left: 2.5% !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-systems.mbg-width-4 .mbg-recommended-notification.mbg-index-3::after {
    right: unset !important;
    left: 64% !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-product-description {
    display: none !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-product-description.mbg-active {
    display: block !important;
    margin-top: auto !important;
    margin-bottom: 40px !important;
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-product-description .mbg-product-title {
    margin-bottom: 5px !important;
}

@media screen and (width >= 768px) {
    .maurten-bicarb-js-plugin .mbg-buy-panel .mbg-product-description .mbg-product-title {
        margin-top: .8em !important;
    }
}

.maurten-bicarb-js-plugin .mbg-buy-panel .mbg-product-description .mbg-servings {
    margin-bottom: .5em !important;
    font-family: MaurtenSansBold, sans-serif !important;
    font-size: 15px !important
}

.maurten-bicarb-js-plugin .mbg-checkbox.mbg-age-confirmation {
    display: grid !important;
    grid-template-columns: max-content 1fr !important;
    align-items: center !important;
    margin: 0 !important;
    cursor: pointer !important;
    gap: 0 8px !important;

    .mbg-checkbox__input {
        grid-column: 1 !important;
        grid-row: 1 !important;
        color: #fff !important;

        input {
            accent-color: #eee !important;
            appearance: auto !important;
        }

        .mbg-checkbox__control {
            svg {
                width: .9em !important;
                height: .9em !important;
                margin-top: 1px !important;
                margin-left: 1px !important;
            }
        }
    }

    .mbg-checkbox__label {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin-top: 0 !important;
        color: #fff !important;
        font-size: 15px !important;
    }

    .mbg-checkbox__feedback {
        grid-column: 1/3 !important;
        grid-row: 2 !important;
        max-height: 7em !important;
        margin-top: 4px !important;
        overflow: hidden !important;
        transition: max-height 0.3s ease-in-out, opacity 0.1s ease-in-out;
        opacity: 1 !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 400 !important;
    }
}

.maurten-bicarb-js-plugin .mbg-checkbox.mbg-age-confirmation:has(.mbg-checkbox__input input:checked),
.maurten-bicarb-js-plugin .mbg-checkbox.mbg-age-confirmation-2:has(.mbg-checkbox__input input:checked) {
    .mbg-checkbox__feedback {
        max-height: 0 !important;
        opacity: 0 !important;
    }
}