.quantity-input {
    background-color: var(--quantity-bg-color);
    color: var(--quantity-color)
}

.swiper-slide img.lazyautosizes.lazyloaded {
    padding: .5rem
}

.sf-prod-media.media-image {
    height: 100%
}

h3.block.text-base {
    height: 48px
}

@media (max-width: 767px) {
    h3.block.text-base {
        height: 75px !important
    }

    .main-product__block.main-product__block-price {
        display: flex;
        justify-content: center
    }
}

.article-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.section-article-wrapper {
    flex-basis: 80%
}

.section-sidebar-wrapper {
    flex-basis: 20%
}

@media screen and (max-width: 678px) {
    .article-section {
        display: block;
        padding-inline: .5rem
    }

    .article-related-post {
        padding-inline: 1rem;
        flex-direction: column
    }

    .article-section section[data-section-type=article-template] article {
        padding-inline: .7rem;
        text-align: left
    }

    .article-section section[data-section-type=article-template] article ul > li {
        padding-left: .5rem
    }
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.button-1 {
    font-family: var(--btn1-font, inherit);
    font-weight: var(--btn1-font-weight, inherit);
    font-size: var(--btn1-font-size);
    width: var(--btn1-width);
    height: var(--btn1-height);
    padding: var(--btn1-pv) var(--btn1-ph);
    background-color: var(--btn1-bg-color);
    color: var(--btn1-text-color);
    border-style: var(--btn1-border-style);
    border-color: var(--btn1-border-color);
    border-width: var(--btn1-border-width, var(--btn-border-width));
    border-radius: var(--btn1-border-radius);
    transition-duration: var(--btn1-transition-duration);
    box-shadow: var(--btn1-shadow-horizontal) var(--btn1-shadow-vertical) var(--btn1-shadow-blur) var(--btn1-shadow-spread) var(--btn1-shadow-inset) var(--btn1-shadow-color)
}

.button-1:hover {
    background-color: var(--btn1-hover-bg-color);
    color: var(--btn1-hover-text-color);
    border-style: var(--btn1-hover-border-style);
    border-color: var(--btn1-hover-border-color);
    border-width: var(--btn1-hover-border-width, var(--btn-border-width));
    border-radius: var(--btn1-hover-border-radius)
}

.button-2 {
    font-family: var(--btn2-font, inherit);
    font-weight: var(--btn2-font-weight, inherit);
    font-size: var(--btn2-font-size);
    width: var(--btn2-width);
    height: var(--btn2-height);
    padding: var(--btn2-pv) var(--btn2-ph);
    background-color: var(--btn2-bg-color);
    color: var(--btn2-text-color);
    border-style: var(--btn2-border-style);
    border-color: var(--btn2-border-color);
    border-width: var(--btn2-border-width, var(--btn-border-width));
    border-radius: var(--btn2-border-radius);
    transition-duration: var(--btn2-transition-duration);
    box-shadow: var(--btn2-shadow-horizontal) var(--btn2-shadow-vertical) var(--btn2-shadow-blur) var(--btn2-shadow-spread) var(--btn2-shadow-inset) var(--btn2-shadow-color)
}

.button-2:hover {
    background-color: var(--btn2-hover-bg-color);
    color: var(--btn2-hover-text-color);
    border-style: var(--btn2-hover-border-style);
    border-color: var(--btn2-hover-border-color);
    border-width: var(--btn2-hover-border-width, var(--btn-border-width));
    border-radius: var(--btn2-hover-border-radius)
}

.button-3 {
    font-family: var(--btn3-font, inherit);
    font-weight: var(--btn3-font-weight, inherit);
    font-size: var(--btn3-font-size);
    width: var(--btn3-width);
    height: var(--btn3-height);
    padding: var(--btn3-pv) var(--btn3-ph);
    background-color: var(--btn3-bg-color);
    color: var(--btn3-text-color);
    border-style: var(--btn3-border-style);
    border-color: var(--btn3-border-color);
    border-width: var(--btn3-border-width, var(--btn-border-width));
    border-radius: var(--btn3-border-radius);
    transition-duration: var(--btn3-transition-duration);
    box-shadow: var(--btn3-shadow-horizontal) var(--btn3-shadow-vertical) var(--btn3-shadow-blur) var(--btn3-shadow-spread) var(--btn3-shadow-inset) var(--btn3-shadow-color)
}

.button-3:hover {
    background-color: var(--btn3-hover-bg-color);
    color: var(--btn3-hover-text-color);
    border-style: var(--btn3-hover-border-style);
    border-color: var(--btn3-hover-border-color);
    border-width: var(--btn3-hover-border-width, var(--btn-border-width));
    border-radius: var(--btn3-hover-border-radius)
}

.button-4 {
    font-family: var(--btn4-font, inherit);
    font-weight: var(--btn4-font-weight, inherit);
    font-size: var(--btn4-font-size);
    width: var(--btn4-width);
    height: var(--btn4-height);
    padding: var(--btn4-pv) var(--btn4-ph);
    background-color: var(--btn4-bg-color);
    color: var(--btn4-text-color);
    border-style: var(--btn4-border-style);
    border-color: var(--btn4-border-color);
    border-width: var(--btn4-border-width, var(--btn-border-width));
    border-radius: var(--btn4-border-radius);
    transition-duration: var(--btn4-transition-duration);
    box-shadow: var(--btn4-shadow-horizontal) var(--btn4-shadow-vertical) var(--btn4-shadow-blur) var(--btn4-shadow-spread) var(--btn4-shadow-inset) var(--btn4-shadow-color)
}

.button-4:hover {
    background-color: var(--btn4-hover-bg-color);
    color: var(--btn4-hover-text-color);
    border-style: var(--btn4-hover-border-style);
    border-color: var(--btn4-hover-border-color);
    border-width: var(--btn4-hover-border-width, var(--btn-border-width));
    border-radius: var(--btn4-hover-border-radius)
}

.button-5 {
    font-family: var(--btn5-font, inherit);
    font-weight: var(--btn5-font-weight, inherit);
    font-size: var(--btn5-font-size);
    width: var(--btn5-width);
    height: var(--btn5-height);
    padding: var(--btn5-pv) var(--btn5-ph);
    background-color: var(--btn5-bg-color);
    color: var(--btn5-text-color);
    border-style: var(--btn5-border-style);
    border-color: var(--btn5-border-color);
    border-width: var(--btn5-border-width, var(--btn-border-width));
    border-radius: var(--btn5-border-radius);
    transition-duration: var(--btn5-transition-duration);
    box-shadow: var(--btn5-shadow-horizontal) var(--btn5-shadow-vertical) var(--btn5-shadow-blur) var(--btn5-shadow-spread) var(--btn5-shadow-inset) var(--btn5-shadow-color)
}

.button-5:hover {
    background-color: var(--btn5-hover-bg-color);
    color: var(--btn5-hover-text-color);
    border-style: var(--btn5-hover-border-style);
    border-color: var(--btn5-hover-border-color);
    border-width: var(--btn5-hover-border-width, var(--btn-border-width));
    border-radius: var(--btn5-hover-border-radius)
}

@media screen and (min-width: 768px) {
    .flex-wrap .button.w-1\/2, .flex-wrap .button.w-1\/3 {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.sf__btn-blank-light.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn-blank-dark.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-blank-light, .sf__btn.sf__btn-blank-dark, a.sf__btn.sf__btn-blank-light, a.sf__btn.sf__btn-blank-dark, button.sf__btn.sf__btn-blank-light, button.sf__btn.sf__btn-blank-dark {
    transition: background .5s ease, color .5s ease, border-color .6s ease;
    background-color: #0000;
    border: solid 2px
}

.sf__btn-blank-dark {
    color: #000
}

.sf__btn-blank-light {
    color: #fff
}

.sf__btn-blank-light.shopify-payment-button__button.shopify-payment-button__button--unbranded:focus, .sf__btn-blank-light.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .sf__btn.sf__btn-blank-light:focus, .sf__btn.sf__btn-blank-light:hover, a.sf__btn.sf__btn-blank-light:focus, a.sf__btn.sf__btn-blank-light:hover, button.sf__btn.sf__btn-blank-light:focus, button.sf__btn.sf__btn-blank-light:hover {
    background-color: #0000;
    --tw-text-opacity: 1;
    color: rgba(189, 189, 189, var(--tw-text-opacity))
}

.sf__btn-blank-dark.shopify-payment-button__button.shopify-payment-button__button--unbranded:focus, .sf__btn-blank-dark.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .sf__btn.sf__btn-blank-dark:focus, .sf__btn.sf__btn-blank-dark:hover, a.sf__btn.sf__btn-blank-dark:focus, a.sf__btn.sf__btn-blank-dark:hover, button.sf__btn.sf__btn-blank-dark:focus, button.sf__btn.sf__btn-blank-dark:hover {
    background-color: #0000;
    --tw-text-opacity: 1;
    color: rgba(112, 112, 112, var(--tw-text-opacity))
}

.prose {
    color: var(--color-body-text, #000);
    font-size: 1rem;
    line-height: 1.75
}

.prose a {
    text-decoration: underline;
    font-weight: 500
}

.prose p {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose strong {
    font-weight: 600
}

.prose ol {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose ol[type=A] {
    --list-counter-style: upper-alpha
}

.prose ol[type=a] {
    --list-counter-style: lower-alpha
}

.prose ol[type=I] {
    --list-counter-style: upper-roman
}

.prose ol[type=i] {
    --list-counter-style: lower-roman
}

.prose ol[type="1"] {
    --list-counter-style: decimal
}

.prose ol > li {
    position: relative;
    padding-left: 1.75em
}

.prose ol > li:before {
    content: counter(list-item, var(--list-counter-style, decimal)) ".";
    position: absolute;
    font-weight: 400;
    left: 0
}

.prose ol ol, .prose ol ul {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose > ol > li > :first-child {
    margin-top: 1.25em
}

.prose > ol > li > :last-child {
    margin-bottom: 1.25em
}

.prose ul {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose ul > li {
    position: relative
}

.prose ul ol, .prose ul ul {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose > ul > li p {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose > ul > li > :first-child {
    margin-top: 1.25em
}

.prose > ul > li > :last-child {
    margin-bottom: 1.25em
}

.prose li {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose hr {
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em
}

.prose hr + * {
    margin-top: 0
}

.prose blockquote {
    font-weight: 500;
    font-style: italic;
    border-left-width: .25rem;
    quotes: "\201c" "\201d" "\2018" "\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em
}

.prose blockquote p:first-of-type:before {
    content: open-quote
}

.prose blockquote p:last-of-type:after {
    content: close-quote
}

.prose h1 {
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: .8888889em;
    line-height: 1.1111111
}

.prose h2 {
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333
}

.prose h2 code {
    font-size: .875em
}

.prose h2 + * {
    margin-top: 0
}

.prose h3 {
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: .6em;
    line-height: 1.6
}

.prose h3 code {
    font-size: .9em
}

.prose h3 + * {
    margin-top: 0
}

.prose h4 {
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5
}

.prose h4 + * {
    margin-top: 0
}

.prose figure figcaption {
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose code {
    font-weight: 600;
    font-size: .875em
}

.prose code:after, .prose code:before {
    content: "`"
}

.prose pre {
    overflow-x: auto;
    font-size: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding: .8571429em 1.1428571em
}

.prose pre code {
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: 400;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.prose pre code:after, .prose pre code:before {
    content: none
}

.prose table {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.7142857
}

.prose thead {
    font-weight: 600;
    border-bottom-width: 1px
}

.prose thead th {
    vertical-align: bottom;
    padding-right: .5714286em;
    padding-bottom: .5714286em;
    padding-left: .5714286em
}

.prose thead th:first-child {
    padding-left: 0
}

.prose thead th:last-child {
    padding-right: 0
}

.prose tbody tr {
    border-bottom-width: 1px
}

.prose tbody tr:last-child {
    border-bottom-width: 0
}

.prose tbody td {
    vertical-align: top;
    padding: .5714286em
}

.prose tbody td:first-child {
    padding-left: 0
}

.prose tbody td:last-child {
    padding-right: 0
}

.prose figure, .prose img, .prose video {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose figure > * {
    margin-top: 0;
    margin-bottom: 0
}

.prose > :first-child {
    margin-top: 0
}

.prose > :last-child {
    margin-bottom: 0
}

.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
    margin-bottom: .85em;
    margin-top: 1em
}

.prose p {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose [class~=lead] {
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.prose :where([class~=lead]):not(:where([class~=not-prose] *)) {
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.prose :where(a):not(:where([class~=not-prose] *)) {
    text-decoration: underline;
    font-weight: 500
}

.prose :where(strong):not(:where([class~=not-prose] *)) {
    font-weight: 600
}

.prose :where(ol[type=A]):not(:where([class~=not-prose] *)) {
    --list-counter-style: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose] *)) {
    --list-counter-style: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose] *)) {
    --list-counter-style: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose] *)) {
    --list-counter-style: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)) {
    --list-counter-style: decimal
}

.prose :where(ol>li):not(:where([class~=not-prose] *)) {
    position: relative;
    padding-left: 1.75em
}

.prose :where(ol>li):not(:where([class~=not-prose] *)):before {
    content: counter(list-item, var(--list-counter-style, decimal)) ".";
    position: absolute;
    font-weight: 400;
    left: 0
}

.prose :where(ul>li):not(:where([class~=not-prose] *)) {
    position: relative
}

.prose :where(hr):not(:where([class~=not-prose] *)) {
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose] *)) {
    font-weight: 500;
    font-style: italic;
    border-left-width: .25rem;
    quotes: "\201c" "\201d" "\2018" "\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before {
    content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after {
    content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose] *)) {
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: .8888889em;
    line-height: 1.1111111
}

.prose :where(h1 strong):not(:where([class~=not-prose] *)) {
    font-weight: 900
}

.prose :where(h2):not(:where([class~=not-prose] *)) {
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333
}

.prose :where(h2 strong):not(:where([class~=not-prose] *)) {
    font-weight: 800
}

.prose :where(h3):not(:where([class~=not-prose] *)) {
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: .6em;
    line-height: 1.6
}

.prose :where(h3 strong):not(:where([class~=not-prose] *)) {
    font-weight: 700
}

.prose :where(h4):not(:where([class~=not-prose] *)) {
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5
}

.prose :where(h4 strong):not(:where([class~=not-prose] *)) {
    font-weight: 700
}

.prose :where(figure figcaption):not(:where([class~=not-prose] *)) {
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose :where(code):not(:where([class~=not-prose] *)) {
    font-weight: 600;
    font-size: .875em
}

.prose :where(code):not(:where([class~=not-prose] *)):after, .prose :where(code):not(:where([class~=not-prose] *)):before {
    content: "`"
}

.prose :where(pre):not(:where([class~=not-prose] *)) {
    overflow-x: auto;
    font-size: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding: .8571429em 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose] *)) {
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: 400;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.prose :where(pre code):not(:where([class~=not-prose] *)):after, .prose :where(pre code):not(:where([class~=not-prose] *)):before {
    content: none
}

.prose :where(table):not(:where([class~=not-prose] *)) {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.7142857
}

.prose :where(thead):not(:where([class~=not-prose] *)) {
    font-weight: 600;
    border-bottom-width: 1px
}

.prose :where(thead th):not(:where([class~=not-prose] *)) {
    vertical-align: bottom;
    padding-right: .5714286em;
    padding-bottom: .5714286em;
    padding-left: .5714286em
}

.prose :where(tbody tr):not(:where([class~=not-prose] *)) {
    border-bottom-width: 1px
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose] *)) {
    vertical-align: top;
    padding: .5714286em
}

.prose :where(p):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose :where(figure):not(:where([class~=not-prose] *)), .prose :where(img):not(:where([class~=not-prose] *)), .prose :where(video):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(figure>*):not(:where([class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose :where(h2 code):not(:where([class~=not-prose] *)) {
    font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose] *)) {
    font-size: .9em
}

.prose :where(ol):not(:where([class~=not-prose] *)), .prose :where(ul):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose :where(li):not(:where([class~=not-prose] *)) {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose > :where(ul>li p):not(:where([class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose > :where(ul>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose > :where(ul>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose > :where(ol>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose > :where(ol>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose :where(h2+*):not(:where([class~=not-prose] *)), .prose :where(h3+*):not(:where([class~=not-prose] *)), .prose :where(h4+*):not(:where([class~=not-prose] *)), .prose :where(hr+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose :where(tbody td:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose :where(tbody td:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose > :where(:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose > :where(:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

@media (min-width: 1600px) {
    .\33xl\:grid-cols-7 {
        grid-template-columns:repeat(7, minmax(0, 1fr))
    }
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=email], input[type=password], input[type=text], select {
    -webkit-appearance: none;
    appearance: none
}

select {
    background-color: #0000;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: var(--arrow-select-box);
    background-size: 10px;
    background-position-x: calc(100% - 15px);
    padding-right: 25px
}

input:not(.quantity-input__element,.form-control,.scd-item__qty_input,.newsletter__input-st,.text-editor-input,[type=submit]), textarea:not(.quantity-input__element,.form-control,.scd-item__qty_input,.newsletter__input-st,.text-editor-input,[type=submit]) {
    border-radius: .25rem;
    border-width: 1px;
    border-style: solid;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    padding: .5rem .75rem;
    line-height: 1.5rem;
    border-color: var(--border-color-3)
}

input:focus:not(.quantity-input__element,.form-control,.scd-item__qty_input,.newsletter__input-st,.text-editor-input), textarea:focus:not(.quantity-input__element,.form-control,.scd-item__qty_input,.newsletter__input-st,.text-editor-input) {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

input:disabled, textarea:disabled {
    pointer-events: none;
    border-color: var(--border-color-1);
    background: var(--bg-disabled);
    color: var(--color-disabled)
}

input[type=checkbox], textarea[type=checkbox] {
    height: 1.125rem;
    width: 1.125rem;
    background-color: #0000
}

input[type=submit], textarea[type=submit] {
    border-radius: .25rem;
    padding: .625rem 1.5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    background-color: var(--color-primary);
    outline: none;
    box-shadow: none;
    white-space: nowrap
}

input[type=submit].section__header, textarea[type=submit].section__header {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

input[type=submit]:hover, textarea[type=submit]:hover {
    cursor: pointer;
    background: var(--color-primary-darker);
    border-color: var(--color-primary-darker);
    color: #fff
}

.btn, .sf__btn, .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    white-space: nowrap;
    padding: .625rem 1.25rem;
    text-align: center
}

.section__header.btn, .section__header.sf__btn, .section__header.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 768px) {
    .btn, .sf__btn, .shopify-payment-button__button.shopify-payment-button__button--unbranded {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.btn, .sf__btn, .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    outline: none;
    transition: all .32s;
    border: 1px solid rgba(0, 0, 0, 0);
    font-size: var(--font-btn-size, 1rem);
    font-weight: var(--font-btn-weight, 500);
    display: inline-block;
    letter-spacing: var(--btn-letter-spacing, 0);
    text-transform: var(--btn-text-transform, "");
    border-radius: var(--btn-border-radius, 0);
    line-height: var(--btn-line-height, "normal")
}

.btn:focus, .btn:hover, .sf__btn:focus, .sf__btn:hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
    border-color: var(--color-primary-darker)
}

.btn:not(.sf__btn-link):hover, .sf__btn:not(.sf__btn-link):hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.sf__btn-link):hover {
    box-shadow: 0 0 0 .2rem var(--color-btn-shadow-hover)
}

.btn-disabled, .btn.disabled, .btn:disabled, .btn[disabled], .disabled.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn-disabled, .sf__btn.disabled, .sf__btn:disabled, .sf__btn[disabled], .shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled, [disabled].shopify-payment-button__button.shopify-payment-button__button--unbranded {
    pointer-events: none;
    border-color: var(--border-color-2) !important;
    color: var(--color-disabled) !important;
    opacity: .5
}

.btn.sf__btn-small, .sf__btn-small.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-small {
    padding-top: .5rem;
    padding-bottom: .5rem
}

@media (min-width: 1024px) {
    .btn.sf__btn-small, .sf__btn-small.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-small {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.btn.sf__btn-large, .sf__btn-large.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-large {
    padding-top: .75rem;
    padding-bottom: .75rem
}

@media (min-width: 1024px) {
    .btn.sf__btn-large, .sf__btn-large.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-large {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.sf__btn.sf__btn-primary, .shopify-payment-button__button.shopify-payment-button__button--unbranded, a.sf__btn.sf__btn-primary, button.sf__btn.sf__btn-primary {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    background-color: var(--color-btn-bg, var(--color-primary));
    border-color: var(--color-btn-border, var(--color-primary));
    color: var(--color-btn-text, #fff)
}

.sf__btn.sf__btn-primary:focus, .sf__btn.sf__btn-primary:hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, a.sf__btn.sf__btn-primary:focus, a.sf__btn.sf__btn-primary:hover, button.sf__btn.sf__btn-primary:focus, button.sf__btn.sf__btn-primary:hover {
    background: var(--color-btn-bg-hover);
    border-color: var(--color-btn-border-hover);
    color: var(--color-btn-text-hover, #fff);
    box-shadow: 0 0 0 .2rem var(--color-btn-shadow-hover)
}

.add-to-cart-recipes {
    height: 20px;
    display: flex;
    text-decoration: none !important;
    padding: 10px
}

.sf__btn-link.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-link, a.sf__btn.sf__btn-link, button.sf__btn.sf__btn-link {
    border-radius: 0;
    border-width: 0;
    padding: .25rem 0;
    border-bottom-color: currentColor;
    position: relative
}

.sf__btn-link.sf__btn-light.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-link.sf__btn-light, a.sf__btn.sf__btn-link.sf__btn-light, button.sf__btn.sf__btn-link.sf__btn-light {
    color: #fff
}

.sf__btn-link.shopify-payment-button__button.shopify-payment-button__button--unbranded:focus, .sf__btn-link.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .sf__btn.sf__btn-link:focus, .sf__btn.sf__btn-link:hover, a.sf__btn.sf__btn-link:focus, a.sf__btn.sf__btn-link:hover, button.sf__btn.sf__btn-link:focus, button.sf__btn.sf__btn-link:hover {
    background: none
}

.sf__btn-link.shopify-payment-button__button.shopify-payment-button__button--unbranded:focus:before, .sf__btn-link.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:before, .sf__btn.sf__btn-link:focus:before, .sf__btn.sf__btn-link:hover:before, a.sf__btn.sf__btn-link:focus:before, a.sf__btn.sf__btn-link:hover:before, button.sf__btn.sf__btn-link:focus:before, button.sf__btn.sf__btn-link:hover:before {
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
    transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1)
}

.sf__btn-link.shopify-payment-button__button.shopify-payment-button__button--unbranded:focus:after, .sf__btn-link.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:after, .sf__btn.sf__btn-link:focus:after, .sf__btn.sf__btn-link:hover:after, a.sf__btn.sf__btn-link:focus:after, a.sf__btn.sf__btn-link:hover:after, button.sf__btn.sf__btn-link:focus:after, button.sf__btn.sf__btn-link:hover:after {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .3s
}

.sf__btn-link.shopify-payment-button__button.shopify-payment-button__button--unbranded:after, .sf__btn-link.shopify-payment-button__button.shopify-payment-button__button--unbranded:before, .sf__btn.sf__btn-link:after, .sf__btn.sf__btn-link:before, a.sf__btn.sf__btn-link:after, a.sf__btn.sf__btn-link:before, button.sf__btn.sf__btn-link:after, button.sf__btn.sf__btn-link:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .3s
}

.sf__btn-link.shopify-payment-button__button.shopify-payment-button__button--unbranded:after, .sf__btn.sf__btn-link:after, a.sf__btn.sf__btn-link:after, button.sf__btn.sf__btn-link:after {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
    transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1)
}

.sf__btn-secondary.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-secondary, a.sf__btn.sf__btn-secondary, button.sf__btn.sf__btn-secondary {
    border-width: 1px;
    background-color: var(--color-btn-sec-bg, transparent);
    color: var(--color-btn-sec-text);
    text-align: center;
    border-color: var(--color-btn-sec-text, var(--color-secondary));
    border-width: var(--btn-border-width);
    box-shadow: 0 0 0 .2rem var(--color-btn-sec-shadow)
}

.sf__btn-secondary.sf__btn-small.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-secondary.sf__btn-small, a.sf__btn.sf__btn-secondary.sf__btn-small, button.sf__btn.sf__btn-secondary.sf__btn-small {
    padding-top: 7px;
    padding-bottom: 7px
}

.sf__btn-secondary.sf__btn-large.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-secondary.sf__btn-large, a.sf__btn.sf__btn-secondary.sf__btn-large, button.sf__btn.sf__btn-secondary.sf__btn-large {
    padding-top: 11px;
    padding-bottom: 11px
}

.sf__btn-secondary.shopify-payment-button__button.shopify-payment-button__button--unbranded:focus, .sf__btn-secondary.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .sf__btn.sf__btn-secondary:focus, .sf__btn.sf__btn-secondary:hover, a.sf__btn.sf__btn-secondary:focus, a.sf__btn.sf__btn-secondary:hover, button.sf__btn.sf__btn-secondary:focus, button.sf__btn.sf__btn-secondary:hover {
    background: var(--color-btn-sec-bg-hover, var(--color-secondary));
    border-color: var(--color-btn-sec-border-hover, var(--color-secondary)) !important;
    color: var(--color-btn-sec-text-hover, #fff) !important;
    box-shadow: 0 0 0 .2rem var(--color-btn-sec-shadow-hover)
}

.sf__btn-secondary.sf__btn-light.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-secondary.sf__btn-light, a.sf__btn.sf__btn-secondary.sf__btn-light, button.sf__btn.sf__btn-secondary.sf__btn-light {
    border-color: #fff;
    color: #fff
}

.sf__btn-plain.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-plain, a.sf__btn.sf__btn-plain, button.sf__btn.sf__btn-plain {
    border: none !important;
    background: none !important;
    padding: 0;
    box-shadow: none !important
}

.sf__btn-plain.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .sf__btn.sf__btn-plain:hover, a.sf__btn.sf__btn-plain:hover, button.sf__btn.sf__btn-plain:hover {
    text-decoration: underline !important;
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

.sf__btn-white.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf__btn.sf__btn-white, a.sf__btn.sf__btn-white, button.sf__btn.sf__btn-white {
    background: #fff;
    color: #232323
}

.sf__btn-white.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .sf__btn.sf__btn-white:hover, a.sf__btn.sf__btn-white:hover, button.sf__btn.sf__btn-white:hover {
    background: var(--color-btn-bg, var(--color-primary-darker));
    color: var(--color-btn-text-hover, #fff);
    border-color: #0000
}

.sf__btn-icon:hover {
    box-shadow: 0 0 0 .2rem var(--color-btn-shadow-hover)
}

.form-control {
    width: 100%;
    border-radius: .25rem;
    border-width: 1px;
    background-color: #0000;
    padding: .375rem .75rem;
    font-size: calc(var(--font-base-size, 16) * 1px);
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: 2px;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .15s;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    margin-top: 5px;
    margin-bottom: 10px;
    border-color: var(--color-border);
    background-color: var(--color-field-background)
}

.sf-topbar > .form-control {
    padding: 0 1.2rem
}

.form-control:focus {
    border-color: var(--color-primary)
}

.form-control.form__control-icon {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-border-opacity: 1;
    padding-left: 3rem;
    padding-right: 3rem
}

.form-control.form__control-icon:focus {
    --tw-border-opacity: 1;
    border-color: var(--color-primary)
}

.form-control--plain {
    background-color: #0000 !important;
    border: none;
    border-bottom: 2px solid #000;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0
}

.form-control--error {
    background-color: #fff4f4;
    border-color: #fd5749
}

.control-label {
    margin-bottom: .5rem
}

.form-group {
    margin-bottom: 1.5rem
}

.form-group[data-aria-hidden=true] {
    display: none
}

.sf__page-title {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem
}

.section__header.sf__page-title {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .sf__page-title {
        margin-bottom: 2.5rem;
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1280px) {
    .sf__page-title {
        margin-bottom: 6rem;
        font-size: 3rem;
        line-height: 1
    }
}

.sf__text-link {
    color: var(--color-text-link)
}

.sf__text-link:hover {
    color: var(--color-text-link-hover)
}

.hover-underline a {
    display: inline-block;
    position: relative;
    line-height: 24px
}

.hover-underline a:after {
    content: "";
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    background-color: var(--color-primary);
    transition: all .3s ease
}

.hover-underline.active a, .hover-underline:hover a {
    color: var(--primary-color)
}

.hover-underline.active a:after, .hover-underline:hover a:after {
    width: 100%
}

[style*=--aspect-ratio] {
    position: relative;
    overflow: hidden
}

.sf-topbar > [style*=--aspect-ratio]:before {
    padding: 0 1.2rem
}

[style*=--aspect-ratio]:before {
    display: block;
    width: 100%;
    content: "";
    height: 0;
    padding-top: calc(100% / (0 + var(--aspect-ratio, 16/9)))
}

[style*=--aspect-ratio] > :first-child {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute !important;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.sf-header {
    --sf-slide-trans-dur: .3s;
    --sf-slide-from-val: -65px;
    --sf-slide-to-val: 65px;
    --sf-header-bg: #fff
}

.sf-header.slide-from-right {
    --sf-slide-from-val: 65px;
    --sf-slide-to-val: -65px
}

.sf-header.slide-reveal {
    --sf-slide-from-val: 0;
    --sf-slide-to-val: 0
}

.sf-header header {
    transition: all .45s ease-in-out
}

.sf-header header .sf-logo .sf-logo-transparent {
    display: none
}

.sf-header header.transparent-on-top[data-transparent=true] {
    background-color: #0000;
    border-bottom: none !important;
    box-shadow: none
}

.sf-header header.transparent-on-top[data-transparent=true] .sf-logo .sf-logo-transparent {
    display: block
}

.sf-header header.transparent-on-top[data-transparent=true] .sf-logo .sf-logo-default {
    display: none
}

.sf-header header.transparent-on-top[data-transparent=true] .sf-menu-bar {
    background-color: #0000;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    color: var(--color-header-transparent-text)
}

.sf-header header.sf-header__desktop.logo-center__2l .sf-menu-item > a {
    padding-left: 2rem;
    padding-right: 2rem
}

.sf-header header.sf-header__desktop.logo-center__2l .sf-menu-item > a:after {
    left: 2rem
}

.sf-header header.sf-header__desktop.logo-center__2l .sf-menu-item:hover > a:after {
    width: calc(100% - 4rem);
    left: 2rem
}

.sf-header header.sf-header__desktop.logo-center__2l .sf__header-main-menu .sf-logo, .sf-header header.sf-header__desktop.logo-center__2l .sf__header-main-menu .sf-options-wrapper__desktop, .sf__header-sticky .sf-header header.sf-header__desktop.logo-center__2l .sf__header-main-top {
    display: none
}

.sf__header-sticky .sf-header header.sf-header__desktop.logo-center__2l .sf__header-main-menu {
    display: flex;
    justify-content: space-between
}

.sf__header-sticky .sf-header header.sf-header__desktop.logo-center__2l .sf__header-main-menu .sf-logo, .sf__header-sticky .sf-header header.sf-header__desktop.logo-center__2l .sf__header-main-menu .sf-options-wrapper__desktop {
    display: flex;
    padding-left: 0
}

.sf-header header.sf-header__desktop.logo-left__2l .sf-nav {
    margin-left: -2rem;
    margin-right: -2rem
}

.sf-header header.sf-header__desktop.logo-left__2l .sf-nav .sf-menu-item > a {
    padding: 1rem 2rem
}

.sf-header header.sf-header__desktop.logo-left__2l .sf__header-main-top .sf-menu-bar, .sf__header-sticky .sf-header header.sf-header__desktop.logo-left__2l .sf-menu-bar {
    display: none
}

.sf__header-sticky .sf-header header.sf-header__desktop.logo-left__2l .sf__header-main-top .sf-menu-bar {
    display: flex;
    margin-left: 100px
}

.sf-header header.sf-header__mobile {
    height: 55px
}

.sf-header header.sf-header__mobile .sf-logo a {
    text-align: center;
    width: var(--logo-width-mobile, 100px);
    white-space: nowrap
}

.section__header.sf-header header.sf-header__mobile .sf-logo a {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.sf-header .sf-menu-item > a {
    position: relative;
    line-height: 23px
}

.sf-header .sf-menu-item > a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background-color: currentColor;
    left: 1rem;
    bottom: calc(1.25rem - 5px);
    transition: width .2s ease-in-out
}

.sf-header .sf-menu-item .sf-menu__desktop-sub-menu {
    visibility: hidden;
    pointer-events: none;
    opacity: 1;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: transform, opacity, visibility;
    transition-property: transform, opacity, visibility, -webkit-transform
}

.sf-header .sf-menu-item:hover > a:after {
    width: calc(100% - 2rem)
}

.sf-header .sf-menu-item:hover .sf-menu__dropdown {
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    pointer-events: auto !important;
    opacity: 1;
    visibility: visible
}

.sf-header[data-header-design=logo-left__2l] .sf-nav .sf-menu-item > a:after {
    background-color: var(--color-menu-text);
    bottom: calc(.75rem - 5px);
    left: 2rem
}

.sf-header[data-header-design=logo-left__2l] .sf-nav .sf-menu-item:hover > a:after {
    width: calc(100% - 4rem)
}

@media screen and (max-width: 767px) {
    .sf-header .sf-menu-wrapper-mobile .sf-menu__content {
        width: calc(100% - 40px)
    }
}

.sf-header .sf-currency-switcher:hover, .sf-header .sf-language-switcher:hover, .sf-header .social-media-links a:hover {
    color: var(--color-text-link-hover)
}

.sf-header.stuck .sf-logo a {
    width: var(--logo-width-sticky, 100px)
}

.header__wrapper {
    width: 100%;
    transition: background-color .2s, -webkit-transform .4s;
    transition: transform .4s, background-color .2s;
    transition: transform .4s, background-color .2s, -webkit-transform .4s;
    will-change: transform, background-color
}

.stuck .header__wrapper {
    position: fixed;
    top: 0;
    left: 0
}

.scroll-down.stuck .header__wrapper {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.scroll-up .header__wrapper {
    -webkit-transform: none;
    transform: none;
    background: var(--color-header-background, #fff);
    box-shadow: 0 4px 20px #0000000a
}

.header__wrapper.transparent-on-top header {
    background-color: #0000;
    border-bottom: none !important;
    box-shadow: none
}

.header__wrapper.transparent-on-top .sf-logo .sf-logo-transparent {
    display: block
}

.header__wrapper.transparent-on-top .sf-logo .sf-logo-default {
    display: none
}

.header__wrapper.transparent-on-top.search-box-open {
    background-color: var(--color-header-background);
    color: var(--color-header-text)
}

.header__wrapper.transparent-on-top.search-box-open .sf-logo .sf-logo-default {
    display: block
}

.header__wrapper.transparent-on-top.search-box-open .sf-logo .sf-logo-transparent {
    display: none
}

.header__wrapper.transparent-on-top .sf-menu-bar {
    background-color: #0000;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    color: var(--color-header-transparent-text)
}

.sf-mega-active .transparent-on-top .sf-logo .sf-logo-transparent {
    display: none
}

.sf-mega-active .transparent-on-top .sf-logo .sf-logo-default {
    display: block
}

.sf__header-sticky .header__wrapper {
    will-change: transform;
    position: fixed;
    top: 0;
    width: 100%;
    --tw-shadow: var(--theme-shadow);
    --tw-shadow-colored: var(--theme-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.sf-topbar > .sf__header-sticky .header__wrapper {
    padding: 0 1.2rem
}

.sf__header-sticky .header__wrapper .sf-topbar {
    display: none
}

.sf__header-sticky .header__wrapper .sf-header__mobile .sf-logo a {
    width: var(--logo-width-mobile, 100px)
}

.sf__header-sticky.animate .header__wrapper {
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform .15s ease-out, -webkit-transform .15s ease-out
}

.sf__header-sticky.sf__header-hidden .header__wrapper {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.sf-topbar {
    white-space: nowrap
}

.announcement-bar__content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    margin-right: 2.5rem;
    line-height: 20px;
    max-height: 40px
}

@media screen and (max-width: 639px) {
    .announcement-bar__content {
        overflow: hidden;
        display: block;
        text-align: center;
        padding: 5px 20px;
        max-height: none;
        margin-right: 0
    }

    .announcement-bar__content .sf-topbar__close {
        padding: 5px
    }
}

.sf-header {
    --sf-sub-item-color: rgba(0, 0, 0, .55);
    --sf-sub-item-hover: #000;
    --sf-sub-item-bg: rgba(61, 61, 80, .09)
}

.sf-header--bg-black {
    --sf-header-bg: #000;
    --sf-sub-item-color: hsla(0, 0%, 100%, .55);
    --sf-sub-item-hover: #fff;
    --sf-sub-item-bg: hsla(0, 0%, 100%, .12)
}

.sf-header--bg-black .sf-currency-switcher, .sf-header--bg-black .sf-language-switcher, .sf-header--bg-black .sf-menu-item > a, .sf-header--bg-black .text-black, .sf-header--bg-black header {
    color: #fff
}

.sf-header--bg-white .sf-menu-item > a {
    color: #000
}

.sf-header.sf-mega-active header {
    box-shadow: none
}

.sf-header.sf-mega-active.sf-header--bg-white header {
    color: #000
}

.sf-header.sf-mega-active.sf-header--bg-white .sf-logo-default {
    display: block !important
}

.sf-header.sf-mega-active.sf-header--bg-white .sf-logo-light {
    opacity: 1;
    visibility: hidden
}

.sf-header.sf-mega-active.sf-header--bg-white .sf-logo-transparent {
    opacity: 1;
    visibility: hidden;
    display: none !important
}

.sf-header:hover .sf-menu__desktop-sub-menu {
    transition: none
}

.sf__header-sticky .sf-header .header {
    transition: all .3s ease-in-out
}

.sf-header__bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    background: var(--sf-header-bg, #fff);
    transition: opacity .2s cubic-bezier(.02, .01, .47, 1), background .2s cubic-bezier(.02, .01, .47, 1)
}

.sf-mega-active .sf-header__bg {
    opacity: 1
}

.sf-header__dropdown-bg {
    width: 100vw;
    height: calc(var(--sf-dropdown-height, 0px) * 1px);
    background: var(--sf-header-bg, #fff);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 1;
    top: 100%;
    pointer-events: none;
    transition: opacity .2s cubic-bezier(.02, .01, .47, 1), background .15s, height .15s
}

.sf-mega-active .sf-header__dropdown-bg {
    opacity: 1
}

.sf-header__overlay {
    top: calc(var(--sf-topbar-height, 0px) + var(--sf-announcement-height, 0px));
    opacity: 1;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
    transition: all .25s ease-in-out
}

.sf-mega-active .sf-header__overlay {
    opacity: 1;
    visibility: visible
}

.sf-topbar {
    align-items: center
}

.sf-topbar > .w-full {
    padding: 0 1.2rem
}

@media (min-width: 1024px) {
    .sf-topbar {
        display: flex
    }
}

.sf-topbar {
    transition: background .05s;
    height: 40px;
    max-height: 40px
}

.sf-topbar .sf-topbar__content a {
    text-decoration: underline
}

.sf-topbar .sf-currency-switcher, .sf-topbar .sf-language-switcher, .sf-topbar .social-media-links a {
    padding: 0 .5rem
}

.sf-topbar .sf-currency-switcher form, .sf-topbar .sf-language-switcher form, .sf-topbar .social-media-links a form {
    padding: 0
}

.sf-topbar .sf-currency-switcher select, .sf-topbar .sf-language-switcher select, .sf-topbar .social-media-links a select {
    background-image: var(--arrow-select-box-topbar)
}

.sf-menu-wrapper__desktop, .sf-options-wrapper__desktop {
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s
}

.sf-sub-menu__link {
    display: block;
    overflow: hidden;
    white-space: normal;
    padding: .25rem .75rem;
    font-weight: 400;
    color: var(--sf-sub-item-color);
    transition: all .3s
}

.sf-sub-menu__link:hover {
    color: var(--sf-sub-item-hover);
    background: var(--sf-sub-item-bg)
}

.sf-menu-submenu__title {
    padding-left: .75rem;
    padding-right: .75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.sf-header--bg-black .sf-menu-submenu__title {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.sf-logo {
    display: flex;
    align-items: center;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s
}

.sf-logo a {
    width: var(--logo-width-desktop, 150px)
}

.sf-logo .sf-image {
    transition: opacity .3s, visibiliy .3s
}

.sf-logo-light {
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 1;
    visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.sf__header-sticky .sf-logo a {
    width: var(--logo-width-sticky)
}

.sf-user-tab-label {
    position: relative;
    margin-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
    display: inline-block
}

.sf-user-tab-label hr {
    position: absolute;
    left: 0;
    bottom: -.125rem;
    display: none;
    width: 100%;
    border-top-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.bread-crumb__item {
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity))
}

.bread-crumb__item:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.bread-crumb__item {
    font-size: 15px
}

.sf-topbar > .sf-user-tab-label hr {
    padding: 0 1.2rem
}

.sf-user-tab-label hr {
    display: none
}

.sf-menu-content, .sf-sub-links {
    height: calc(var(--window-inner-height, 100vh))
}

.sf-menu-content.sf-sub-menu-open .mega-menu-customer {
    visibility: hidden
}

.sf-menu-content.sf-sub-menu-open .sf-menu-links {
    height: calc(var(--window-inner-height, 100vh) - 3.25rem);
    overflow-y: hidden
}

@media screen and (min-width: 768px) {
    .sf-header__mobile, .sf-menu-content, .sf-menu-content.sf-sub-menu-open .sf-menu-links, .sf-sub-links {
        height: 100vh
    }
}

.sf-menu__arrow {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.sf-menu-item:hover .sf-menu__arrow {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.sf-menu__dropdown {
    right: auto;
    box-shadow: 0 5px 15px #00000012;
    transition: .3s ease-in-out !important;
    -webkit-transform: translate3d(0, 20px, 0) !important;
    transform: translate3d(0, 20px, 0) !important;
    -webkit-transform-origin: center !important;
    transform-origin: center !important
}

.sf-menu-submenu__content.sf-menu-item--no-mega .sf-menu-submenu__content {
    padding: 0
}

.sf-menu__desktop-sub-menu {
    min-width: 250px
}

.sf-menu-item--active .sf-menu__desktop-sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    transition: none !important;
    pointer-events: auto !important
}

.sf-menu-submenu {
    pointer-events: none
}

.sf-menu-submenu__content {
    --column-width: 200px;
    --items-width: calc(var(--total-columns) * var(--column-width, 200px));
    width: 100%
}

@media (min-width: 1680px) {
    .sf-menu-submenu__content {
        --column-width: 250px
    }
}

@media (min-width: 1920px) {
    .sf-menu-submenu__content {
        --column-width: 270px
    }
}

.sf-menu-submenu--stretch-width .sf-menu-submenu__items {
    width: var(--items-width)
}

.sf-menu-submenu--stretch-width .sf-menu-submenu__addon {
    width: calc(100% - var(--items-width));
    flex: 1
}

.sf-menu-item--active .sf-menu__inner {
    -webkit-animation: menu_slide_in var(--sf-slide-trans-dur) both;
    animation: menu_slide_in var(--sf-slide-trans-dur) both
}

.sf-menu-item--no-mega {
    position: relative
}

@-webkit-keyframes menu_slide_reveal {
    0% {
        -webkit-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes menu_slide_reveal {
    0% {
        -webkit-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes menu_slide_in {
    0% {
        -webkit-transform: translate3d(var(--sf-slide-from-val, 0), 0, 0);
        transform: translate3d(var(--sf-slide-from-val, 0), 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes menu_slide_in {
    0% {
        -webkit-transform: translate3d(var(--sf-slide-from-val, 0), 0, 0);
        transform: translate3d(var(--sf-slide-from-val, 0), 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes menu_slide_out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(var(--sf-slide-to-val, 0), 0, 0);
        transform: translate3d(var(--sf-slide-to-val, 0), 0, 0);
        opacity: 1
    }
}

@keyframes menu_slide_out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(var(--sf-slide-to-val, 0), 0, 0);
        transform: translate3d(var(--sf-slide-to-val, 0), 0, 0);
        opacity: 1
    }
}

.sf-search-form {
    height: 42px
}

.sf-sub-links .back svg {
    pointer-events: none
}

.sf__toggle-submenu-mb {
    flex: 0 0 48px;
    height: 100%;
    min-height: 48px
}

@media (min-width: 1280px) {
    .sf-search-form--full {
        min-width: 250px
    }

    .sf-search-form > span {
        flex: 1
    }
}

@media (max-width: 480px) {
    .sf-header__mobile > :last-child {
        padding-right: 0
    }
}

.sf-customer-section__inner {
    overflow-y: auto;
    padding-bottom: 40px
}

@media (max-width: 1440px) {
    .sf-menu-item a {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.sf-menu-bar {
    position: relative;
    z-index: 1
}

.sf-logo {
    font-size: 1rem
}

@media screen and (min-width: 1280px) {
    .home-banner__slideshow:hover .sf-slider__controls .sf-slider__controls-button {
        left: 1.5rem;
        opacity: 1
    }

    .home-banner__slideshow:hover .sf-slider__controls .sf-slider__controls-next {
        right: 1.5rem
    }
}

.home-banner__slideshow .swiper-wrapper {
    margin: 0
}

.home-banner__slideshow .swiper-slide:not(.sf-slider--first) {
    display: none
}

.home-banner__slideshow .swiper-container-initialized .swiper-slide:not(.sf-slider--first) {
    display: block
}

.home-banner__slideshow .sf__slider {
    transition: height .25s ease
}

.home-banner__slideshow .sf__slide-block.slide__block-desktop a.sf__btn-secondary.content_above:hover {
    border-color: var(--color-btn-sec-border-hover) !important;
    background: var(--color-btn-sec-bg-hover) !important;
    color: var(--color-btn-sec-text-hover) !important;
    box-shadow: 0 0 0 .2rem var(--color-btn-sec-shadow-hover) !important
}

.home-banner__slideshow .sf__slide-block.slide__block-desktop a.sf__btn-link.content_above {
    color: var(--btn-color, #000)
}

.home-banner__slideshow .sf__slide-block.slide__block-desktop a.sf__btn-link.content_above:after, .home-banner__slideshow .sf__slide-block.slide__block-desktop a.sf__btn-link.content_above:before {
    background-color: var(--btn-color, #000)
}

@media (min-width: 768px) {
    .home-banner__slideshow .sf__slider--small, .home-banner__slideshow .sf__slider--small .swiper-slide {
        height: 42vh
    }

    .home-banner__slideshow .sf__slider--medium, .home-banner__slideshow .sf__slider--medium .swiper-slide {
        height: 62vh
    }

    .home-banner__slideshow .sf__slider--large, .home-banner__slideshow .sf__slider--large .swiper-slide {
        height: 75vh
    }

    .home-banner__slideshow .sf__slider--fullscreen, .home-banner__slideshow .sf__slider--fullscreen .swiper-slide {
        height: calc(100vh - var(--main-content-padding-top, var(--sf-header-height, 0px)) - var(--sf-topbar-height, 0px) - var(--sf-announcement-height, 0px))
    }

    .home-banner__slideshow .sf__slider--adapt, .home-banner__slideshow .sf__slider--adapt .swiper-slide {
        height: var(--slide-height, 100vh)
    }
}

.home-banner__slideshow .sf-slider__controls-button {
    left: 0;
    opacity: 1;
    transition: all .3s
}

.home-banner__slideshow .swiper-slide .sf__slide-content:not(.sf__slide-content--mobile) {
    opacity: 1;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0)
}

.home-banner__slideshow .sf-slider__controls .sf-slider__controls-next {
    right: 0;
    left: auto !important
}

@media screen and (max-width: 767px) {
    .home-banner__slideshow .sf-slider__controls {
        margin: 0
    }
}

.home-banner__slideshow .sf__slide-block.slide__block-desktop a.sf__btn-secondary {
    color: var(--color-btn-sec-text, #000);
    border-color: var(--color-btn-sec-border, #000)
}

.home-banner__slideshow .sf__slide-block.slide__block-desktop a.sf__btn-secondary:hover {
    border-color: var(--color-btn-sec-border-hover) !important;
    background: var(--color-btn-sec-bg-hover) !important;
    color: var(--color-btn-sec-text-hover) !important;
    box-shadow: 0 0 0 .2rem var(--color-btn-sec-shadow-hover) !important
}

.home-banner__slideshow .sf__slide-block.slide__block-desktop a.sf__btn-link {
    color: var(--btn-color, #000)
}

.home-banner__slideshow .sf__slide-block.slide__block-desktop a.sf__btn-link:after, .home-banner__slideshow .sf__slide-block.slide__block-desktop a.sf__btn-link:before {
    background-color: var(--btn-color, #000)
}

@media (min-width: 768px) {
    .home-banner__slideshow[class*=sf-slider__pagination] .sf-slider__controls {
        margin: 0
    }

    .home-banner__slideshow[class*=sf-slider__pagination] .swiper-pagination {
        flex-flow: column;
        display: inline-flex;
        position: absolute;
        left: 2.5rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        margin: 0
    }

    .home-banner__slideshow[class*=sf-slider__pagination] .swiper-pagination-bullet {
        margin: 10px 0
    }

    .home-banner__slideshow.sf-slider__pagination--right .swiper-pagination {
        left: auto;
        right: 2.5rem
    }
}

@media (max-width: 767px) {
    .home-banner__slideshow .sf__slide-image {
        will-change: height;
        transition: all .25s ease
    }

    .home-banner__slideshow .sf__slide-image .sf__placeholder-svg {
        height: 200px
    }

    .home-banner__slideshow .swiper-pagination {
        position: static !important;
        width: auto;
        margin: 0;
        bottom: 0
    }

    .home-banner__slideshow .sf-slider__controls-button {
        position: relative;
        -webkit-transform: none;
        transform: none;
        color: #000;
        opacity: 1;
        border: none
    }

    .home-banner__slideshow .container-fluid {
        padding-left: 0;
        padding-right: 0
    }

    .home-banner__slideshow .sf__slide-content .slide__block-link.sf__btn:not(.sf__btn-link), .home-banner__slideshow .sf__slide-content .slide__block-link.shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.sf__btn-link) {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

.sf__slide-block[class*=--middle-] {
    align-items: center
}

.sf__slide-block[class*=--top-] {
    align-items: flex-start
}

.sf__slide-block[class*=--bottom-] {
    align-items: flex-end
}

.sf__slide-block--bottom-center, .sf__slide-block--middle-center, .sf__slide-block--top-center {
    justify-content: center
}

.sf__slide-block--bottom-left, .sf__slide-block--middle-left, .sf__slide-block--top-left {
    justify-content: flex-start
}

.sf__slide-block--bottom-right, .sf__slide-block--middle-right, .sf__slide-block--top-right {
    justify-content: flex-end
}

.sf__slideshow-overlay:before {
    content: "";
    background-color: var(--color-image-overlay);
    opacity: var(--opacity-image-overlay);
    z-index: 2
}

.sf__slide-bg, .sf__slideshow-overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.sf__slide-bg {
    pointer-events: none;
    transition: all 3s;
    -webkit-transform: scale(1.01) translateZ(0);
    transform: scale(1.01) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: center;
    transform-origin: center
}

.swiper-slide-active .sf__slide-bg {
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.sf__slide-bg video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.swiper-slide .sf__slide-content, .swiper-slide .sf__slide-footer {
    opacity: 1
}

.swiper-slide .sf__slide-content:not(.sf__slide-content--mobile), .swiper-slide .sf__slide-footer:not(.sf__slide-content--mobile) {
    -webkit-animation-name: none;
    animation-name: none
}

.swiper-slide.swiper-slide-active .sf__slide-content {
    opacity: 1
}

.swiper-slide.swiper-slide-active .sf__slide-content:not(.sf__slide-content--mobile) {
    -webkit-animation-name: moPopUp;
    animation-name: moPopUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.swiper-slide.swiper-slide-active .sf__slide-footer {
    opacity: 1;
    -webkit-animation-name: moLeftToRight;
    animation-name: moLeftToRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width: 767px) {
    .swiper-slide .sf__slide-footer {
        display: none
    }
}

.sf-custom__bg {
    top: 0;
    left: 0
}

.sf-custom__bg, .sf-custom__bg img {
    width: 100%;
    height: 100%
}

.sf-hero {
    position: relative;
    width: 100%;
    overflow: hidden
}

.sf-hero__bg {
    position: absolute;
    top: 0;
    left: 0
}

.sf-hero__bg, .sf-hero__bg img {
    width: 100%;
    height: 100%
}

.sf-hero--has-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: var(--color-image-overlay);
    opacity: var(--opacity-image-overlay)
}

@media screen and (max-width: 767px) {
    .sf-hero--has-overlay.sf-hero__mobile-no-overlay:before {
        display: none
    }
}

.sf-hero__inner {
    position: relative;
    z-index: 1
}

.sf-hero__inner[class*=--middle-] {
    align-items: center
}

.sf-hero__inner[class*=--top-] {
    align-items: flex-start
}

.sf-hero__inner[class*=--bottom-] {
    align-items: flex-end
}

.sf-hero__inner--bottom-center, .sf-hero__inner--middle-center, .sf-hero__inner--top-center {
    justify-content: center
}

.sf-hero__inner--bottom-left, .sf-hero__inner--middle-left, .sf-hero__inner--top-left {
    justify-content: flex-start
}

.sf-hero__inner--bottom-right, .sf-hero__inner--middle-right, .sf-hero__inner--top-right {
    justify-content: flex-end
}

.sf-hero--small .sf-hero__inner {
    height: 40vh
}

.sf-hero--medium .sf-hero__inner {
    height: 62vh
}

.sf-hero--large .sf-hero__inner {
    height: 75vh
}

.sf-hero--fullscreen .sf-hero__inner {
    height: 100vh
}

.sf-hero--adapt .sf-hero__inner {
    height: var(--slide-height, 100vh)
}

.sf-hero__inner .sf-hero__content .sf-hero__btn .sf__btn-link.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf-hero__inner .sf-hero__content .sf-hero__btn .sf__btn-secondary.shopify-payment-button__button.shopify-payment-button__button--unbranded, .sf-hero__inner .sf-hero__content .sf-hero__btn .sf__btn.sf__btn-link, .sf-hero__inner .sf-hero__content .sf-hero__btn .sf__btn.sf__btn-secondary {
    border-color: var(--color-btn-sec-border);
    color: var(--color-btn-sec-text)
}

.sf-hero__subtitle, .sf-hero__title {
    padding-left: 0;
    padding-right: 0;
    display: block
}

.sf-hero__content p {
    margin-top: 0
}

.sf-hero__btn {
    display: inline-block
}

@media screen and (max-width: 767px) {
    .sf-hero .sf-hero__inner {
        height: auto !important
    }

    .sf-hero .sf-hero__inner .sf-hero__content br {
        display: none
    }

    .sf-hero .sf-hero--fullscreen .sf-hero__inner, .sf-hero .sf-hero--large .sf-hero__inner {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .sf-hero .sf-hero__inner .sf-hero__content .sf-hero__btn .sf__btn:not(.sf__btn-link), .sf-hero .sf-hero__inner .sf-hero__content .sf-hero__btn .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.sf__btn-link) {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media (min-width: 768px) {
    .sf-hero--has-link .sf-hero__inner {
        pointer-events: none
    }
}

.sf-hero--has-link:not(.sf-hero__mobile-no-overlay) .sf-hero__inner {
    pointer-events: none
}

.sf-hero--has-link .sf-hero__btn {
    pointer-events: auto
}

.sf__banner-with-slider .sf__slide-content .sf__content-subheading {
    margin-bottom: 1.25rem;
    font-weight: 500
}

@media (min-width: 1024px) {
    .sf__banner-with-slider .sf__slide-content .sf__content-subheading {
        margin-bottom: 1.75rem
    }
}

.sf__banner-with-slider .sf__slide-content .sf__content-heading {
    margin-bottom: .625rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
    line-height: 1.375
}

@media (min-width: 1024px) {
    .sf__banner-with-slider .sf__slide-content .sf__content-heading {
        margin-bottom: 1.25rem
    }
}

@media screen and (max-width: 1279px) {
    .sf__banner-with-slider .sf__slide-content .sf__content-heading {
        font-size: 36px;
        line-height: 52px
    }
}

@media screen and (max-width: 767px) {
    .sf__banner-with-slider .sf__slide-content .sf__content-heading {
        font-size: 30px;
        line-height: 43px
    }
}

.grecaptcha-badge {
    display: none
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1536px) {
    .container {
        padding-left: 0;
        padding-right: 0
    }
}

.container {
    max-width: calc(var(--container-width, 1280) * 1px)
}

.container-fluid {
    --offset-x: 1rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(var(--fluid-container-width, 1620px) + var(--offset-x) * 2);
    padding-left: var(--offset-x);
    padding-right: var(--offset-x)
}

@media screen and (min-width: 1024px) {
    .container-fluid {
        --offset-x: calc(var(--fluid-container-offset, 6rem) / 1.25)
    }
}

.sf-topbar > .container {
    padding: 0 1.2rem
}

.sf-topbar > .container-fluid {
    padding: 0 1.2rem
}

.sf-topbar > .container-narrow {
    padding: 0 1.2rem
}

@media screen and (min-width: 1536px) {
    .container-fluid {
        --offset-x: var(--fluid-container-offset, 6rem)
    }
}

.container-narrow {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem
}

.section__header {
    margin-bottom: 60px
}

@media screen and (max-width: 1535px) {
    .section__header {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 1279px) {
    .section__header {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .section__header {
        margin-bottom: 30px
    }
}

.section__header.text-center {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media screen and (max-width: 1535px) {
    .section__heading {
        font-size: 34px !important;
        line-height: 44px !important
    }
}

@media screen and (max-width: 1279px) {
    .section__heading {
        font-size: 30px !important;
        line-height: 40px !important
    }
}

@media screen and (max-width: 767px) {
    .section__heading {
        font-size: 24px !important;
        line-height: 34px !important
    }

    .section__heading br {
        display: none
    }
}

.section__subheading {
    margin-bottom: 1.25rem
}

.section__description {
    margin-top: 1rem;
    font-size: calc(var(--font-base-size, 16) * 1px);
    color: var(--color-sub-text)
}

.section__description a {
    color: #000;
    text-decoration: underline;
    font-weight: 500
}

.section__description a:hover {
    color: var(--color-primary)
}

.text-size--large {
    font-size: 6rem;
    line-height: 1
}

.text-size--medium {
    font-size: 4.5rem;
    line-height: 1
}

.font-weight--light {
    font-weight: 300
}

.font-weight--normal {
    font-weight: 400
}

.font-weight--medium {
    font-weight: 500
}

.font-weight--semibold {
    font-weight: 600
}

.font-weight--bold {
    font-weight: 700
}

.font-weight--extrabold {
    font-weight: 800
}

.font-weight--black {
    font-weight: 900
}

.letter-spacing--normal {
    letter-spacing: 2px
}

.letter-spacing--small {
    letter-spacing: 4px
}

.letter-spacing--medium {
    letter-spacing: 8px
}

.letter-spacing--large {
    letter-spacing: 12.5px
}

.text--upper {
    text-transform: uppercase
}

.text--lower {
    text-transform: lowercase
}

.text--capitalize {
    text-transform: capitalize
}

@media (max-width: 767px) {
    .rte br, .rte p br {
        display: none
    }
}

.swiper-container {
    display: block
}

@media (max-width: 767px) {
    .swiper .swiper-pagination {
        margin: 0;
        width: auto
    }
}

.swiper--equal-height .swiper-slide {
    height: auto
}

.swiper--equal-height .swiper-slide > * {
    height: 100%
}

.swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    padding: 5px 0;
    pointer-events: auto
}

.swiper-pagination--vertical {
    flex-flow: column;
    display: inline-flex;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 4px 8px;
    transition: .25s;
    background: none;
    position: relative;
    border: 2px solid rgba(0, 0, 0, 0)
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination--vertical .swiper-pagination-bullet {
    margin: 10px 0
}

.swiper-pagination-bullet:hover {
    opacity: .8
}

.swiper-pagination-bullet:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    background-color: var(--color-body-text);
    position: absolute;
    top: 2px;
    left: 2px;
    transition: .25s
}

.swiper-pagination-bullet-active {
    border-color: var(--color-body-text)
}

.swiper-pagination-bullet-active, .swiper-pagination-bullet-active:after {
    background-color: #0000 !important
}

.sf-slider__controls {
    pointer-events: none
}

.sf-slider__controls button {
    outline: none;
    box-shadow: none;
    padding: 0;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    border-color: var(--color-border);
    z-index: 1;
    transition: all .3s ease;
    flex: 0 0 auto
}

@media screen and (min-width: 1280px) {
    .sf-slider__controls button:hover {
        background: var(--color-btn-bg, var(--color-primary-darker));
        color: var(--color-btn-text, #fff);
        border-color: var(--color-btn-bg-hover);
        box-shadow: 0 0 0 .2rem var(--color-btn-shadow-hover)
    }
}

.sf-slider__controls button[disabled] {
    opacity: .5;
    pointer-events: none
}

.sf-slider__controls--absolute button {
    position: absolute;
    top: var(--offset-top, 50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -80px
}

@media (min-width: 768px) {
    .sf-slider__controls--absolute button {
        margin-top: calc(var(--nav-offset, 0px) * -1)
    }
}

.sf-slider__controls--absolute button.sf-slider__controls-next {
    left: auto !important;
    right: -80px
}

.sf-slider__controls--full button {
    left: 30px;
    background: #fff
}

.sf-slider__controls--full button.sf-slider__controls-next {
    right: 30px
}

@media screen and (max-width: 767px) {
    .sf-slider__controls {
        max-width: 100vw
    }
}

.sf-grid {
    margin: 0 calc(var(--column-gap) / -2) calc(var(--row-gap, var(--column-gap)) / -1) !important;
    justify-content: center
}

.sf-grid.recently-viewed-grid {
    margin: 0 5rem !important
}

@media screen and (max-width: 1279px) {
    .sf-grid {
        margin: 0 calc(var(--column-gap) / 2 / -2) calc(var(--row-gap, var(--column-gap)) / 2 / -1) !important
    }
}

@media screen and (max-width: 767px) {
    .sf-grid {
        margin: 0 calc(var(--column-gap-mobile, var(--column-gap)) / -2) calc(var(--row-gap-mobile, var(--column-gap)) / -1) !important
    }
}

.sf-column {
    padding: 0 calc(var(--column-gap) / 2) var(--row-gap, var(--column-gap));
    justify-self: center
}

@media screen and (max-width: 1279px) {
    .sf-column {
        padding: 0 calc(var(--column-gap) / 2 / 2) calc(var(--row-gap, var(--column-gap)) / 2)
    }
}

@media screen and (max-width: 767px) {
    .sf-column {
        padding: 0 calc(var(--column-gap-mobile, var(--column-gap)) / 2) calc(var(--row-gap-mobile, var(--column-gap)));
        width: 80%
    }
}

.sf-modal {
    z-index: 99
}

.sf-modal__close {
    right: 15px;
    top: 15px
}

@media (max-width: 767px) {
    .sf-modal__close {
        right: 5px;
        top: 5px
    }

    .image-card__img {
        align-self: inherit
    }
}

.sf-modal__content {
    overflow-y: auto;
    overflow-x: hidden
}

.sf-modal__content-inner {
    overflow-x: auto
}

.sf-sharing {
    padding: 24px;
    width: 380px
}

.sf-sharing .form-control {
    margin: 0
}

.sf-sharing label {
    margin-bottom: 14px;
    display: block
}

.sf-sharing .sf-sharing__socials {
    margin-top: 20px
}

.sf-sharing .sf-sharing__socials a:hover {
    opacity: .7
}

.sf-sharing .sf-modal__close {
    top: 2px;
    right: 2px
}

.app-block {
    padding: 1rem 0
}

.sf__tooltip-content, article:empty, dl:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, p:empty, section:empty, ul:empty {
    display: none
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded-disabled, .shopify-payment-button__button.shopify-payment-button__button--unbranded.disabled, .shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled {
    pointer-events: none;
    border-color: var(--border-color-2);
    color: var(--color-disabled)
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background: var(--color-btn-bg-hover, #000) !important;
    color: var(--color-btn-text-hover, #fff)
}

.additional-checkout-buttons ul[data-shopify-buttoncontainer] {
    margin-top: 10px !important
}

.additional-checkout-buttons ul[data-shopify-buttoncontainer] li {
    flex-grow: 1 !important
}

.ssw-faveiticon {
    position: relative !important;
    display: flex;
    align-items: center
}

.ssw-faveiticon:hover i {
    color: var(--color-primary)
}

.ssw-socialconnect {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ssw-social-login-widget .ssw-socialconnect > div > a {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    height: 44px !important
}

.ssw-social-login-widget .ssw-socialconnect > div > a i[class*=ssw-icon] {
    -webkit-transform: none !important;
    transform: none !important
}

.ssw-stars > i {
    font-size: 16px !important
}

.agree-terms {
    width: 100%;
    margin-top: 20px
}

.agree-terms label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.agree-terms span {
    margin-left: 12px
}

.agree-terms p {
    margin: 0
}

.agree-terms a {
    text-decoration: underline
}

body {
    transition: opacity .15s ease-in-out;
}

.sf-currency-switcher, .sf-language-switcher {
    display: none
}

.al-loading-bar, .al-loading-overlay {
    position: relative
}

.al-loading-overlay:after {
    content: "";
    position: absolute;
    z-index: 99999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 1;
    transition: opacity var(--al-finish-duration) ease-in-out var(--al-finish-duration);
    pointer-events: auto
}

.al-loading-overlay.overlay-show:after {
    opacity: .6
}

.al-loading-bar:before {
    content: "";
    position: fixed;
    z-index: 999999999;
    top: 0;
    left: 0;
    width: 0;
    height: var(--al-thickness);
    opacity: 1;
    background: var(--al-color)
}

.al-loading-bar.start:before {
    transition: width var(--al-finish-duration) linear, opacity var(--al-finish-duration) linear var(--al-finish-duration)
}

.al-loading-bar.loading:before {
    -webkit-animation: al-loading var(--al-start-duration) ease-in-out forwards;
    animation: al-loading var(--al-start-duration) ease-in-out forwards
}

.al-loading-bar.loaded:before {
    width: var(--al-end-width)
}

.al-loading-bar.finished:before {
    width: 100%;
    opacity: 1
}

@-webkit-keyframes al-loading {
    0% {
        width: 0
    }
    to {
        width: 80%
    }
}

@keyframes al-loading {
    0% {
        width: 0
    }
    to {
        width: 80%
    }
}

.sf__custom-list {
    padding-inline: 5vh
}

.sf__custom-list .inner-list ul {
    list-style: none
}

.sf__custom-list .inner-list ul li {
    margin: 2vh 0
}

.sf__custom-list .inner-list ul li .icon {
    margin-right: 1.25rem
}

.sf__custom-list .inner-list ul li .icon.icon-sm {
    width: 32px;
    height: 32px
}

.sf__custom-list .inner-list ul li .icon.icon-md {
    width: 48px;
    height: 48px
}

.sf__custom-list .inner-list ul li .icon.icon-lg {
    width: 64px;
    height: 64px
}

.icon {
    /* margin-right: 1.25rem */
}

.icon.icon-sm {
    width: 32px;
    height: 32px
}

.icon.icon-md {
    width: 48px;
    height: 48px
}

.icon.icon-lg {
    width: 64px;
    height: 64px
}

html body h1, html body .h1 {
    font-size: var(--h1-font-desktop);
    color: var(--h1-color-text);
    background-color: var(--h1-bg-color);
    -webkit-text-decoration: var(--h1-text-decoration, none);
    text-decoration: var(--h1-text-decoration, none);
    text-transform: var(--h1-text-transform);
    line-height: var(--h1-line-height-desktop);
    letter-spacing: var(--h1-letter-spacing);
    word-spacing: var(--h1-word-spacing)
}

html body h2, html body .h2 {
    font-size: var(--h2-font-desktop);
    color: var(--h2-color-text);
    background-color: var(--h2-bg-color);
    -webkit-text-decoration: var(--h2-text-decoration, none);
    text-decoration: var(--h2-text-decoration, none);
    text-transform: var(--h2-text-transform);
    line-height: var(--h2-line-height-desktop);
    letter-spacing: var(--h2-letter-spacing);
    word-spacing: var(--h2-word-spacing)
}

html body h3, html body .h3 {
    font-size: var(--h3-font-desktop);
    color: var(--h3-color-text);
    background-color: var(--h3-bg-color);
    -webkit-text-decoration: var(--h3-text-decoration, none);
    text-decoration: var(--h3-text-decoration, none);
    text-transform: var(--h3-text-transform);
    line-height: var(--h3-line-height-desktop);
    letter-spacing: var(--h3-letter-spacing);
    word-spacing: var(--h3-word-spacing)
}

html body h4, html body .h4 {
    font-size: var(--h4-font-desktop);
    color: var(--h4-color-text);
    background-color: var(--h4-bg-color);
    -webkit-text-decoration: var(--h4-text-decoration, none);
    text-decoration: var(--h4-text-decoration, none);
    text-transform: var(--h4-text-transform);
    line-height: var(--h4-line-height-desktop);
    letter-spacing: var(--h4-letter-spacing);
    word-spacing: var(--h4-word-spacing)
}

html body h5, html body .h5 {
    font-size: var(--h5-font-desktop);
    color: var(--h5-color-text);
    background-color: var(--h5-bg-color);
    -webkit-text-decoration: var(--h5-text-decoration, none);
    text-decoration: var(--h5-text-decoration, none);
    text-transform: var(--h5-text-transform);
    line-height: var(--h5-line-height-desktop);
    letter-spacing: var(--h5-letter-spacing);
    word-spacing: var(--h5-word-spacing)
}

html body h6, html body .h6 {
    font-size: var(--h6-font-desktop);
    color: var(--h6-color-text);
    background-color: var(--h6-bg-color);
    -webkit-text-decoration: var(--h6-text-decoration, none);
    text-decoration: var(--h6-text-decoration, none);
    text-transform: var(--h6-text-transform);
    line-height: var(--h6-line-height-desktop);
    letter-spacing: var(--h6-letter-spacing);
    word-spacing: var(--h6-word-spacing)
}

@media screen and (max-width: 768px) {
    html body h1, html body .h1 {
        font-size: var(--h1-font-mobile);
        line-height: var(--h1-line-height-mobile)
    }

    html body h2, html body .h2 {
        font-size: var(--h2-font-mobile);
        line-height: var(--h2-line-height-mobile)
    }

    html body h3, html body .h3 {
        font-size: var(--h3-font-mobile);
        line-height: var(--h3-line-height-mobile)
    }

    html body h4, html body .h4 {
        font-size: var(--h4-font-mobile);
        line-height: var(--h4-line-height-mobile)
    }

    html body h5, html body .h5 {
        font-size: var(--h5-font-mobile);
        line-height: var(--h5-line-height-mobile)
    }

    html body h6, html body .h6 {
        font-size: var(--h6-font-mobile);
        line-height: var(--h6-line-height-mobile)
    }
}

.sf-mega-menu, .sf-cart-drawer {
    background-color: var(--color-drawer-background);
    color: var(--color-drawer-text)
}

.sf-mega-menu h1, .sf-mega-menu h2, .sf-mega-menu h3, .sf-mega-menu h4, .sf-cart-drawer h1, .sf-cart-drawer h2, .sf-cart-drawer h3, .sf-cart-drawer h4 {
    color: var(--color-drawer-heading)
}

.sf-mega-menu .border-color-border, .sf-cart-drawer .border-color-border {
    border-color: var(--color-drawer-border)
}

.plyr__video-embed {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.plyr__video-embed > iframe {
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px) {
    .plyr__video-embed {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hide-mobile {
    display: none
}

@media only screen and (min-width: 768px) {
    .hide-mobile {
        display: block
    }
}

.hide-tablet {
    display: none
}

@media only screen and (min-width: 992px) {
    .hide-tablet {
        display: block
    }
}

@media only screen and (min-width: 992px) {
    .hide-desktop {
        display: none
    }
}

[data-shopify-editor-block*=image_card] {
    padding: 0
}

@media screen and (max-width: 768px) {
    .product-bundles__list, .product-bundles__cta, .product-bundles__error, .sf-prod__info, .prod_prices, .product-form__actions > div {
        text-align: center;
        justify-content: center
    }

    .product-form__actions .form__input-wrapper {
        margin-bottom: .75rem
    }
}

.ft_block_item {
    flex: 0 0 auto;
    margin-bottom: 30px;
    padding-left: 30px;
    max-width: 100%
}

.horLinks {
    margin: 0 -10px
}

.horLinks li {
    display: inline-block;
    margin: 5px 10px
}

.hr-hmenu {
    margin: 20px 0;
    border: 0
}

.h4-hmenu {
    margin: 0 0 15px;
    text-transform: none
}

@media only screen and (max-width: 768px) {
    .ft_block_item {
        flex: 0 0 auto;
        padding-left: 10px;
        margin-bottom: 15px
    }

    .ft_block_item.menuhr {
        padding: 0
    }
}

hr.separator {
    width: 100%;
    border-top-color: var(--sep-color, transparent);
    border-top-style: var(--sep-style, solid);
    border-top-width: var(--sep-border-width, 1px)
}

hr.separator-1 {
    width: var(--sep1-width-per, 100%);
    border-top-color: var(--sep1-top-color, var(--sep-color));
    border-top-style: var(--sep1-top-style, var(--sep-style));
    border-top-width: var(--sep1-top-border-width, var(--sep-border-width))
}

hr.separator-2 {
    width: var(--sep2-width-per, 100%);
    border-top-color: var(--sep2-top-color, var(--sep-color));
    border-top-style: var(--sep2-top-style, var(--sep-style));
    border-top-width: var(--sep2-top-border-width, var(--sep-border-width))
}

hr.separator-3 {
    width: var(--sep3-width-per, 100%);
    border-top-color: var(--sep3-top-color, var(--sep-color));
    border-top-style: var(--sep3-top-style, var(--sep-style));
    border-top-width: var(--sep3-top-border-width, var(--sep-border-width))
}

hr.separator-4 {
    width: var(--sep4-width-per, 100%);
    border-top-color: var(--sep4-top-color, var(--sep-color));
    border-top-style: var(--sep4-top-style, var(--sep-style));
    border-top-width: var(--sep4-top-border-width, var(--sep-border-width))
}

hr.separator-5 {
    width: var(--sep5-width-per, 100%);
    border-top-color: var(--sep5-top-color, var(--sep-color));
    border-top-style: var(--sep5-top-style, var(--sep-style));
    border-top-width: var(--sep5-top-border-width, var(--sep-border-width))
}

.sep-pv-none {
    padding: 0
}

.sep-pv-sm {
    padding: 1vh 0
}

.sep-pv-md {
    padding: 3vh 0
}

.sep-pv-lg {
    padding: 5vh 0
}

.hamburguer-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (max-width: 500px) {
    .collection-grids {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }
}

.center_price_pdp {
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .recently-viewed-mobile_empty {
        display: none
    }
}

@media (max-width: 767px) {
    .blog-recipe-body {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        align-self: center;
        word-wrap: break-word
    }

    .sf__ms-wrapper_mobile {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.recipe-title {
    font-size: 2rem;
    margin: 2rem
}

.recipes-flex {
    display: flex;
    flex-direction: row
}

.recipe-mg2 {
    margin: 0 2rem 0 0
}

.recipe-mg2 .nutrition-box {
    width: 50%
}

.recipe-mg2 .nutrition-box-left {
    margin-top: 13px;
    width: 100px
}

.recipe-category-title {
    position: relative;
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 15px
}

.line-red {
    width: 90%;
    height: 2px;
    background: red;
    position: absolute;
    top: 50%;
    margin-left: 5px
}

.mg-0 {
    margin: 0 !important
}

.lnh-15 {
    line-height: 15px
}

.nutrition-line {
    display: block;
    width: 100%;
    height: 2px;
    border: 0;
    border-top: 5px solid #000;
    margin: 5px 0 !important;
    padding: 0
}

.thin {
    border-top: 2px solid #000
}

.mg0 {
    margin: 0
}

.nutrition-bold {
    font-weight: 700
}

.calories {
    font-size: 2rem
}

.recipe-summary {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 2rem;
    margin-bottom: 1rem
}

@media screen and (max-width: 768px)and (min-width: 678px) {
    .recipe-text-left {
        text-align: left;
        width: 95vw
    }
}

@media screen and (max-width: 890px) {
    .line-red {
        width: 85%
    }
}

@media screen and (max-width: 670px) {
    .line-red {
        width: 75%
    }

    .nutrition-box {
        width: 70%;
        margin: 0
    }

    .daily-value {
        padding-left: 90px
    }
}

@media screen and (max-width: 605px) {
    .nutrition-container-left {
        margin-top: 29px
    }
}

@media screen and (max-width: 459px) {
    .line-red {
        width: 70%
    }

    .w-60px {
        width: 60px
    }

    .nutrition-box div, .nutrition-box span, .nutrition-box p {
        font-size: 14px
    }

    .daily-value {
        padding-left: 10px
    }

    .nutrition-container-left {
        margin-top: 19px
    }
}

@media screen and (max-width: 440px) {
    .line-red {
        width: 70%
    }
}

.w-100 {
    width: 100%
}

.space-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.daily-value {
    display: flex
}

/*# sourceMappingURL=/s/files/1/0274/4044/7587/t/719/assets/custom.css.map?v=117951397153193107291685566284 */