:root {
    --alpha-button-background: 1;
    --alpha-button-border: 1;
    --alpha-link: 0.85;
    --alpha-badge-border: 0.1;
    --focused-base-outline: 0.2rem solid rgba(var(--color-foreground),0.5);
    --focused-base-outline-offset: 0.3rem;
    --focused-base-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),0 0 0.5rem 0.4rem rgba(var(--color-foreground),0.3);
    --page-width-padding: 1.5rem;
    --header-z-index: 1000000000;
    --drawer-z-index: 1000000001;
    --cart-drawer-z-index: 1000000002
}

.header-z-index {
    z-index: var(--header-z-index)
}

.contains-card--product,.product-card-wrapper .card {
    --border-radius: var(--product-card-corner-radius);
    --border-width: var(--product-card-border-width);
    --border-opacity: var(--product-card-border-opacity);
    --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
    --shadow-blur-radius: var(--product-card-shadow-blur-radius);
    --shadow-opacity: var(--product-card-shadow-opacity);
    --shadow-visible: var(--product-card-shadow-visible);
    --image-padding: var(--product-card-image-padding);
    --text-alignment: var(--product-card-text-alignment)
}

.collection-card-wrapper .card,.contains-card--collection {
    --border-radius: var(--collection-card-corner-radius);
    --border-width: var(--collection-card-border-width);
    --border-opacity: var(--collection-card-border-opacity);
    --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
    --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
    --shadow-opacity: var(--collection-card-shadow-opacity);
    --shadow-visible: var(--collection-card-shadow-visible);
    --image-padding: var(--collection-card-image-padding);
    --text-alignment: var(--collection-card-text-alignment)
}

.article-card-wrapper .card,.contains-card--article {
    --border-radius: var(--blog-card-corner-radius);
    --border-width: var(--blog-card-border-width);
    --border-opacity: var(--blog-card-border-opacity);
    --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
    --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
    --shadow-opacity: var(--blog-card-shadow-opacity);
    --shadow-visible: var(--blog-card-shadow-visible);
    --image-padding: var(--blog-card-image-padding);
    --text-alignment: var(--blog-card-text-alignment)
}

.contains-content-container,.content-container {
    --border-radius: var(--text-boxes-radius);
    --border-width: var(--text-boxes-border-width);
    --border-opacity: var(--text-boxes-border-opacity);
    --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
    --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
    --shadow-opacity: var(--text-boxes-shadow-opacity);
    --shadow-visible: var(--text-boxes-shadow-visible)
}

.contains-media,.global-media-settings {
    --border-radius: var(--media-radius);
    --border-width: var(--media-border-width);
    --border-opacity: var(--media-border-opacity);
    --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--media-shadow-vertical-offset);
    --shadow-blur-radius: var(--media-shadow-blur-radius);
    --shadow-opacity: var(--media-shadow-opacity);
    --shadow-visible: var(--media-shadow-visible)
}

.page-width {
    margin: 0 auto;
    max-width: var(--page-width);
    padding: 0 var(--page-width-padding)
}

body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
    max-width: 100%
}

.page-width.drawer-menu {
    max-width: 100%
}

.page-width-desktop {
    margin: 0 auto;
    padding: 0
}

.utility-bar__grid.page-width {
    padding-left: 3rem;
    padding-right: 3rem
}

@media screen and (min-width: 989px) {
    :root {
        --page-width-padding:5rem
    }

    .header.page-width,.utility-bar__grid.page-width {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }

    .page-width--narrow {
        padding: 0 calc(var(--page-width-padding) + 4rem)
    }

    .page-width-desktop {
        padding: 0
    }

    .page-width-tablet {
        padding: 0 var(--page-width-padding)
    }
}

@media screen and (min-width: 990px) {
    .header:not(.drawer-menu).page-width {
        padding-left:5rem;
        padding-right: 5rem
    }

    .page-width--narrow {
        max-width: 72.6rem;
        padding: 0
    }

    .page-width-desktop {
        max-width: var(--page-width);
        padding: 0 5rem
    }
}

.isolate {
    position: relative;
    z-index: 0
}

.section+.section {
    margin-top: var(--spacing-sections-mobile)
}

@media screen and (min-width: 750px) {
    .section+.section {
        margin-top:var(--spacing-sections-desktop)
    }
}

.element-margin-top {
    margin-top: 5rem
}

@media screen and (min-width: 750px) {
    .element-margin {
        margin-top:calc(5rem + var(--page-width-margin))
    }
}

.background-secondary {
    background-color: rgba(var(--color-foreground),.04)
}

.grid-auto-flow {
    display: grid;
    grid-auto-flow: column
}

.page-margin,.shopify-challenge__container {
    margin: 7rem auto
}

.rte-width {
    margin: 0 auto 2rem;
    max-width: 82rem
}

.list-unstyled {
    list-style: none;
    margin: 0;
    padding: 0
}

.hidden {
    display: none!important
}

.visually-hidden {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    clip: rect(0 0 0 0);
    word-wrap: normal!important
}

.visually-hidden--inline {
    height: 1em;
    margin: 0
}

.overflow-hidden {
    overflow: hidden
}

.skip-to-content-link:focus {
    height: auto;
    overflow: auto;
    position: inherit;
    width: auto;
    z-index: 9999;
    clip: auto
}

.full-width-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.hxxl {
    font-size: clamp(calc(var(--font-heading-scale)*5.6rem),14vw,calc(var(--font-heading-scale)*7.2rem));
    line-height: 1.1
}

.hxl {
    font-size: calc(var(--font-heading-scale)*5rem);
    line-height: calc(1 + .3/max(1, var(--font-heading-scale)))
}

blockquote {
    border-left: .2rem solid rgba(var(--color-foreground),.2);
    color: rgba(var(--color-foreground),.75);
    font-style: italic;
    padding-left: 1rem
}

@media screen and (min-width: 750px) {
    blockquote {
        padding-left:1.5rem
    }
}

.color-foreground {
    color: rgb(var(--color-foreground))
}

table:not([class]) {
    border-collapse: collapse;
    border-style: hidden;
    box-shadow: 0 0 0 .1rem rgba(var(--color-foreground),.2);
    font-size: 1.4rem;
    table-layout: fixed
}

table:not([class]) td,table:not([class]) th {
    border: .1rem solid rgba(var(--color-foreground),.2);
    padding: 1em
}

@media screen and (max-width: 749px) {
    .small-hide {
        display:none!important
    }
}

@media screen and (min-width: 750px) and (max-width:989px) {
    .medium-hide {
        display:none!important
    }
}

@media screen and (min-width: 990px) {
    .large-up-hide {
        display:none!important
    }
}

.left {
    text-align: left
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.uppercase {
    text-transform: uppercase
}

.light {
    opacity: .7
}

.customer a,.link {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: rgb(var(--color-link));
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 1.4rem;
    text-decoration: underline;
    text-underline-offset: .3rem
}

.link--text {
    color: rgb(var(--color-foreground))
}

.link--text:hover {
    color: rgba(var(--color-foreground),.75)
}

.link-with-icon {
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .1rem;
    margin-bottom: 4.5rem;
    text-decoration: none;
    white-space: nowrap
}

.link-with-icon .icon {
    margin-left: 1rem;
    width: 1.5rem
}

.circle-divider:after {
    content: "\2022";
    margin: 0 1.3rem 0 1.5rem
}

.circle-divider:last-of-type:after {
    display: none
}

hr {
    background-color: rgba(var(--color-foreground),.2);
    border: none;
    display: block;
    height: .1rem;
    margin: 5rem 0
}

@media screen and (min-width: 750px) {
    hr {
        margin:7rem 0
    }
}

.full-unstyled-link {
    color: currentColor;
    display: block;
    text-decoration: none
}

.placeholder {
    background-color: rgba(var(--color-foreground),.04);
    color: rgba(var(--color-foreground),.55);
    fill: rgba(var(--color-foreground),.55)
}

details>* {
    box-sizing: border-box
}

.break {
    word-break: break-word
}

.visibility-hidden {
    visibility: hidden
}

@media (prefers-reduced-motion) {
    .motion-reduce {
        animation: none!important;
        transition: none!important
    }
}

:root {
    --duration-short: 100ms;
    --duration-default: 200ms;
    --duration-announcement-bar: 250ms;
    --duration-medium: 300ms;
    --duration-long: 500ms;
    --duration-extra-long: 600ms;
    --duration-extra-longer: 750ms;
    --duration-extended: 3s;
    --ease-out-slow: cubic-bezier(0,0,0.3,1);
    --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
    --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow)
}

.customer a,.inline-richtext a,.underlined-link {
    text-decoration-thickness: .1rem;
    text-underline-offset: .3rem;
    transition: text-decoration-thickness .1s ease
}

.customer a,.underlined-link {
    color: rgba(var(--color-link),var(--alpha-link))
}

.inline-richtext a,.rte.inline-richtext a {
    color: currentColor
}

.customer a:hover,.inline-richtext a:hover,.underlined-link:hover {
    color: rgb(var(--color-link));
    text-decoration-thickness: .2rem
}

.icon-arrow {
    width: 1.5rem
}

.h3 .icon-arrow,h3 .icon-arrow {
    width: calc(var(--font-heading-scale)*1.5rem)
}

.animate-arrow .icon-arrow path {
    transform: translateX(-.25rem);
    transition: transform var(--duration-short) ease
}

.animate-arrow:hover .icon-arrow path {
    transform: translateX(-.05rem)
}

summary {
    cursor: pointer;
    list-style: none;
    position: relative
}

summary .icon-caret {
    height: .6rem;
    position: absolute;
    right: 1.5rem;
    top: calc(50% - .2rem)
}

summary::-webkit-details-marker {
    display: none
}

.disclosure-has-popup {
    position: relative
}

.disclosure-has-popup[open]>summary:before {
    background: transparent;
    bottom: 0;
    content: " ";
    cursor: default;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2
}

.disclosure-has-popup>summary:before {
    display: none
}

.disclosure-has-popup[open]>summary+* {
    z-index: 100
}

@media screen and (min-width: 750px) {
    .disclosure-has-popup[open]>summary+* {
        z-index:4
    }

    .facets .disclosure-has-popup[open]>summary+* {
        z-index: 2
    }
}

:focus {
    box-shadow: none;
    outline: 0
}

.focused {
    box-shadow: var(--focused-base-box-shadow);
    outline: var(--focused-base-outline);
    outline-offset: var(--focused-base-outline-offset)
}

.focus-inset:focus-visible {
    box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground),.3);
    outline: .2rem solid rgba(var(--color-foreground),.5);
    outline-offset: -.2rem
}

.focused.focus-inset {
    box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground),.3);
    outline: .2rem solid rgba(var(--color-foreground),.5);
    outline-offset: -.2rem
}

.focus-none {
    box-shadow: none!important;
    outline: 0!important
}

.focus-offset:focus-visible {
    box-shadow: 0 0 0 1rem rgb(var(--color-background)),0 0 .2rem 1.2rem rgba(var(--color-foreground),.3);
    outline: .2rem solid rgba(var(--color-foreground),.5);
    outline-offset: 1rem
}

.focus-offset.focused {
    box-shadow: 0 0 0 1rem rgb(var(--color-background)),0 0 .2rem 1.2rem rgba(var(--color-foreground),.3);
    outline: .2rem solid rgba(var(--color-foreground),.5);
    outline-offset: 1rem
}

.title,.title-wrapper-with-link {
    margin: 3rem 0 2rem
}

.title-wrapper-with-link .title {
    margin: 0
}

.title .link {
    font-size: inherit
}

.title-wrapper {
    margin-bottom: 3rem
}

.title-wrapper-with-link {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 3rem
}

.title--primary {
    margin: 4rem 0
}

.title-wrapper--self-padded-mobile,.title-wrapper--self-padded-tablet-down {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media screen and (min-width: 750px) {
    .title-wrapper--self-padded-mobile {
        padding-left:0;
        padding-right: 0
    }
}

@media screen and (min-width: 990px) {
    .title,.title-wrapper-with-link {
        margin:5rem 0 3rem
    }

    .title--primary {
        margin: 2rem 0
    }

    .title-wrapper-with-link {
        align-items: center
    }

    .title-wrapper-with-link .title {
        margin-bottom: 0
    }

    .title-wrapper--self-padded-tablet-down {
        padding-left: 0;
        padding-right: 0
    }
}

.title-wrapper-with-link .link-with-icon {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin: 0
}

.title-wrapper-with-link .link-with-icon svg {
    width: 1.5rem
}

.title-wrapper-with-link a {
    flex-shrink: 0;
    margin-top: 0
}

.title-wrapper--no-top-margin,.title-wrapper--no-top-margin>.title {
    margin-top: 0
}

.subtitle {
    color: rgba(var(--color-foreground),.7);
    font-size: 1.8rem;
    letter-spacing: .06rem;
    line-height: calc(1 + .8/var(--font-body-scale))
}

.subtitle--small {
    font-size: 1.4rem;
    letter-spacing: .1rem
}

.subtitle--medium {
    font-size: 1.6rem;
    letter-spacing: .08rem
}

.grid {
    -moz-column-gap: var(--grid-mobile-horizontal-spacing);
    column-gap: var(--grid-mobile-horizontal-spacing);
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 2rem;
    padding: 0;
    row-gap: var(--grid-mobile-vertical-spacing)
}

@media screen and (min-width: 990px) {
    .grid {
        -moz-column-gap:var(--grid-desktop-horizontal-spacing);
        column-gap: var(--grid-desktop-horizontal-spacing);
        row-gap: var(--grid-desktop-vertical-spacing)
    }
}

.grid:last-child {
    margin-bottom: 0
}

.grid__item {
    flex-grow: 1;
    flex-shrink: 0;
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing)/2);
    width: calc(25% - var(--grid-mobile-horizontal-spacing)*3/4)
}

@media screen and (min-width: 990px) {
    .grid__item {
        max-width:calc(50% - var(--grid-desktop-horizontal-spacing)/2);
        width: calc(25% - var(--grid-desktop-horizontal-spacing)*3/4)
    }
}

.grid--gapless.grid {
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 0
}

@media screen and (max-width: 749px) {
    .grid__item.slider__slide--full-width {
        max-width:none;
        width: 100%
    }
}

.grid--1-col .grid__item {
    max-width: 100%;
    width: 100%
}

.grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-mobile-horizontal-spacing)*2/3)
}

@media screen and (min-width: 750px) {
    .grid--3-col .grid__item {
        width:calc(33.33% - var(--grid-desktop-horizontal-spacing)*2/3)
    }
}

.grid--2-col .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing)/2)
}

@media screen and (min-width: 989px) {
    .grid--2-col .grid__item {
        width:calc(50% - var(--grid-desktop-horizontal-spacing)/2)
    }

    .grid--4-col-tablet .grid__item {
        width: calc(25% - var(--grid-desktop-horizontal-spacing)*3/4)
    }

    .grid--3-col-tablet .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing)*2/3)
    }

    .grid--2-col-tablet .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing)/2)
    }
}

@media screen and (max-width: 989px) {
    .grid--1-col-tablet-down .grid__item {
        max-width:100%;
        width: 100%
    }

    .slider--tablet.grid--peek {
        margin: 0;
        width: 100%
    }

    .slider--tablet.grid--peek .grid__item {
        box-sizing: content-box;
        margin: 0
    }

    .slider.slider--mobile .scroll-trigger.animate--slide-in,.slider.slider--tablet .scroll-trigger.animate--slide-in {
        animation: none;
        opacity: 1;
        transform: inherit
    }

    .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
        animation: var(--animation-slide-in)
    }
}

@media screen and (min-width: 990px) {
    .grid--6-col-desktop .grid__item {
        max-width:calc(16.66% - var(--grid-desktop-horizontal-spacing)*5/6);
        width: calc(16.66% - var(--grid-desktop-horizontal-spacing)*5/6)
    }

    .grid--5-col-desktop .grid__item {
        max-width: calc(20% - var(--grid-desktop-horizontal-spacing)*4/5);
        width: calc(20% - var(--grid-desktop-horizontal-spacing)*4/5)
    }

    .grid--4-col-desktop .grid__item {
        max-width: calc(25% - var(--grid-desktop-horizontal-spacing)*3/4);
        width: calc(25% - var(--grid-desktop-horizontal-spacing)*3/4)
    }

    .grid--3-col-desktop .grid__item {
        max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing)*2/3);
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing)*2/3)
    }

    .grid--2-col-desktop .grid__item {
        max-width: calc(50% - var(--grid-desktop-horizontal-spacing)/2);
        width: calc(50% - var(--grid-desktop-horizontal-spacing)/2)
    }

    .slider.slider--desktop .scroll-trigger.animate--slide-in {
        animation: none;
        opacity: 1;
        transform: inherit
    }

    .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
        animation: var(--animation-slide-in)
    }
}

@media screen and (min-width: 990px) and (max-width:1250px) {
    .collection .grid--4-col-desktop .grid__item {
        max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing)*2/3);
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing)*2/3)
    }
}

@media screen and (min-width: 990px) {
    .grid--1-col-desktop {
        flex:0 0 100%;
        max-width: 100%
    }

    .grid--1-col-desktop .grid__item {
        max-width: 100%;
        width: 100%
    }
}

@media screen and (max-width: 749px) {
    .grid--peek.slider--mobile {
        margin:0;
        width: 100%
    }

    .grid--peek.slider--mobile .grid__item {
        box-sizing: content-box;
        margin: 0
    }

    .grid--peek .grid__item {
        min-width: 35%
    }

    .grid--peek.slider:after {
        margin-left: calc(var(--grid-mobile-horizontal-spacing)*-1)
    }

    .grid--2-col-tablet-down .grid__item {
        width: calc(50% - var(--grid-mobile-horizontal-spacing)/2)
    }

    .grid--peek .grid__item,.slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
        width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem)
    }

    .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item,.slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item {
        width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem)
    }
}

@media screen and (min-width: 750px) and (max-width:989px) {
    .slider--tablet.grid--peek .grid__item {
        width:calc(25% - var(--grid-mobile-horizontal-spacing) - 3rem)
    }

    .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
        width: calc(33.33% - var(--grid-mobile-horizontal-spacing) - 3rem)
    }

    .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,.slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
        width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem)
    }

    .slider--tablet.grid--peek .grid__item:first-of-type {
        margin-left: 1.5rem
    }

    .grid--2-col-tablet-down .grid__item {
        width: calc(50% - var(--grid-mobile-horizontal-spacing)/2)
    }

    .grid--1-col-tablet-down.grid--peek .grid__item {
        width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem)
    }
}

.media {
    background-color: rgba(var(--color-foreground),.1);
    display: block;
    overflow: hidden;
    position: relative
}

.media--transparent {
    background-color: transparent
}

.media model-viewer,.media>:not(.zoom):not(.deferred-media__poster-button) {
    display: block;
    height: 100%;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.media>img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    transition: opacity .4s cubic-bezier(.25,.46,.45,.94)
}

.media--square {
    padding-bottom: 100%
}

.media--portrait {
    padding-bottom: 125%
}

.media--landscape {
    padding-bottom: 66.6%
}

.media--cropped {
    padding-bottom: 56%
}

.media--16-9 {
    padding-bottom: 56.25%
}

.media--circle {
    border-radius: 50%;
    padding-bottom: 100%
}

.media.media--hover-effect>img+img {
    opacity: 0
}

@media screen and (min-width: 990px) {
    .media--cropped {
        padding-bottom:63%
    }
}

deferred-media {
    display: block
}

.button--secondary,.button--tertiary {
    --color-button: var(--color-secondary-button);
    --color-button-text: var(--color-secondary-button-text)
}

.button--tertiary {
    --alpha-button-background: 0;
    --alpha-button-border: 0.2
}

.button,.cart__dynamic-checkout-buttons [role=button],.cart__dynamic-checkout-buttons iframe,.shopify-challenge__button,.shopify-payment-button [role=button],button.shopify-payment-button__button--unbranded {
    --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
    --shadow-blur-radius: var(--buttons-shadow-blur-radius);
    --shadow-opacity: var(--buttons-shadow-opacity);
    --shadow-visible: var(--buttons-shadow-visible);
    --border-offset: var( --buttons-border-offset );
    --border-opacity: calc(1 - var(--buttons-border-opacity));
    border-radius: var(--buttons-radius-outset);
    position: relative
}

.button,.shopify-challenge__button,button.shopify-payment-button__button--unbranded {
    min-height: calc(4.5rem + var(--buttons-border-width)*2);
    min-width: calc(12rem + var(--buttons-border-width)*2)
}

.shopify-payment-button__button--branded {
    z-index: auto
}

.cart__dynamic-checkout-buttons iframe {
    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))
}

.button,.shopify-challenge__button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(var(--color-button),var(--alpha-button-background));
    border: 0;
    color: rgb(var(--color-button-text));
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 1.5rem;
    justify-content: center;
    padding: 0 3rem;
    text-decoration: none;
    transition: box-shadow var(--duration-short) ease
}

.button:before,.cart__dynamic-checkout-buttons [role=button]:before,.shopify-challenge__button:before,.shopify-payment-button [role=button]:before,.shopify-payment-button__button--unbranded:before {
    border-radius: var(--buttons-radius-outset);
    bottom: 0;
    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.button:after,.shopify-challenge__button:after,.shopify-payment-button__button--unbranded:after {
    border-radius: var(--buttons-radius);
    bottom: var(--buttons-border-width);
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background));
    content: "";
    left: var(--buttons-border-width);
    position: absolute;
    right: var(--buttons-border-width);
    top: var(--buttons-border-width);
    transition: box-shadow var(--duration-short) ease;
    z-index: 1
}

.button:not([disabled]):hover:after,.shopify-challenge__button:hover:after,.shopify-payment-button__button--unbranded:hover:after {
    --border-offset: 1.3px;
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background))
}

.button--secondary:after {
    --border-opacity: var(--buttons-border-opacity)
}

.button.focused,.button:focus,.button:focus-visible,.shopify-payment-button [role=button]:focus,.shopify-payment-button [role=button]:focus-visible,.shopify-payment-button__button--unbranded:focus,.shopify-payment-button__button--unbranded:focus-visible {
    box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem .4rem rgba(var(--color-foreground),.3);
    outline: 0
}

.button:focus:not(:focus-visible):not(.focused),.shopify-payment-button [role=button]:focus:not(:focus-visible):not(.focused),.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused) {
    box-shadow: inherit
}

.button--small {
    padding: 1.2rem 2.6rem
}

.button.disabled,.button:disabled,.button[aria-disabled=true],.quantity__button.disabled {
    cursor: not-allowed;
    opacity: .5
}

.quantity__button.disabled {
    opacity: 1
}

.button--full-width {
    display: flex;
    width: 100%
}

.button.loading {
    color: transparent;
    position: relative
}

@media screen and (forced-colors:active) {
    .button.loading {
        color: rgb(var(--color-foreground))
    }
}

.button.loading>.loading__spinner {
    align-items: center;
    display: flex;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.button.loading>.loading__spinner .spinner {
    width: -moz-fit-content;
    width: fit-content
}

.button.loading>.loading__spinner .path {
    stroke: rgb(var(--color-button-text))
}

.share-button {
    display: block;
    position: relative
}

.share-button details {
    width: -moz-fit-content;
    width: fit-content
}

.share-button__button {
    align-items: center;
    color: rgb(var(--color-link));
    display: flex;
    font-size: 1.4rem;
    margin-left: 0;
    min-height: 4.4rem;
    padding-left: 0
}

details[open]>.share-button__fallback {
    animation: animateMenuOpen var(--duration-default) ease
}

.share-button__button:hover {
    text-decoration: underline;
    text-underline-offset: .3rem
}

.share-button__button,.share-button__fallback button {
    background-color: transparent;
    border: none;
    cursor: pointer
}

.share-button__button .icon-share {
    height: 1.2rem;
    margin-right: 1rem;
    min-width: 1.3rem
}

.share-button__fallback {
    align-items: center;
    border: 0;
    border-radius: var(--inputs-radius);
    display: flex;
    left: .1rem;
    min-width: -moz-max-content;
    min-width: max-content;
    position: absolute;
    top: 3rem;
    width: 100%;
    z-index: 3
}

.share-button__fallback:after {
    border: .1rem solid transparent;
    border-radius: var(--inputs-radius);
    bottom: var(--inputs-border-width);
    box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));
    content: "";
    left: var(--inputs-border-width);
    pointer-events: none;
    position: absolute;
    right: var(--inputs-border-width);
    top: var(--inputs-border-width);
    transition: box-shadow var(--duration-short) ease;
    z-index: 1
}

.share-button__fallback:before {
    border-radius: var(--inputs-radius-outset);
    bottom: 0;
    box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.share-button__fallback button {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 4.4rem;
    justify-content: center;
    padding: 0;
    position: relative;
    right: var(--inputs-border-width);
    width: 4.4rem
}

.share-button__fallback button:hover {
    color: rgba(var(--color-foreground),.75)
}

.share-button__fallback button:hover svg {
    transform: scale(1.07)
}

.share-button__close:not(.hidden)+.share-button__copy {
    display: none
}

.share-button__close,.share-button__copy {
    background-color: transparent;
    color: rgb(var(--color-foreground))
}

.share-button__close:focus-visible,.share-button__copy:focus-visible {
    z-index: 2
}

.share-button__close:focus,.share-button__copy:focus {
    z-index: 2
}

.field:not(:focus-visible):not(.focused)+.share-button__close:not(:focus-visible):not(.focused),.field:not(:focus-visible):not(.focused)+.share-button__copy:not(:focus-visible):not(.focused) {
    background-color: inherit
}

.share-button__fallback .field:after,.share-button__fallback .field:before {
    content: none
}

.share-button__fallback .field {
    border-radius: 0;
    min-height: auto;
    min-width: auto;
    transition: none
}

.share-button__fallback .field__input:-webkit-autofill,.share-button__fallback .field__input:focus {
    box-shadow: 0 0 0 .1rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);
    outline: .2rem solid rgba(var(--color-foreground),.5);
    outline-offset: .1rem
}

.share-button__fallback .field__input {
    box-shadow: none;
    filter: none;
    min-height: auto;
    min-width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.share-button__fallback .field__input:hover {
    box-shadow: none
}

.share-button__fallback .icon {
    height: 1.5rem;
    width: 1.5rem
}

.share-button__message:not(:empty) {
    align-items: center;
    display: flex;
    height: 100%;
    margin: var(--inputs-border-width);
    padding: .8rem 0 .8rem 1.5rem;
    width: 100%
}

.share-button__message:not(:empty):not(.hidden)~* {
    display: none
}

.customer .field input,.customer select,.field__input,.select__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: var(--inputs-radius);
    box-sizing: border-box;
    height: 4.5rem;
    min-height: calc(var(--inputs-border-width)*2);
    min-width: calc(7rem + var(--inputs-border-width)*2);
    position: relative;
    transition: box-shadow var(--duration-short) ease;
    width: 100%
}

.customer .field:before,.customer select:before,.field:before,.select:before {
    border-radius: var(--inputs-radius-outset);
    bottom: 0;
    box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.customer .field:after,.customer select:after,.field:after,.localization-form__select:after,.select:after {
    border: .1rem solid transparent;
    border-radius: var(--inputs-radius);
    bottom: var(--inputs-border-width);
    box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));
    content: "";
    left: var(--inputs-border-width);
    pointer-events: none;
    position: absolute;
    right: var(--inputs-border-width);
    top: var(--inputs-border-width);
    transition: box-shadow var(--duration-short) ease;
    z-index: 1
}

.localization-form__select:focus {
    box-shadow: none;
    outline: 0
}

.select,.text-area {
    display: flex;
    position: relative;
    width: 100%
}

.customer select+svg,.select .icon-caret {
    height: .6rem;
    pointer-events: none;
    position: absolute;
    right: calc(var(--inputs-border-width) + 1.5rem);
    top: calc(50% - .2rem)
}

.customer select,.select__select {
    cursor: pointer;
    margin: var(--inputs-border-width);
    min-height: calc(var(--inputs-border-width)*2);
    padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem
}

.field {
    position: relative;
    transition: box-shadow var(--duration-short) ease;
    width: 100%
}

.customer .field,.field {
    display: flex
}

.field--with-error {
    flex-wrap: wrap
}

.customer .field input,.field__input {
    flex-grow: 1;
    margin: var(--inputs-border-width);
    padding: 1.5rem;
    text-align: left;
    transition: box-shadow var(--duration-short) ease
}

.customer .field label,.field__label {
    color: rgba(var(--color-foreground),.75);
    font-size: 1.6rem;
    left: calc(var(--inputs-border-width) + 2rem);
    letter-spacing: .1rem;
    line-height: 1.5;
    margin-bottom: 0;
    pointer-events: none;
    position: absolute;
    top: calc(1rem + var(--inputs-border-width));
    transition: top var(--duration-short) ease,font-size var(--duration-short) ease
}

.customer .field input::-webkit-search-cancel-button,.field__input::-webkit-search-cancel-button {
    display: none
}

.field__button {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: currentColor;
    cursor: pointer;
    display: flex;
    height: 4.4rem;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 4.4rem
}

.field__button>svg {
    height: 2.5rem;
    width: 2.5rem
}

.customer .field input:-webkit-autofill~label,.field__input:-webkit-autofill~.field__button,.field__input:-webkit-autofill~.field__label {
    color: #000
}

.text-area {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    min-height: 10rem;
    resize: none
}

input[type=checkbox] {
    display: inline-block;
    margin-right: .5rem;
    width: auto
}

.form__label {
    display: block;
    margin-bottom: .6rem
}

.form__message {
    align-items: center;
    color: var(--color-white);
    display: flex;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 1rem
}

#create_customer .form__message,.content-for-layout h3.form__message,.customer .form__message {
    color: var(--color-black)
}

.form__message--large {
    font-size: 1.6rem
}

.customer .field .form__message {
    font-size: 1.4rem;
    text-align: left
}

.customer .form__message svg,.form__message .icon {
    flex-shrink: 0;
    height: 1.3rem;
    margin-right: .5rem;
    width: 1.3rem
}

.customer .form__message svg,.form__message--large .icon {
    height: 1.5rem;
    margin-right: 1rem;
    width: 1.5rem
}

.customer .field .form__message svg {
    align-self: start
}

.form-status {
    font-size: 1.6rem;
    margin: 0
}

.form-status-list {
    margin: 2rem 0 4rem;
    padding: 0
}

.form-status-list li {
    list-style-position: inside
}

.form-status-list .link:first-letter {
    text-transform: capitalize
}

.quantity {
    border: 1px solid var(--color-grey-medium);
    border-radius: 8px;
    display: flex;
    height: calc(100% - 2px);
    max-width: 101px;
    position: relative;
    width: 100%
}

.quantity>* {
    width: 33%
}

.quantity__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: currentColor;
    color: var(--color-black);
    flex-grow: 1;
    font-family: var(--font-body-family);
    font-size: 1.6rem;
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-weight: 500;
    opacity: .85;
    padding: 0 .5rem;
    text-align: center
}

.quantity__button,.quantity__input {
    background-color: transparent;
    border: 0
}

.quantity__button {
    align-items: center;
    color: rgb(var(--color-foreground));
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 1.8rem;
    justify-content: center;
    padding: 0
}

.quantity__button:first-child {
    margin-left: calc(var(--inputs-border-width))
}

.quantity__button:last-child {
    margin-right: calc(var(--inputs-border-width))
}

.quantity__button svg {
    pointer-events: none;
    width: 1rem
}

.quantity__button:focus-visible,.quantity__input:focus-visible {
    box-shadow: none;
    outline: none
}

.quantity__button:not(:focus-visible):not(.focused),.quantity__input:not(:focus-visible):not(.focused) {
    background-color: inherit;
    box-shadow: inherit
}

.quantity__input:-webkit-autofill,.quantity__input:-webkit-autofill:active,.quantity__input:-webkit-autofill:hover {
    box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset!important;
    -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset!important
}

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

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

.quantity__rules {
    font-size: 1.2rem;
    margin-top: .5rem;
    position: relative
}

.quantity__rules .caption {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0
}

.quantity__rules .divider+.divider:before {
    content: "\2022";
    margin: 0 .5rem
}

.quantity__rules-cart {
    position: relative
}

.product__info-container .loading__spinner:not(.hidden)~*,.quantity__rules-cart .loading__spinner:not(.hidden)~* {
    visibility: hidden
}

.modal__toggle {
    list-style-type: none
}

.modal__toggle-close {
    display: none
}

.modal__toggle-open {
    display: flex
}

.modal__close-button.link {
    align-items: center;
    background-color: transparent;
    display: flex;
    height: 4.4rem;
    justify-content: center;
    padding: 0;
    width: 4.4rem
}

.modal__close-button .icon {
    height: 1.7rem;
    width: 1.7rem
}

.modal__content {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

.media-modal {
    cursor: zoom-out
}

.media-modal .deferred-media {
    cursor: auto
}

.cart-count-bubble:empty {
    display: none
}

.cart-count-bubble {
    align-items: center;
    background-color: rgb(var(--color-button));
    border-radius: 100%;
    bottom: .8rem;
    color: rgb(var(--color-button-text));
    display: flex;
    font-size: .9rem;
    height: 1.7rem;
    justify-content: center;
    left: 2.2rem;
    line-height: calc(1 + .1/var(--font-body-scale));
    position: absolute;
    width: 1.7rem
}

.utility-bar {
    height: 100%
}

.utility-bar--bottom-border {
    border-bottom: .1rem solid rgba(var(--color-foreground),.08)
}

@media screen and (min-width: 990px) {
    .utility-bar--bottom-border-social-only {
        border-bottom:.1rem solid rgba(var(--color-foreground),.08)
    }
}

.utility-bar__grid {
    display: grid;
    grid-template-areas: "announcements";
    grid-template-columns: 1fr
}

.utility-bar__grid .list-social {
    align-content: center;
    grid-area: social-icons;
    justify-content: flex-start;
    margin-left: -1.2rem
}

@media screen and (max-width: 989px) {
    .utility-bar .utility-bar__grid .list-social {
        display:none
    }
}

.utility-bar .list-social__item .icon {
    scale: .9
}

@media screen and (min-width: 990px) {
    .utility-bar__grid--3-col {
        grid-template-areas:"social-icons announcements language-currency";
        grid-template-columns: 3fr 4fr 3fr
    }

    .utility-bar__grid--2-col {
        grid-template-areas: "social-icons language-currency";
        grid-template-columns: 1fr 1fr
    }

    .announcement-bar--one-announcement .announcement-bar__link,.announcement-bar.announcement-bar--one-announcement {
        margin: auto;
        width: -moz-fit-content;
        width: fit-content
    }
}

.announcement-bar,.announcement-bar__announcement {
    align-content: center;
    color: rgb(var(--color-foreground));
    display: flex;
    flex-wrap: wrap;
    grid-area: announcements;
    height: 100%;
    justify-content: center;
    width: 100%
}

.announcement-bar .slider--everywhere {
    margin-bottom: 0;
    scroll-behavior: auto
}

.announcement-bar-slider,.announcement-bar-slider .slider,.utility-bar__grid .announcement-bar-slider {
    width: 100%
}

.announcement-bar .slider-button--next {
    margin-right: -1.5rem;
    min-width: 44px
}

.announcement-bar .slider-button--prev {
    margin-left: -1.5rem;
    min-width: 44px
}

.announcement-bar .slider-button--next:focus-visible,.announcement-bar .slider-button--prev:focus-visible,.utility-bar .list-social__link:focus-visible {
    box-shadow: 0 0 0 -.2rem rgb(var(--color-foreground));
    outline-offset: -.3rem
}

@media screen and (min-width: 990px) {
    body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
        padding-left:5rem;
        padding-right: 5rem
    }

    .announcement-bar-slider {
        width: 60%
    }

    .announcement-bar .slider-button {
        height: 3.8rem
    }
}

.announcement-bar__link {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-decoration: none;
    width: 100%
}

.announcement-bar__link:hover {
    text-decoration: underline
}

.announcement-bar__link .icon-arrow {
    display: inline-block;
    margin-bottom: .2rem;
    margin-left: .8rem;
    pointer-events: none;
    vertical-align: middle
}

.announcement-bar__message {
    letter-spacing: .1rem;
    margin: 0;
    min-height: 3.8rem;
    padding: 1rem 0;
    text-align: center
}

.announcement-bar-slider--fade-in-next .announcement-bar__message,.announcement-bar-slider--fade-in-previous .announcement-bar__message,.announcement-bar-slider--fade-out-next .announcement-bar__message,.announcement-bar-slider--fade-out-previous .announcement-bar__message {
    animation-duration: var(--duration-announcement-bar);
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out
}

.announcement-bar-slider--fade-in-next .announcement-bar__message {
    --announcement-translate-from: -1.5rem;
    animation-delay: var(--duration-announcement-bar);
    animation-name: translateAnnouncementSlideIn;
    opacity: 0
}

.announcement-bar-slider--fade-in-previous .announcement-bar__message {
    --announcement-translate-from: 1.5rem;
    animation-delay: var(--duration-announcement-bar);
    animation-name: translateAnnouncementSlideIn;
    opacity: 0
}

.announcement-bar-slider--fade-out-next .announcement-bar__message {
    --announcement-translate-to: 1.5rem;
    animation-name: translateAnnouncementSlideOut
}

.announcement-bar-slider--fade-out-previous .announcement-bar__message {
    --announcement-translate-to: -1.5rem;
    animation-name: translateAnnouncementSlideOut
}

@keyframes translateAnnouncementSlideIn {
    0% {
        opacity: 0;
        transform: translateX(var(--announcement-translate-from))
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes translateAnnouncementSlideOut {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(var(--announcement-translate-to))
    }
}

.section-header.shopify-section-group-header-group:not(.header-z-index) {
    z-index: 7
}

.shopify-section-header-sticky {
    position: sticky;
    top: 0
}

.shopify-section-header-hidden {
    top: calc(var(--header-height)*-1)
}

.shopify-section-header-hidden.menu-open {
    top: 0
}

.section-header.animate {
    transition: top .15s ease-out
}

.shopify-section-group-header-group {
    z-index: 4
}

.section-header~.shopify-section-group-header-group {
    z-index: auto
}

.header-wrapper {
    display: block;
    position: relative
}

.header-wrapper--border-bottom {
    border-bottom: .1rem solid rgba(var(--color-foreground),.08)
}

.header {
    align-items: center;
    display: grid;
    grid-template-areas: "left-icons heading icons";
    grid-template-columns: 1fr 2fr 1fr
}

@media screen and (max-width: 749px) {
    .header--has-app {
        grid-template-columns:auto 1fr auto
    }
}

@media screen and (min-width: 990px) {
    .header {
        grid-template-columns:1fr auto 1fr
    }

    .header--middle-left:not(.header--has-menu),.header--top-left {
        grid-template-areas: "heading icons" "navigation navigation";
        grid-template-columns: 1fr auto
    }

    .header--middle-left.drawer-menu,.header--top-left.drawer-menu {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        grid-template-areas: "navigation heading icons";
        grid-template-columns: auto 1fr auto
    }

    .header--middle-left {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        grid-template-areas: "heading navigation icons";
        grid-template-columns: auto auto 1fr
    }

    .header--middle-center:not(.drawer-menu) {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        grid-template-areas: "navigation heading icons";
        grid-template-columns: 1fr auto 1fr
    }

    .header--middle-center a.header__heading-link {
        text-align: center
    }

    .header--top-center {
        grid-template-areas: "left-icons heading icons" "navigation navigation navigation"
    }

    .header--top-center.drawer-menu {
        grid-template-areas: "left-icons heading icons";
        grid-template-columns: 1fr auto 1fr
    }

    .header:not(.header--middle-left,.header--middle-center) .header__inline-menu {
        margin-top: 1.05rem
    }
}

.header [tabindex="-1"]:focus {
    outline: none
}

.header__heading {
    line-height: 0;
    margin: 0
}

.header>.header__heading-link {
    line-height: 0
}

.header__heading,.header__heading-link {
    grid-area: heading;
    justify-self: center
}

.header__heading-link {
    display: inline-block;
    padding: .75rem;
    text-decoration: none;
    word-break: break-word
}

.header__heading-link:hover .h2 {
    color: rgb(var(--color-foreground))
}

.header__heading-link .h2 {
    color: rgba(var(--color-foreground),.75);
    line-height: 1
}

.header__heading-logo {
    height: auto;
    max-width: 100%
}

.header__heading-logo-wrapper {
    display: inline-block;
    transition: width .3s cubic-bezier(.52,0,.61,.99);
    width: 100%
}

@media screen and (max-width: 989px) {
    .header__heading,.header__heading-link {
        text-align:center
    }

    .header--mobile-left .header__heading,.header--mobile-left .header__heading-link {
        justify-self: start;
        text-align: left
    }

    .header--mobile-left {
        grid-template-columns: auto 2fr 1fr
    }
}

@media screen and (min-width: 990px) {
    .header--middle-left .header__heading-link,.header--top-left .header__heading-link {
        margin-left:-.75rem
    }

    .header__heading,.header__heading-link {
        justify-self: start
    }

    .header--middle-center .header__heading,.header--middle-center .header__heading-link,.header--top-center .header__heading,.header--top-center .header__heading-link {
        justify-self: center;
        text-align: center
    }
}

.header__icons {
    display: flex;
    grid-area: icons;
    justify-self: end;
    padding-right: .8rem
}

.header__icons .shopify-app-block {
    max-height: 4.4rem;
    max-width: 4.4rem;
    overflow: hidden
}

.header__icon span,.header__icon:not(.header__icon--summary) {
    align-items: center;
    display: flex;
    justify-content: center
}

.header__icon {
    color: rgb(var(--color-foreground))
}

.header__icon span {
    height: 100%
}

.header__icon:after {
    content: none
}

.header__icon:hover .icon,.modal__close-button:hover .icon {
    transform: scale(1.07)
}

.header__icon .icon {
    height: 2rem;
    width: 2rem;
    fill: none;
    vertical-align: middle
}

.header__icon,.header__icon--cart .icon {
    height: 4.4rem;
    padding: 0;
    width: 4.4rem
}

.header__icon--cart {
    margin-right: -1.2rem;
    position: relative
}

.header__icon--menu[aria-expanded=true]:before {
    background: rgba(var(--color-foreground),.5);
    content: "";
    display: block;
    height: calc(var(--viewport-height, 100vh) - var(--header-bottom-position, 100%));
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

.header__icon--account shop-user-avatar {
    --shop-avatar-size: 2.8rem
}

account-icon {
    display: flex
}

menu-drawer+.header__search {
    display: none
}

.header>.header__search {
    grid-area: left-icons;
    justify-self: start
}

.header--top-center.drawer-menu>.header__search {
    margin-left: 3.2rem
}

.header--top-center header-drawer {
    grid-area: left-icons
}

.header:not(.header--has-menu) *>.header__search {
    display: none
}

.header__search {
    display: inline-flex;
    line-height: 0
}

.header--top-center>.header__search {
    display: none
}

.header--top-center *>.header__search {
    display: inline-flex
}

@media screen and (min-width: 990px) {
    .header--top-center>.header__search,.header:not(.header--top-center) *>.header__search {
        display:inline-flex
    }

    .header--top-center *>.header__search,.header:not(.header--top-center)>.header__search {
        display: none
    }
}

details[open]>.search-modal {
    animation: animateMenuOpen var(--duration-default) ease;
    opacity: 1
}

details[open] .modal-overlay {
    display: block
}

details[open] .modal-overlay:after {
    background-color: rgb(var(--color-foreground),.5);
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%
}

.search-modal {
    border-bottom: .1rem solid rgba(var(--color-foreground),.08);
    height: 100%;
    min-height: calc(100% + var(--inputs-margin-offset) + var(--inputs-border-width)*2);
    opacity: 0
}

.search-modal__content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    line-height: calc(1 + .8/var(--font-body-scale));
    padding: 0 5rem 0 1rem;
    position: relative;
    width: 100%
}

.search-modal__content-bottom {
    bottom: calc(var(--inputs-margin-offset)/2)
}

.search-modal__content-top {
    top: calc(var(--inputs-margin-offset)/2)
}

.search-modal__form {
    width: 100%
}

.search-modal__close-button {
    position: absolute;
    right: .3rem
}

@media screen and (min-width: 750px) {
    .search-modal__close-button {
        right:1rem
    }

    .search-modal__content {
        padding: 0 6rem
    }
}

@media screen and (min-width: 990px) {
    .search-modal__form {
        max-width:74.2rem
    }

    .search-modal__close-button {
        margin-left: .5rem;
        position: static
    }
}

.header__icon--menu .icon {
    display: block;
    opacity: 1;
    position: absolute;
    transform: scale(1);
    transition: transform .15s ease,opacity .15s ease
}

details:not([open])>.header__icon--menu .icon-close,details[open]>.header__icon--menu .icon-hamburger {
    opacity: 0;
    transform: scale(.8);
    visibility: hidden
}

.js details[open]:not(.menu-opening)>.header__icon--menu .icon-close {
    visibility: hidden
}

.js details[open]:not(.menu-opening)>.header__icon--menu .icon-hamburger {
    opacity: 1;
    transform: scale(1.07);
    visibility: visible
}

.js details>.header__submenu {
    opacity: 0;
    transform: translateY(-1.5rem)
}

details[open]>.header__submenu {
    animation: animateMenuOpen var(--duration-default) ease;
    animation-fill-mode: forwards;
    z-index: 1
}

@media (prefers-reduced-motion) {
    details[open]>.header__submenu {
        opacity: 1;
        transform: translateY(0)
    }
}

.header__inline-menu {
    display: none;
    grid-area: navigation;
    margin-left: -1.2rem
}

.header--top-center .header__heading-link,.header--top-center .header__inline-menu {
    margin-left: 0
}

@media screen and (min-width: 990px) {
    .header__inline-menu {
        display:block
    }

    .header--top-center .header__inline-menu {
        justify-self: center
    }

    .header--top-center .header__inline-menu>.list-menu--inline {
        justify-content: center
    }

    .header--middle-left .header__inline-menu {
        margin-left: 0
    }
}

.header__menu {
    padding: 0 1rem
}

.header__menu-item {
    color: rgba(var(--color-foreground),.75);
    padding: 1.2rem;
    text-decoration: none
}

.header__menu-item:hover {
    color: rgb(var(--color-foreground))
}

.header__menu-item span {
    transition: -webkit-text-decoration var(--duration-short) ease;
    transition: text-decoration var(--duration-short) ease;
    transition: text-decoration var(--duration-short) ease,-webkit-text-decoration var(--duration-short) ease
}

.header__menu-item:hover span {
    text-decoration: underline;
    text-underline-offset: .3rem
}

details[open]>.header__menu-item {
    text-decoration: underline
}

details[open]:hover>.header__menu-item {
    text-decoration-thickness: .2rem
}

details[open]>.header__menu-item .icon-caret {
    transform: rotate(180deg)
}

.header__active-menu-item {
    color: rgb(var(--color-foreground));
    text-decoration: underline;
    text-underline-offset: .3rem;
    transition: text-decoration-thickness var(--duration-short) ease
}

.header__menu-item:hover .header__active-menu-item {
    text-decoration-thickness: .2rem
}

.header__submenu {
    transition: opacity var(--duration-default) ease,transform var(--duration-default) ease
}

.global-settings-popup,.header__submenu.global-settings-popup {
    border-color: rgba(var(--color-foreground),var(--popup-border-opacity));
    border-radius: var(--popup-corner-radius);
    border-style: solid;
    border-width: var(--popup-border-width);
    box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));
    z-index: -1
}

.header__submenu.list-menu {
    padding: 1rem 0
}

.header__submenu .header__submenu {
    background-color: rgba(var(--color-foreground),.03);
    margin: 1rem 0;
    padding: 1rem 0
}

.header__submenu .header__menu-item:after {
    right: 2rem
}

.header__submenu .header__menu-item {
    justify-content: space-between;
    padding: .8rem 2rem
}

.header__submenu .header__menu-item:hover {
    text-decoration-line: underline
}

.header__menu-item .icon-caret {
    right: .8rem
}

.header__submenu .icon-caret {
    flex-shrink: 0;
    margin-left: 1rem;
    position: static
}

details-disclosure>details,header-menu>details {
    position: relative
}

@keyframes animateMenuOpen {
    0% {
        opacity: 0;
        transform: translateY(-1.5rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media screen and (forced-colors:active) {
    .icon {
        color: CanvasText;
        fill: CanvasText!important
    }

    .icon-close-small path {
        stroke: CanvasText
    }
}

.ratio {
    align-items: stretch;
    display: flex;
    position: relative
}

.ratio:before {
    content: "";
    height: 0;
    padding-bottom: var(--ratio-percent);
    width: 0
}

.content-container {
    border: var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity));
    border-radius: var(--text-boxes-radius);
    position: relative
}

.content-container:after {
    border-radius: var(--text-boxes-radius);
    bottom: calc(var(--text-boxes-border-width)*-1);
    box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));
    content: "";
    left: calc(var(--text-boxes-border-width)*-1);
    position: absolute;
    right: calc(var(--text-boxes-border-width)*-1);
    top: calc(var(--text-boxes-border-width)*-1);
    z-index: -1
}

.content-container--full-width:after {
    border-radius: 0;
    left: 0;
    right: 0
}

@media screen and (max-width: 749px) {
    .content-container--full-width-mobile {
        border-left:none;
        border-radius: 0;
        border-right: none
    }

    .content-container--full-width-mobile:after {
        display: none
    }
}

.global-media-settings {
    border: var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));
    border-radius: var(--media-radius);
    overflow: visible!important;
    position: relative
}

.global-media-settings:after {
    border-radius: var(--media-radius);
    bottom: calc(var(--media-border-width)*-1);
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));
    content: "";
    left: calc(var(--media-border-width)*-1);
    pointer-events: none;
    position: absolute;
    right: calc(var(--media-border-width)*-1);
    top: calc(var(--media-border-width)*-1);
    z-index: -1
}

.global-media-settings--no-shadow {
    overflow: hidden!important
}

.global-media-settings--no-shadow:after {
    content: none
}

.global-media-settings .placeholder-svg,.global-media-settings iframe,.global-media-settings img,.global-media-settings model-viewer,.global-media-settings video {
    border-radius: calc(var(--media-radius) - var(--media-border-width))
}

.content-container--full-width,.global-media-settings--full-width,.global-media-settings--full-width .placeholder-svg,.global-media-settings--full-width iframe,.global-media-settings--full-width img,.global-media-settings--full-width video {
    border-left: none;
    border-radius: 0;
    border-right: none
}

@supports not (inset: 10px) {
    .grid {
        margin-left:calc(var(--grid-mobile-horizontal-spacing)*-1)
    }

    .grid__item {
        padding-bottom: var(--grid-mobile-vertical-spacing);
        padding-left: var(--grid-mobile-horizontal-spacing)
    }

    @media screen and (min-width: 750px) {
        .grid {
            margin-left:calc(var(--grid-desktop-horizontal-spacing)*-1)
        }

        .grid__item {
            padding-bottom: var(--grid-desktop-vertical-spacing);
            padding-left: var(--grid-desktop-horizontal-spacing)
        }
    }

    .grid--gapless .grid__item {
        padding-bottom: 0;
        padding-left: 0
    }

    @media screen and (min-width: 749px) {
        .grid--peek .grid__item {
            padding-left:var(--grid-mobile-horizontal-spacing)
        }
    }

    .product-grid .grid__item {
        padding-bottom: var(--grid-mobile-vertical-spacing)
    }

    @media screen and (min-width: 750px) {
        .product-grid .grid__item {
            padding-bottom:var(--grid-desktop-vertical-spacing)
        }
    }
}

.font-body-bold {
    font-weight: var(--font-body-weight-bold)
}

@media (forced-colors:active) {
    .button,.shopify-challenge__button {
        border: 1px solid transparent
    }

    .button.focused,.button:focus,.button:focus-visible,.shopify-payment-button [role=button]:focus,.shopify-payment-button [role=button]:focus-visible,.shopify-payment-button__button--unbranded:focus,.shopify-payment-button__button--unbranded:focus-visible {
        outline: 1px solid transparent
    }

    .customer .field input:focus,.customer select:focus,.field__input:focus,.localization-form__select:focus,.localization-form__select:focus.localization-form__select:after,.select__select:focus {
        outline: 1px solid transparent
    }
}

.rte:after {
    clear: both;
    content: "";
    display: block
}

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

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

.rte table {
    table-layout: fixed
}

@media screen and (min-width: 750px) {
    .rte table td {
        padding-left:1.2rem;
        padding-right: 1.2rem
    }
}

.rte img {
    border: var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));
    border-radius: var(--media-radius);
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));
    height: auto;
    margin-bottom: var(--media-shadow-vertical-offset);
    max-width: 100%
}

.rte ol,.rte ul {
    list-style-position: inside;
    padding-left: 2rem
}

.rte li {
    list-style: inherit
}

.rte li:last-child {
    margin-bottom: 0
}

.rte a {
    color: rgba(var(--color-link),var(--alpha-link));
    text-decoration-thickness: .1rem;
    text-underline-offset: .3rem;
    transition: text-decoration-thickness var(--duration-short) ease
}

.rte a:hover {
    color: rgb(var(--color-link));
    text-decoration-thickness: .2rem
}

.rte blockquote {
    display: inline-flex
}

.rte blockquote>* {
    margin: -.5rem 0
}

.shape--mask {
    display: block;
    height: 0;
    width: 0
}

.shape--arch {
    clip-path: url(#Shape-Arch)
}

.shape--blob {
    clip-path: polygon(var(--shape--blob-1))
}

.shape--chevronleft {
    clip-path: polygon(100% 0,85% 50%,100% 100%,15% 100%,0 50%,15% 0)
}

.shape--chevronright {
    clip-path: polygon(85% 0,100% 50%,85% 100%,0 100%,15% 50%,0 0)
}

.shape--circle {
    clip-path: circle(closest-side)
}

.shape--diamond {
    clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%)
}

.shape--parallelogram {
    clip-path: polygon(15% 0,100% 0,85% 100%,0 100%)
}

.shape--round {
    clip-path: ellipse(45% 45% at 50% 50%)
}

.animate--fixed {
    clip-path: inset(0)
}

.animate--fixed>img:not(.zoom):not(.deferred-media__poster-button),.animate--fixed>svg:not(.zoom):not(.deferred-media__poster-button) {
    height: 100vh;
    position: fixed
}

.animate--zoom-in {
    --zoom-in-ratio: 1
}

.animate--zoom-in>img,.animate--zoom-in>svg {
    scale: var(--zoom-in-ratio);
    transition: scale var(--duration-short) linear
}

@media (prefers-reduced-motion:no-preference) {
    .animate--ambient>img,.animate--ambient>svg {
        animation: animateAmbient 30s linear infinite
    }

    @keyframes animateAmbient {
        0% {
            transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2)
        }

        to {
            transform: rotate(1turn) translateX(1em) rotate(-1turn) scale(1.2)
        }
    }

    .scroll-trigger.animate--fade-in,.scroll-trigger.animate--slide-in {
        opacity: .01
    }

    .scroll-trigger.animate--slide-in {
        transform: translateY(2rem)
    }

    .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
        animation: var(--animation-fade-in);
        opacity: 1
    }

    .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
        animation: var(--animation-slide-in);
        animation-delay: calc(var(--animation-order)*75ms)
    }

    .scroll-trigger.scroll-trigger--design-mode .slider,.scroll-trigger.scroll-trigger--design-mode.animate--fade-in,.scroll-trigger.scroll-trigger--design-mode.animate--slide-in,.scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
        animation: none;
        opacity: 1;
        transform: none;
        transition: none
    }

    .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
        transform: translateY(0)
    }

    @keyframes slideIn {
        0% {
            opacity: .01;
            transform: translateY(2rem)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: .01
        }

        to {
            opacity: 1
        }
    }
}

@media (prefers-reduced-motion:no-preference) and (hover: hover) {
    .animate--hover-3d-lift .button:not(.button--tertiary),.animate--hover-3d-lift .card-wrapper .card--card,.animate--hover-3d-lift .card-wrapper .card--standard .card__inner,.animate--hover-3d-lift .customer button,.animate--hover-3d-lift .deferred-media .deferred-media__poster-button,.animate--hover-3d-lift .shopify-challenge__button,.animate--hover-3d-lift .shopify-payment-button__button {
        transform-origin:center;
        transition: transform var(--duration-long) ease,box-shadow var(--duration-long) ease
    }

    .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,.animate--hover-3d-lift .card-wrapper:hover .card--card,.animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,.animate--hover-3d-lift .customer button:not([disabled]):hover,.animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button,.animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,.animate--hover-3d-lift .shopify-payment-button__button:hover {
        box-shadow: -1rem -1rem 1rem -1rem rgba(0,0,0,.05),1rem 1rem 1rem -1rem rgba(0,0,0,.05),0 0 .5rem 0 hsla(0,0%,100%,0),0 2rem 3.5rem -2rem rgba(0,0,0,.5);
        transform: rotate(1deg);
        transition: transform var(--duration-extended) ease,box-shadow var(--duration-long) ease
    }

    .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
        transform: translate(-50%,-50%) scale(1.05)
    }

    .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,.animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
        transform: rotate(.5deg)
    }

    .animate--hover-3d-lift .blog-articles .article:hover,.animate--hover-3d-lift .collage__item:hover,.animate--hover-3d-lift .collection-list .grid__item:hover,.animate--hover-3d-lift .complementary-slide li:hover,.animate--hover-3d-lift .product-grid .grid__item:hover {
        z-index: 2
    }

    .animate--hover-3d-lift .product-grid {
        isolation: isolate
    }

    .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
        box-shadow: none;
        transition: transform var(--duration-long) ease,filter var(--duration-long) ease
    }

    .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
        filter: drop-shadow(0 2rem 2rem rgba(0,0,0,.15)) drop-shadow(0 1rem 1rem rgba(0,0,0,.15));
        transition: transform calc(var(--duration-extended)*2) ease,filter var(--duration-long) ease
    }

    .animate--hover-3d-lift .card-wrapper:hover .card--card:after,.animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before,.animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after {
        background-image: var(--easter-egg);
        background-size: 250px 250px;
        mix-blend-mode: color-dodge;
        pointer-events: none;
        z-index: 2
    }

    .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .animate--hover-3d-lift .card-wrapper .card--card:before,.animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
        background-image: linear-gradient(135deg,hsla(0,0%,100%,0) 45%,#fff 50%,hsla(0,0%,100%,0) 55%);
        background-position: 90% 0;
        background-repeat: no-repeat;
        background-size: 400% 100%;
        bottom: 0;
        content: "";
        left: 0;
        mix-blend-mode: overlay;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        transition: background-position calc(var(--duration-extended)*2) ease,opacity var(--duration-default) ease
    }

    .animate--hover-3d-lift .card-wrapper:hover .card--card:before,.animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
        background-position: 0;
        opacity: .2;
        transition: background-position 6s ease,opacity var(--duration-long) ease;
        z-index: 2
    }

    :root {
        --easter-egg: none;
        --sparkle: url(sparkle.gif)
    }

    .animate--hover-vertical-lift .button:not(.button--tertiary),.animate--hover-vertical-lift .customer button,.animate--hover-vertical-lift .shopify-challenge__button,.animate--hover-vertical-lift .shopify-payment-button__button {
        transition: transform var(--duration-default) var(--ease-out-slow)
    }

    .animate--hover-vertical-lift .card-wrapper .card--card,.animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
        transition: transform var(--duration-medium) var(--ease-out-slow)
    }

    .animate--hover-vertical-lift .card-wrapper:hover .card--card,.animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
        transform: translateY(-.75rem)
    }

    .animate--hover-vertical-lift .card-wrapper:active .card--card,.animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
        transform: translateY(-.5rem)
    }

    .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,.animate--hover-vertical-lift .customer button:not([disabled]):hover,.animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,.animate--hover-vertical-lift .shopify-payment-button__button:hover {
        transform: translateY(-.25rem)
    }

    .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,.animate--hover-vertical-lift .customer button:not([disabled]):active,.animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,.animate--hover-vertical-lift .shopify-payment-button__button:active {
        transform: translateY(0)
    }

    .animate--hover-vertical-lift .button:not([disabled]):hover:after,.animate--hover-vertical-lift .customer button:not([disabled]):hover:after,.animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
        --border-offset: 0.3px;
        box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background))
    }

    .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
        --border-offset: 0px
    }
}

.loading__spinner {
    display: inline-block;
    position: absolute;
    width: 1.8rem;
    z-index: 1
}

.spinner {
    animation: rotator 1.4s linear infinite
}

@keyframes rotator {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(270deg)
    }
}

.path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: rgb(var(--color-foreground));
    animation: dash 1.4s ease-in-out infinite
}

@media screen and (forced-colors:active) {
    .path {
        stroke: CanvasText
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 280
    }

    50% {
        stroke-dashoffset: 75;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 280;
        transform: rotate(450deg)
    }
}

.loading__spinner:not(.hidden)+.cart-item__price-wrapper,.loading__spinner:not(.hidden)~cart-remove-button {
    opacity: 50%
}

.loading__spinner:not(.hidden)~cart-remove-button {
    cursor: default;
    pointer-events: none
}

.progress-bar-container {
    border-radius: var(--default-border-radius);
    margin: auto
}

.progress-bar {
    height: .13rem;
    width: 100%
}

.progress-bar-value {
    animation: indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out;
    background-color: rgb(var(--color-foreground));
    height: 100%;
    transform-origin: 0;
    width: 100%
}

.progress-bar .progress-bar-value {
    display: block
}

@keyframes indeterminateAnimation {
    0% {
        transform: translateX(-20%) scaleX(0)
    }

    40% {
        transform: translateX(30%) scaleX(.7)
    }

    to {
        transform: translateX(100%) scaleX(0)
    }
}

.currency-converted {
    font-size: inherit
}

access-widget-ui::part(acsb-trigger) {
    position: absolute!important;
    z-index: calc(var(--drawer-z-index) - 1)!important
}

@media(max-width: 989px) {
    access-widget-ui::part(acsb-trigger) {
        --offset-top:5px!important;
        height: 25px!important;
        width: 25px!important;
        --offset-left: 5px!important
    }
}

:root {
    --color-blue-extralight: #f0f4f7;
    --color-blue-light: #9cdbf6;
    --color-blue-primary: #4594d1;
    --color-blue-medium: #2481c7;
    --color-blue-dark: #0361a7;
    --color-blue-extra-dark: #004b83;
    --color-secondary-dark-blue: #0e4e96;
    --color-secondary-red: #d1223e;
    --color-secondary-red-medium: #ca0634;
    --color-secondary-red-dark: #b6042e;
    --color-secondary-red-light: #f9cad5;
    --color-grey-extralight: #ecf1f5;
    --color-grey-extralight-second: #eff3f7;
    --color-grey-extralight-third: #e9eff3;
    --color-grey-light: #eceff2;
    --color-grey-medium: #d2d9de;
    --color-grey-medium-light: #cdd2dc;
    --color-grey-medium-dark: #888b8d;
    --color-grey-dark: #656669;
    --color-grey-extradark: #353638;
    --slate-black: #1b1f26;
    --color-black: #121519;
    --color-black-default: #000;
    --color-black-transparent: #00000080;
    --color-background-black: #070808;
    --color-background-black-light: #0b1419;
    --color-white: #fdfdfd;
    --color-shadow-light: hsla(0,0%,100%,.6);
    --color-shadow-light-transparent: hsla(0,0%,100%,.14);
    --color-white-dark: #f9f9f9;
    --color-white-transparent: hsla(0,0%,100%,.4);
    --color-white-transparent-2: hsla(0,0%,100%,.2);
    --color-green: #11ba4b;
    --color-green-light: #d0fff0;
    --color-orange: #ec9127;
    --color-yellow: #ffefcc;
    --color-orange-light: #fceede;
    --color-blue-extra-light: #9cdbf633;
    --color-blue-light-transparent: #9cdbf678;
    --color-transparent-dark-blue: #25292e;
    --location-page-theme-color: #d7d7d7;
    --color-quick-add-image-background: #f2f5f8;
    --font-family-manrope: "Manrope";
    --font-body-family: var(--font-family-manrope);
    --font-heading-family: var(--font-family-manrope);
    --font-size-display: 64px;
    --font-size-h1: 50px;
    --font-size-h2: 42px;
    --font-size-h3: 32px;
    --font-size-h4: 26px;
    --font-size-h5: 24px;
    --font-size-h6: 18px;
    --font-size-paragraph: 18px;
    --font-size-body: 16px;
    --font-size-caption: 14px;
    --font-size-caption-small-mobile: 10px;
    --font-size-caption-small: 11px;
    --font-size-display-mobile: 38px;
    --font-size-h1-mobile: 35px;
    --font-size-h2-mobile: 28px;
    --font-size-h3-mobile: 24px;
    --font-size-h4-mobile: 20px;
    --font-size-h5-mobile: 18px;
    --font-size-h6-mobile: 17px;
    --font-size-body-mobile: 15px;
    --font-size-caption-mobile: 13px;
    --font-size-caption-mobile-s: 12px;
    --font-size-caption-mobile-xs: 9px;
    --line-height-normal: 1;
    --line-height-heading: 1.1;
    --line-height-loose: 1.2;
    --line-height-body: 1.4;
    --line-height-text: 1.5;
    --line-height-text-loose: 1.8;
    --font-weight-regular: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --shadow-light: 0px 0px 6px hsla(0,0%,100%,.6);
    --shadow-dark: 0px 0px 6px rgba(0,0,0,.6);
    --shadow-white: 0px 0px 6px hsla(0,0%,100%,.6);
    --shadow-blue: 0px 0px 12px rgba(215,220,229,.5);
    --shadow-pdp-pack: 0px 0px 12px rgba(223,229,238,.4);
    --shadow-mega-menu: 0px 0px 12px rgba(205,210,220,.5);
    --shadow-white-spread: 0px 0px 6px 0px hsla(0,0%,100%,.6);
    --shadow-black-spread: 0px 0px 6px 0px rgba(0,0,0,.6);
    --shadow-mega-menu-mobile: 0px 0px 10px rgba(205,210,220,.5);
    --gradient-blue: linear-gradient(90deg,#4594d1,#003c82);
    --gradient-black: linear-gradient(90deg,#353638,#121519);
    --gradient-blue-primary: linear-gradient(90deg,#4594d1 -7.73%,#003c82 101.68%);
    --gradient-black-105: linear-gradient(105deg,hsla(0,0%,100%,.1) 0.6%,hsla(0,0%,83%,.08) 104.22%);
    --gradient-lightblue: linear-gradient(90deg,#fff,#d0e6f7);
    --gradient-white: linear-gradient(90deg,#fff,#f0f0f0);
    --gradient-white-light: linear-gradient(89.61deg,#fff -84.32%,#e8f3fc 198.3%);
    --gradient-succesfull-customer: linear-gradient(0deg,#0d1115,transparent 50%,#0d1115);
    --gradient-black-transparent: linear-gradient(270.51deg,rgba(18,21,25,.2) -12.08%,rgba(18,21,25,.7) 102.5%);
    --gradient-black-right: linear-gradient(-90deg,#0d1115,transparent);
    --gradient-black-light: linear-gradient(104.61deg,hsla(0,0%,100%,.056) 0.6%,hsla(0,0%,83%,.048) 104.22%);
    --gradient-pdp-features: linear-gradient(104.61deg,hsla(0,0%,100%,.21) 0.6%,rgba(167,201,227,.3) 104.22%);
    --gradient-text-blue: linear-gradient(90deg,#4594d1 20.17%,#003c82 101.68%);
    --box-shadow-blue-medium: inset 0px 0px 13px 0px #597c98;
    --box-shadow-white: inset 0px 0px 13px 0px #fbfdff99;
    --box-shadow-blue-light: inset 0px 0px 13px 0px #f0f8ffe5;
    --box-shadow-black: inset 0px 0px 13px 0px #ccd2d6;
    --box-shadow-lightblue: inset 0px 0px 16px 0px #597c98;
    --box-shadow-black-medium: inset 0px 0px 13px 0px #00000099;
    --box-shadow-lightblue-medium: inset 0px 0px 13px 0px #d0e6f799;
    --box-shadow-grey: 0px 0px 12px 0px #c4d4de66;
    --box-shadow-grey-tooltip: 6px 0px 4px #c4d4de66;
    --background-transperent-black: hsla(0,0%,100%,.1);
    --background-transperent-black-2: hsla(0,0%,100%,.2);
    --background-transperent-black-3: hsla(0,0%,100%,.3);
    --background-transperent-black-5: rgba(0,0,0,.5);
    --background-transperent-white: rgba(0,0,0,.1);
    --background-transperent-white-4: rgba(0,0,0,.4);
    --background-gradient: #00000066;
    --gradient-lightblue-transparent: linear-gradient(90deg,#fff -84.32%,#e8f3fc 198.3%);
    --gradient-blue-transparent: linear-gradient(90deg,#4594d1 -7.73%,#003c82 101.68%);
    --background-blue-gradient: linear-gradient(90deg,#4594d1 -7.73%,#003c82 101.68%);
    --background-darkblue-gradient: linear-gradient(90deg,#4594d1 -0.5%,#010f24 75.77%);
    --background-lightblue-gradient: linear-gradient(90deg,#fff -31.22%,#d0e6f7 109.76%);
    --transparent-box-gradient: linear-gradient(104.61deg,hsla(0,0%,100%,.105) 0.6%,hsla(0,0%,83%,.09) 104.22%);
    --gradient-solution-card: linear-gradient(105deg,hsla(0,0%,100%,.07) 0.6%,hsla(0,0%,83%,.06) 104.22%);
    --gradient-primary-blue-90: linear-gradient(90deg,var(--color-blue-primary) -7.73%,#003c82 101.68%);
    --gradient-light-blue-upsell: linear-gradient(90deg,#fff -31.22%,#d0e6f7 109.76%);
    --gradient-features-darkblue: linear-gradient(260.14deg,hsla(0,0%,100%,.07) 1.87%,rgba(1,15,36,.1) 97.39%);
    --gradient-features-black: linear-gradient(104.61deg,hsla(0,0%,100%,.07) 0.6%,hsla(0,0%,60%,.06) 104.22%);
    --green-linear-gradient: linear-gradient(88deg,#a1ffd2 -49.08%,#008b40 102.12%);
    --default-transition: all 0.3s ease-out;
    --small-border-radius: 2px;
    --medium-border-radius: 6px;
    --default-border-radius: 10px;
    --big-border-radius: 14px;
    --border-radius-big: 20px;
    --full-border-radius: 9999px;
    --page-width: 1600px;
    --page-width-padding: 30px;
    --header-height: 73px
}

html {
    scroll-behavior: smooth
}

*,body {
    font-family: var(--font-family-manrope)
}

body {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
    letter-spacing: unset;
    line-height: var(--line-height-text)
}

picture {
    height: 100%;
    position: relative
}

picture,picture img {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

picture img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0
}

.display {
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading)
}

.caption {
    font-size: var(--font-size-caption);
    line-height: var(--line-height-text-loose)
}

.h1,.h2,.h3,.h4,.h5,.h6,.mobile-text.mobile-h1,.mobile-text.mobile-h2,.mobile-text.mobile-h3,.mobile-text.mobile-h4,.mobile-text.mobile-h5,.mobile-text.mobile-h6,h1,h2,h3,h4,h5,h6 {
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-loose);
    margin: 0
}

.subheadline {
    line-height: var(--line-height-loose);
    margin: 0 0 14px
}

.p,.subheadline {
    font-size: var(--font-size-paragraph)
}

.p {
    line-height: var(--line-height-text)
}

.h1,h1 {
    font-size: var(--font-size-h1);
    line-height: var(--line-height-heading)
}

.h2,h2 {
    font-size: var(--font-size-h2)
}

.h3,h3 {
    font-size: var(--font-size-h3)
}

.h4,h4 {
    font-size: var(--font-size-h4)
}

.h5,h5 {
    font-size: var(--font-size-h5)
}

.h6,h6 {
    font-size: var(--font-size-h6)
}

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

.regular,.regular.mobile-text {
    font-weight: var(--font-weight-regular)
}

.semibold,.semibold.mobile-text {
    font-weight: var(--font-weight-semibold)
}

.bold,.bold.mobile-text {
    font-weight: var(--font-weight-bold)
}

.extra-bold,.extra-bold.mobile-text {
    font-weight: var(--font-weight-extra-bold)
}

.underlined {
    text-decoration: underline
}

.black {
    color: var(--color-black)
}

.blue {
    color: var(--color-blue-primary)
}

.blue-medium {
    color: var(--color-blue-medium)
}

.grey {
    color: var(--color-grey-extradark)
}

.grey-dark {
    color: var(--color-grey-dark)
}

.white {
    color: var(--color-white)
}

.gradient-blue {
    background: var(--gradient-blue)
}

.gradient-black {
    background: var(--gradient-black)
}

.gradient-lightblue {
    background: var(--gradient-lightblue)
}

.gradient-white {
    background: var(--gradient-white)
}

.gradient-text-blue {
    background: var(--gradient-text-blue)
}

.text-background-clip {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.h1-mobile {
    font-size: var(--font-size-h1-mobile)
}

.h2-mobile {
    font-size: var(--font-size-h2-mobile)
}

.h3-mobile {
    font-size: var(--font-size-h3-mobile)
}

.caption-small {
    font-size: var(--font-size-caption-small);
    line-height: var(--line-height-text)
}

.h4-mobile {
    font-size: var(--font-size-h4-mobile)
}

.h5-mobile {
    font-size: var(--font-size-h5-mobile)
}

.h6-mobile {
    font-size: var(--font-size-h6-mobile)
}

.text-body-mobile {
    font-size: var(--font-size-body-mobile);
    margin: 0
}

.badge {
    --badge-color: var(--color-black);
    --badge-background: transparent;
    --badge-border: var(--badge-color);
    --badge-hover-color: var(--badge-color);
    --badge-hover-border: var(--badge-color);
    align-items: center;
    background: var(--badge-background);
    border: 1px solid var(--badge-border);
    border-radius: var(--full-border-radius);
    color: var(--badge-color);
    display: inline-flex;
    font-size: var(--font-size-caption-mobile);
    gap: 4px;
    justify-content: center;
    padding: 2px 8px;
    transition: var(--default-transition)
}

.badge.big {
    padding: 8px 16px
}

.badge_icon {
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 10px;
    width: 100%
}

.badge_icon svg {
    aspect-ratio: 1/1;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.badge_icon svg path {
    fill: var(--badge-color)
}

.caption-large,.customer .field input,.customer select,.field__input,.form__label,.select__select {
    font-size: var(--font-size-caption);
    font-weight: var(--font-weight-regular)
}

.facets__price .field:after,.facets__price .field:before {
    display: none
}

price-range .field__input {
    border: 1px solid var(--color-grey-medium);
    border-radius: var(--default-border-radius);
    box-shadow: none;
    height: auto;
    margin: 0;
    min-height: unset;
    min-width: unset;
    opacity: 1;
    outline: none;
    padding: 6px 8px
}

price-range .field__input:focus {
    margin: 0;
    padding: 6px 8px
}

price-range .field__input::-moz-placeholder {
    opacity: 1
}

price-range .field__input::placeholder {
    opacity: 1
}

.big-wrapper-background {
    overflow: hidden;
    position: relative
}

.shopify-section:has(.under-navigation) {
    margin-top: calc(var(--header-height)*-1);
    position: relative
}

.field__input {
    background: var(--color-grey-extralight);
    border: none;
    border-radius: var(--full-border-radius);
    height: auto;
    padding: 8px;
    transition: var(--default-transition)
}

.field__input.has_icon {
    padding: 8px 8px 8px 40px
}

.field .field_icon {
    align-items: center;
    background: var(--color-grey-extralight);
    border-radius: var(--full-border-radius);
    display: flex;
    height: 34px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--default-transition);
    width: 34px;
    z-index: 1
}

.field .field_icon svg {
    aspect-ratio: 1/1;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 14px
}

.field__input:focus {
    background: var(--color-grey-medium)
}

.field .field__label,.field:after,.field:before {
    display: none
}

.field__input::-moz-placeholder {
    color: var(--color-grey-dark);
    opacity: 1
}

.field__input::placeholder {
    color: var(--color-grey-dark);
    opacity: 1
}

.yellow-style-bg {
    background: var(--color-yellow)
}

.lightblue-style-bg {
    background: var(--background-lightblue-gradient)
}

.blue-style-bg {
    background: var(--background-blue-gradient)
}

.darkblue-style-bg {
    background: var(--background-darkblue-gradient)
}

.bg-icon-blur {
    height: 100%;
    position: absolute;
    width: 100%
}

.black-default-style-bg {
    background: var(--color-black-default)
}

.black-basic-style-bg {
    background-color: var(--color-background-black-light)
}

.black-style-bg {
    background-color: var(--color-background-black);
    background: linear-gradient(90deg,#0d1720,#14222f 35%,#132634);
    background-repeat: no-repeat;
    background-size: cover
}

.background-snippet {
    height: 100%;
    left: 0;
    min-height: 777px;
    position: absolute;
    top: 0;
    width: 100%
}

.background-reverse {
    transform: rotate(180deg)
}

.color-grey-extralight-style-bg {
    background-color: var(--color-grey-extralight)
}

.swiper-page-width swiper-container::part(container) {
    overflow: visible
}

.shopify-section:has(.swiper-page-width) {
    overflow: hidden
}

html.smt-loadding:not(:has(.lock__notificationTemplateWrapper)) {
    opacity: 1!important;
    visibility: visible!important
}

html.smt-loadding:has(.lock__notificationTemplateWrapper) {
    opacity: 0!important;
    visibility: hidden!important
}

swiper-container {
    aspect-ratio: 1/0;
    display: flex
}

swiper-container::part(container) {
    display: flex
}

a.no-styling-anchor,a.no-styling-anchor:visited {
    color: var(--color-white);
    cursor: pointer;
    text-decoration: none
}

@media (min-width: 990px) {
    .caption.semibold {
        line-height:var(--line-height-loose)
    }

    .responsive-image-snippet-image {
        -o-object-position: var(--desktop-focal-point);
        object-position: var(--desktop-focal-point)
    }
}

@media (max-width: 989px) {
    :root {
        --header-height:65px;
        --page-width-padding: 15px
    }

    .responsive-image-snippet-image {
        -o-object-position: var(--mobile-focal-point);
        object-position: var(--mobile-focal-point)
    }

    .mobile-black {
        color: var(--color-black)
    }

    .mobile-blue {
        color: var(--color-blue-primary)
    }

    .mobile-blue-medium {
        color: var(--color-blue-medium)
    }

    .mobile-grey {
        color: var(--color-grey-extradark)
    }

    .mobile-grey-dark {
        color: var(--color-grey-dark)
    }

    .mobile-white {
        color: var(--color-white)
    }

    .mobile-regular {
        font-weight: var(--font-weight-regular)
    }

    .mobile-semibold {
        font-weight: var(--font-weight-semibold)
    }

    .mobile-bold {
        font-weight: var(--font-weight-bold)
    }

    .mobile-extra-bold {
        font-weight: var(--font-weight-extra-bold)
    }

    .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
        margin: 0 0 12px
    }

    .display,.mobile-text.mobile-display {
        font-size: var(--font-size-display-mobile)
    }

    .h1,.mobile-text.mobile-h1,h1 {
        font-size: var(--font-size-h1-mobile)
    }

    .h2,.mobile-text.mobile-h2,h2 {
        font-size: var(--font-size-h2-mobile)
    }

    .h3,.mobile-text.mobile-h3,h3 {
        font-size: var(--font-size-h3-mobile)
    }

    .h4,.mobile-text.mobile-h4,h4 {
        font-size: var(--font-size-h4-mobile)
    }

    .h5,.mobile-text.mobile-h5,h5 {
        font-size: var(--font-size-h5-mobile)
    }

    .h6,.mobile-text.mobile-h6,h6 {
        font-size: var(--font-size-h6-mobile)
    }

    .mobile-text.mobile-text-body,.text-body,body {
        font-size: var(--font-size-body-mobile)
    }

    .caption,.mobile-text.mobile-caption {
        font-size: var(--font-size-caption-mobile)
    }

    .subheadline {
        margin: 0 0 12px
    }

    .p {
        font-size: var(--font-size-body-mobile)
    }

    .page-width.page-width-small-padding {
        padding: 0 15px
    }
}

cart-items .title-wrapper-with-link {
    margin-top: 0
}

.cart-items td,.cart-items th {
    border: none;
    padding: 0
}

.cart-items th {
    font-weight: 400;
    opacity: .85;
    padding-bottom: 1.8rem;
    text-align: left
}

.cart-item__quantity-wrapper {
    display: flex
}

.cart-item__totals {
    position: relative
}

.cart-items .right {
    text-align: right
}

.cart-item__image-container {
    align-items: flex-start;
    display: inline-flex
}

.cart-item__image-container:after {
    content: none
}

.cart-item__image {
    height: auto;
    max-width: calc(10rem/var(--font-body-scale))
}

@media screen and (min-width: 750px) {
    .cart-item__image {
        max-width:100%
    }
}

.cart-item__details {
    font-size: 1.6rem;
    line-height: calc(1 + .4/var(--font-body-scale))
}

.cart-item__details>* {
    margin: 0;
    max-width: 30rem
}

.cart-item__details>*+* {
    margin-top: .6rem
}

.cart-item__media {
    position: relative
}

.cart-item__link {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.cart-item__name {
    display: block;
    text-decoration: none;
    transition: var(--default-transition)
}

@media (min-width: 990px) {
    .cart-item__name:hover {
        opacity:.7;
        text-decoration: none
    }
}

.cart-item__price-wrapper>* {
    display: block;
    margin: 0;
    padding: 0
}

.cart-item__discounted-prices dd {
    margin: 0
}

.cart-item__discounted-prices .cart-item__old-price {
    font-size: 1.4rem
}

.cart-item__old-price {
    opacity: .7
}

.cart-item__final-price {
    font-weight: 400
}

.product-option {
    font-size: 1.4rem;
    line-height: calc(1 + .5/var(--font-body-scale));
    word-break: break-word
}

.cart-item cart-remove-button {
    display: flex;
    margin-left: 1rem
}

@media screen and (min-width: 750px) and (max-width:989px) {
    .cart-item cart-remove-button {
        height:4.5rem;
        width: 4.5rem
    }
}

cart-remove-button .button {
    height: -moz-fit-content;
    height: fit-content;
    margin: 0 .1rem .1rem 0;
    min-height: unset;
    min-width: unset;
    padding: 0;
    width: -moz-fit-content;
    width: fit-content
}

cart-remove-button .button:after,cart-remove-button .button:before {
    content: none
}

cart-remove-button .button:not([disabled]):hover {
    color: rgb(var(--color-foreground))
}

cart-remove-button .icon-remove {
    height: 1.5rem;
    width: 1.5rem
}

.cart-item .loading__spinner {
    bottom: 0;
    left: auto;
    padding: 0;
    right: auto;
    top: 0
}

@media screen and (min-width: 750px) {
    .cart-item .loading__spinner {
        bottom:auto;
        padding-top: 4.5rem;
        right: 0
    }
}

.cart-item .loading__spinner:not(.hidden)~* {
    visibility: hidden
}

.cart-item__error {
    align-items: flex-start;
    display: flex;
    margin-top: .2rem;
    min-width: 100%;
    width: -moz-min-content;
    width: min-content
}

.cart-item__error-text {
    font-size: 1.3rem;
    letter-spacing: .04rem;
    line-height: 1.4;
    order: 1
}

.cart-item__error-text+svg {
    flex-shrink: 0;
    height: 1.5rem;
    margin-right: .7rem;
    margin-top: .25rem;
    width: 1.5rem
}

.cart-item__error-text:empty+svg {
    display: none
}

.product-option+.product-option {
    margin-top: .4rem
}

.product-option * {
    display: inline;
    margin: 0
}

.cart-items thead th {
    text-transform: uppercase
}

@media screen and (max-width: 749px) {
    .cart-items,.cart-items tbody,.cart-items thead {
        display:block;
        width: 100%
    }

    .cart-items thead tr {
        border-bottom: .1rem solid rgba(var(--color-foreground),.2);
        display: flex;
        justify-content: space-between;
        margin-bottom: 4rem
    }

    .cart-item {
        display: grid;
        gap: 1.5rem;
        grid-template: repeat(2,auto) /repeat(4,1fr);
        margin-bottom: 3.5rem
    }

    .cart-item:last-child {
        margin-bottom: 0
    }

    .cart-item__media {
        grid-row: 1/3
    }

    .cart-item__details {
        grid-column: 2/4
    }

    .cart-item__quantity {
        grid-column: 2/5
    }

    .cart-item__quantity-wrapper {
        flex-wrap: wrap
    }

    .cart-item__totals {
        align-items: flex-start;
        display: flex;
        justify-content: flex-end
    }
}

@media screen and (min-width: 750px) {
    .cart-items {
        border-collapse:separate;
        border-spacing: 0;
        box-shadow: none;
        display: table;
        width: 100%
    }

    .cart-items thead th:first-child {
        width: 50%
    }

    .cart-items th+th {
        padding-left: 4rem
    }

    .cart-items td {
        padding-top: 4rem;
        vertical-align: top
    }

    .cart-item {
        display: table-row
    }

    .cart-item>td+td {
        padding-left: 4rem
    }

    .cart-item__details {
        width: 35rem
    }

    .cart-item__media {
        width: 10rem
    }

    .cart-item cart-remove-button {
        margin: .5rem 0 0 1.5rem
    }

    .cart-item__price-wrapper>:only-child:not(.cart-item__discounted-prices) {
        margin-top: 1rem
    }

    .cart-item__error {
        margin-left: .3rem
    }
}

@media screen and (min-width: 990px) {
    .cart-item .cart-item__quantity,.cart-items .cart-items__heading--wide {
        padding-left:6rem
    }

    .cart-item__details {
        width: 50rem
    }

    .cart-items thead th:first-child {
        width: 60%
    }
}

@media screen and (min-width: 750px) {
    .cart-item .cart-item__quantity,.cart-item__quantity--info quantity-popover>*,.cart-items .cart-items__heading--quantity {
        padding-left:5rem
    }

    .cart-item .cart-item__quantity--info,.cart-item__quantity--info .cart-item__quantity-wrapper,.cart-item__quantity--info .cart-items__info {
        padding-left: 0
    }
}

@media screen and (max-width: 989px) {
    .cart-items .quantity-popover__info-button {
        padding-left:0
    }
}

.full-width-height {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 600px;
    width: 100%
}

.full-width-height .hidden {
    display: block!important
}

.drawer__inner.gradient {
    background-color: var(--color-white)
}

.loader-upsell-cart {
    animation: rotation 1s linear infinite;
    border-radius: 50%;
    border-right: 3px solid transparent;
    border-top: 3px solid var(--color-blue-primary);
    box-sizing: border-box;
    display: inline-block;
    height: 48px;
    width: 48px
}

.is-empty .upsell-slider-cart-drawer {
    display: none
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading__spinner .spinner .path {
    stroke: var(--color-blue-primary)
}

.loader-upsell-cart-container {
    align-items: center;
    display: flex;
    height: 126px;
    justify-content: center;
    width: 100%
}

.drawer {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    background: var(--color-black-transparent);
    display: flex;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    position: fixed;
    top: 0;
    transition: visibility var(--duration-default) ease;
    width: 100vw;
    z-index: 1000
}

.drawer.active {
    visibility: visible
}

.drawer__inner {
    background: var(--color-white);
    border: .1rem solid rgba(var(--color-foreground),.2);
    border-right: 0;
    max-width: calc(100vw - 3rem);
    transform: translateX(100%);
    transition: transform var(--duration-default) ease;
    width: 50rem
}

.drawer__inner,.drawer__inner-empty {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 0 1.5rem
}

.cart-drawer__warnings {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

cart-drawer.is-empty .drawer__inner {
    align-items: center;
    display: grid;
    grid-template-rows: 1fr;
    padding: 0
}

cart-drawer.is-empty .drawer__header,cart-drawer:not(.is-empty) .cart-drawer__collection,cart-drawer:not(.is-empty) .cart-drawer__warnings {
    display: none
}

.cart-drawer__warnings--has-collection .cart__login-title {
    margin-top: 2.5rem
}

.drawer.active .drawer__inner {
    transform: translateX(0)
}

.drawer__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 0;
    position: relative
}

.drawer__heading {
    margin: 0 0 1rem
}

.drawer__close {
    background-color: transparent;
    border: none;
    box-shadow: 0 0 0 .2rem rgba(var(--color-button),0);
    color: rgb(var(--color-foreground));
    cursor: pointer;
    display: inline-block;
    min-height: 4.4rem;
    min-width: 4.4rem;
    padding: 0;
    position: absolute;
    right: -10px;
    top: 10px
}

.cart-drawer__warnings .drawer__close {
    right: 5px
}

.drawer__contents {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.drawer__footer {
    padding: 1.5rem 0
}

cart-drawer-items.is-empty+.drawer__footer {
    display: none
}

.drawer__footer>details {
    border-bottom: .1rem solid rgba(var(--color-foreground),.2);
    margin-top: -1.5rem
}

.drawer__footer>details[open] {
    padding-bottom: 1.5rem
}

.drawer__footer summary {
    display: flex;
    line-height: 1;
    padding: 1.5rem 2.8rem 1.5rem 0;
    position: relative
}

.drawer__footer>details+.cart-drawer__footer {
    padding-top: 1.5rem
}

cart-drawer {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw
}

.cart-drawer__overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.cart-drawer__overlay:empty {
    display: block
}

.cart-drawer__form {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap
}

.cart-drawer__collection {
    margin: 0 2.5rem 1.5rem
}

.cart-drawer .drawer__cart-items-wrapper {
    flex-grow: 1
}

.cart-drawer .cart-items,.cart-drawer tbody {
    display: block;
    width: 100%
}

.cart-drawer thead {
    display: inline-table;
    width: 100%
}

cart-drawer-items {
    flex: 1;
    overflow: auto
}

@media screen and (max-height: 650px) {
    cart-drawer-items {
        overflow:visible
    }

    .drawer__inner {
        overflow: auto
    }
}

.cart-drawer .cart-item {
    display: grid;
    gap: 1rem;
    grid-template: repeat(2,auto) /repeat(4,1fr);
    margin-bottom: 0
}

.cart-drawer .cart-item:last-child {
    margin-bottom: 1rem
}

.cart-drawer .cart-item__media {
    grid-row: 1/3
}

.cart-drawer .cart-item__image {
    max-width: 100%
}

.cart-drawer .cart-items thead {
    margin-bottom: .5rem
}

.cart-drawer .cart-items thead th:first-child,.cart-drawer .cart-items thead th:last-child {
    padding: 0;
    width: 0
}

.cart-drawer .cart-items thead th:nth-child(2) {
    padding-left: 0;
    width: 50%
}

.cart-drawer .cart-items thead tr {
    display: table-row;
    margin-bottom: 0
}

.cart-drawer .cart-item:last-child {
    margin-bottom: 1.5rem
}

.cart-drawer .cart-item .loading__spinner {
    padding-top: 2.5rem;
    right: 5px
}

.cart-drawer .cart-items td {
    padding-top: 1.7rem
}

.cart-drawer .cart-item>td+td {
    padding-left: 1rem
}

.cart-drawer .cart-item__details {
    grid-column: 2/4;
    width: auto
}

.cart-drawer .cart-item__totals {
    align-items: flex-start;
    display: flex;
    justify-content: flex-end;
    pointer-events: none
}

.cart-drawer.cart-drawer .cart-item__price-wrapper>:only-child {
    margin-top: 0
}

.cart-drawer .cart-item__price-wrapper .cart-item__discounted-prices {
    display: flex;
    flex-direction: column;
    gap: .6rem
}

.cart-drawer .unit-price {
    margin-top: .6rem
}

.cart-drawer .cart-items .cart-item__quantity {
    grid-column: 2/5;
    padding-top: 0
}

@media screen and (max-width: 749px) {
    .cart-drawer .cart-item cart-remove-button {
        margin-left:0
    }
}

.cart-drawer__footer>*+* {
    margin-top: 1rem
}

.cart-drawer .totals {
    justify-content: space-between
}

.cart-drawer .price {
    line-height: 1
}

.cart-drawer .tax-note {
    margin: 1.2rem 0 2rem auto;
    text-align: left
}

.cart-drawer .product-option dd {
    word-break: break-word
}

.cart-drawer details[open]>summary .icon-caret {
    transform: rotate(180deg)
}

.cart-drawer .cart__checkout-button {
    max-width: none
}

.drawer__footer .cart__dynamic-checkout-buttons {
    max-width: 100%
}

.drawer__footer #dynamic-checkout-cart ul {
    flex-direction: row!important;
    flex-wrap: wrap!important;
    gap: .5rem;
    margin: .5rem -.5rem 0 0!important
}

.drawer__footer [data-shopify-buttoncontainer] {
    justify-content: flex-start
}

.drawer__footer #dynamic-checkout-cart ul>li {
    flex-basis: calc(50% - 0.5rem)!important;
    margin: 0!important
}

.drawer__footer #dynamic-checkout-cart ul>li:only-child {
    flex-basis: 100%!important;
    margin-right: .5rem!important
}

@media screen and (min-width: 750px) {
    .drawer__footer #dynamic-checkout-cart ul>li {
        flex-basis:calc(33.33333% - 0.5rem)!important;
        margin: 0!important
    }

    .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2),.drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2)~li,.drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4),.drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4)~li {
        flex-basis: calc(50% - 0.5rem)!important
    }
}

cart-drawer-items::-webkit-scrollbar {
    width: 3px
}

cart-drawer-items::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-foreground),.7);
    border-radius: 100px
}

cart-drawer-items::-webkit-scrollbar-track-piece {
    margin-top: 31px
}

.cart-drawer .quantity-popover-container {
    padding: 0
}

.cart-drawer .quantity-popover__info.global-settings-popup {
    top: 100%;
    transform: translateY(0)
}

.cart-drawer .cart-item__error {
    margin-top: .8rem
}

.cart-drawer .quantity-popover__info+.cart-item__error {
    margin-top: .2rem
}

@media screen and (min-width: 750px) {
    .cart-drawer .cart-item__quantity--info quantity-popover>* {
        padding-left:0
    }

    .cart-drawer .cart-item__error {
        margin-left: 0
    }
}

.cart {
    display: block;
    position: relative
}

.cart__empty-text,.is-empty .cart__contents,.is-empty .cart__footer,cart-items.is-empty .title-wrapper-with-link {
    display: none
}

.is-empty .cart__empty-text,.is-empty .cart__warnings {
    display: block
}

.cart__warnings {
    display: none;
    padding: 3rem 0 1rem;
    text-align: center
}

.cart__empty-text {
    margin: 4.5rem 0 2rem
}

.cart__contents>*+* {
    margin-top: 2.5rem
}

.cart__login-title {
    margin: 5.5rem 0 .5rem
}

.cart__login-paragraph {
    margin-top: .8rem
}

.cart__login-paragraph a {
    font-size: inherit
}

@media screen and (min-width: 990px) {
    .cart__warnings {
        padding:7rem 0 1rem
    }

    .cart__empty-text {
        margin: 0 0 3rem
    }
}

cart-items {
    display: block
}

.cart__items {
    border-bottom: .1rem solid rgba(var(--color-foreground),.08);
    padding-bottom: 3rem;
    position: relative
}

.cart__items--disabled {
    pointer-events: none
}

.cart__footer-wrapper:last-child .cart__footer {
    padding-bottom: 5rem
}

.cart__footer>div:only-child {
    margin-left: auto
}

.cart__footer>*+* {
    margin-top: 6.5rem
}

.cart__footer .discounts {
    margin-bottom: 1rem
}

.cart__note {
    height: -moz-fit-content;
    height: fit-content;
    top: 2.5rem
}

.cart__note label {
    align-items: flex-end;
    color: rgba(var(--color-foreground),.75);
    display: flex;
    height: 1.8rem;
    line-height: 1;
    position: absolute;
    top: -3rem
}

.cart__note .field__input {
    border-radius: var(--inputs-radius);
    height: 100%;
    padding: 1rem 2rem;
    position: relative
}

.cart__note .text-area {
    resize: vertical
}

.cart__note .field__input,.cart__note .field__input:focus,.cart__note:after,.cart__note:before,.cart__note:hover.cart__note:after,.cart__note:hover.cart__note:before {
    border-bottom-right-radius: 0
}

@media screen and (min-width: 750px) {
    .cart__items {
        grid-column-end:3;
        grid-column-start: 1;
        padding-bottom: 4rem
    }

    .cart__contents>*+* {
        margin-top: 0
    }

    .cart__items+.cart__footer {
        grid-column: 2
    }

    .cart__footer {
        border: 0;
        display: flex;
        justify-content: space-between
    }

    .cart__footer-wrapper:last-child {
        padding-top: 0
    }

    .cart__footer>* {
        width: 35rem
    }

    .cart__footer>*+* {
        margin-left: 4rem;
        margin-top: 0
    }
}

.cart__ctas button {
    width: 100%
}

.cart__ctas>*+* {
    margin-top: 1rem
}

.cart__update-button {
    margin-bottom: 1rem
}

.cart__dynamic-checkout-buttons {
    margin: 0 auto;
    max-width: 36rem
}

.cart__dynamic-checkout-buttons:has(.dynamic-checkout__content:empty) {
    margin: 0
}

.cart__dynamic-checkout-buttons div[role=button] {
    border-radius: var(--buttons-radius-outset)!important
}

.cart__blocks>*+* {
    margin-top: 1rem
}

.cart-note__label {
    display: inline-block;
    line-height: calc(1 + 1/var(--font-body-scale));
    margin-bottom: 1rem
}

.tax-note {
    display: block;
    margin: 2.2rem 0 1.6rem auto;
    text-align: center
}

.cart__checkout-button {
    max-width: 36rem
}

.cart__ctas {
    text-align: center
}

@media screen and (min-width: 750px) {
    .cart-note {
        max-width:35rem
    }

    .cart__update-button {
        margin-bottom: 0;
        margin-right: .8rem
    }

    .tax-note {
        margin-bottom: 2.2rem;
        text-align: right
    }

    [data-shopify-buttoncontainer] {
        justify-content: flex-end
    }

    .cart__ctas {
        display: flex;
        gap: 1rem
    }
}

.totals {
    align-items: flex-end;
    display: flex;
    justify-content: center
}

.totals>* {
    font-size: 1.6rem;
    margin: 0
}

.totals>h2 {
    font-size: calc(var(--font-heading-scale)*1.6rem)
}

.totals>* {
    line-height: 1
}

.totals>*+* {
    margin-left: 2rem
}

.totals__total {
    margin-top: .5rem
}

.totals__total-value {
    font-size: 1.8rem
}

.cart__ctas+.totals {
    margin-top: 2rem
}

@media (min-width: 750px) {
    .totals {
        justify-content:flex-end
    }
}

.discounts {
    font-size: 1.2rem
}

.discounts__discount {
    align-items: center;
    display: flex;
    line-height: calc(1 + .5/var(--font-body-scale))
}

.discounts__discount svg {
    color: rgba(var(--color-button),var(--alpha-button-background))
}

.discounts__discount--position {
    justify-content: center
}

@media screen and (min-width: 750px) {
    .discounts__discount--position {
        justify-content:flex-end
    }
}

.discounts__discount>.icon {
    color: rgb(var(--color-foreground));
    height: 1.2rem;
    margin-right: .7rem;
    width: 1.2rem
}

.predictive-search,.predictive-search-default {
    background: var(--color-white);
    border-radius: var(--default-border-radius);
    left: 50%;
    overflow-y: auto;
    padding: 24px;
    position: absolute;
    top: calc(100% + 27px);
    z-index: 3;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%);
    transition: var(--default-transition);
    width: calc(100% + 48px)
}

.predictive-search__results-groups-wrapper {
    display: flex;
    gap: 40px;
    padding-bottom: 1rem
}

.predictive-search__search-for-button {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end
}

predictive-search[loading] .predictive-search,predictive-search[open] .predictive-search {
    opacity: 1;
    pointer-events: all
}

.predictive-search__result-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%
}

@media screen and (min-width: 750px) {
    .predictive-search__result-group:last-child .predictive-search__pages-wrapper,.predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:nth-child(2) {
        display:none
    }

    .predictive-search__result-group:first-child .predictive-search__pages-wrapper {
        display: initial
    }

    .predictive-search__result-group:first-child:not(:has(.predictive-search-option-product-list)) {
        flex: 0 0 20rem
    }

    .predictive-search__result-group:only-child,.predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child {
        flex-grow: 1
    }
}

predictive-search .spinner {
    height: 1.5rem;
    line-height: 0;
    width: 1.5rem
}

predictive-search:not([loading]) .predictive-search-status__loading,predictive-search:not([loading]) .predictive-search__loading-state {
    display: none
}

predictive-search[loading] .predictive-search__loading-state {
    display: flex;
    justify-content: center;
    padding: 1rem
}

predictive-search-query-result>* {
    pointer-events: none
}

predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state,predictive-search[loading] .predictive-search__search-for-button {
    display: none
}

predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end
}

.predictive-search__item {
    cursor: pointer;
    display: flex;
    text-align: left;
    text-decoration: none;
    width: 100%
}

.predictive-search__item.btn {
    width: -moz-fit-content;
    width: fit-content
}

.predictive-search__item--link-with-thumbnail {
    display: grid;
    grid-template-columns: 5rem 1fr;
    grid-column-gap: 2rem;
    grid-template-areas: "product-image product-content"
}

.predictive-search__item-content {
    display: flex;
    flex-direction: column;
    grid-area: product-content
}

.predictive-search__item-content--centered {
    justify-content: center
}

.predictive-search__item-heading {
    margin: 0
}

.predictive-search__item-query-result :not(mark) {
    font-weight: bolder
}

.predictive-search__item-query-result mark {
    background-color: transparent;
    color: var(--color-blue-primary)
}

.predictive-search__item--term {
    align-items: center;
    justify-content: space-between;
    padding: 1.3rem 2rem;
    word-break: break-all
}

@media screen and (min-width: 750px) {
    .predictive-search__item--term {
        padding-bottom:1rem;
        padding-top: 1rem
    }
}

.predictive-search__item--term .icon-arrow {
    color: rgb(var(--color-link));
    flex-shrink: 0;
    height: calc(var(--font-heading-scale)*1.4rem);
    margin-left: calc(var(--font-heading-scale)*2rem);
    width: calc(var(--font-heading-scale)*1.4rem)
}

.predictive-search__image {
    font-family: "object-fit: contain";
    grid-area: product-image;
    -o-object-fit: contain;
    object-fit: contain
}

.predictive-search-option-product-list {
    --gap: 16px;
    align-items: flex-start;
    display: flex;
    display: grid;
    flex-wrap: wrap;
    gap: var(--gap);
    grid-template-columns: repeat(auto-fill,minmax(152px,1fr));
    justify-content: flex-start
}

.predictive-search-option-product-list .predictive-search__list-item {
    width: 100%
}

.predictive-search__result-group product-card .card__inner:has(.has-custom-secondary-image):hover~.card__content:has(.card__heading) {
    transform: translateY(-10px)
}

.predictive-search__result-group .card_feature_icon {
    height: 15px;
    width: 15px
}

.predictive-search__result-group .card__inner {
    margin-bottom: 0
}

.predictive-search__result-group .card__heading {
    font-size: var(--font-size-body)
}

.product_card_price_holder {
    font-size: var(--font-size-caption)
}

.predictive-search__result-group .card__content {
    padding: 10px 5px
}

.predictive-search__result-group .card__badge .badge {
    font-size: var(--font-size-caption-small-mobile)
}

.predictive-search__heading {
    border-bottom: 1px solid var(--color-grey-medium);
    color: var(--color-grey-dark);
    margin-bottom: 14px;
    padding-bottom: 5px
}

.predictive-search__list-item,.predictive-search__list-item>* {
    color: var(--color-black);
    transition: var(--default-transition)
}

.predictive-search__item[aria-selected=true],.predictive-search__list-item[aria-selected=true]>* {
    color: var(--color-blue-primary)
}

.predictive_search_popular_searches_holder {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start
}

predictive-search.active:has(.search__input:-moz-placeholder-shown) .predictive-search-default {
    opacity: 1;
    pointer-events: all
}

predictive-search.active:has(.search__input:placeholder-shown) .predictive-search-default {
    opacity: 1;
    pointer-events: all
}

.template-search__header,.template-search__header h1 {
    margin-bottom: 20px
}

predictive-search .field {
    gap: 20px
}

.navigation_icon_search_close {
    display: none
}

.template-search__results .succesful-customer-slide {
    min-height: 475px;
    width: 100%
}

.template-search__results a.succesful-customer-slide-link {
    display: block;
    height: 100%;
    width: 100%
}

.page-card-wrapper {
    background: var(--color-grey-light);
    border-radius: var(--default-border-radius)
}

.page-card-wrapper .card__information {
    padding: 0
}

.predictive-search-content .product_card_content_holder variant-selects .product-form__input--pill input[type=radio]+label {
    font-size: var(--font-size-caption-small-mobile);
    padding: 4px 6px
}

@media(min-width: 990px) {
    .predictive-search__item:hover,.predictive-search__list-item:hover>* {
        color:var(--color-blue-primary)
    }
}

@media(max-width: 989px) {
    .predictive-search__results-groups-wrapper {
        flex-direction:column-reverse
    }

    .predictive-search-content {
        height: 80vh;
        height: 80dvh;
        overflow: auto
    }

    .predictive-search,.predictive-search-default {
        height: 100vh;
        height: 100dvh;
        top: 100%
    }

    .navigation_holder.test-old-mobile .predictive-search,.navigation_holder.test-old-mobile .predictive-search-default,.predictive-search-default {
        max-height: unset!important
    }

    .predictive-search-option-product-list .predictive-search__list-item {
        max-width: 100%
    }

    .template-search__results .succesful-customer-slide {
        min-height: 405px;
        width: 100%
    }
}

.pagination-wrapper {
    margin-top: 30px
}

.pagination__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0
}

.pagination__item,.pagination__list {
    align-items: center;
    justify-content: center
}

.pagination__item {
    color: var(--color-grey-dark);
    display: inline-flex;
    height: 30px;
    padding: 0;
    position: relative;
    text-decoration: none;
    transition: var(--default-transition);
    width: 100%;
    width: 30px
}

.pagination__item.pagination__item--current {
    color: var(--color-black)
}

.pagination__item-arrow {
    align-items: center;
    border: 1px solid var(--color-black);
    border-radius: var(--full-border-radius);
    display: flex;
    height: 35px;
    justify-content: center;
    width: 35px
}

.pagination__item-arrow svg {
    height: 10px;
    width: 10px
}

.pagination__item-arrow svg path {
    fill: var(--color-black)
}

.pagination__item-arrow.pagination__item--next svg {
    transform: rotate(-180deg)
}

.pagination__item-arrow.pagination__item--next {
    margin-right: 25px
}

.pagination__item-arrow.pagination__item--prev {
    margin-left: 25px
}

@media(min-width: 990px) {
    .pagination__item:hover {
        color:var(--color-black)
    }
}

.price>* {
    display: inline-block;
    vertical-align: top
}

.price.price--unavailable {
    visibility: hidden
}

.price--end {
    text-align: right
}

.price .price-item {
    display: inline-block;
    margin: 0 5px 0 0
}

.price__regular .price-item--regular {
    margin-right: 0
}

.price:not(.price--show-badge) .price-item--last:last-of-type {
    margin: 0
}

@media screen and (min-width: 750px) {
    .price {
        margin-bottom:0
    }
}

.price-container {
    display: flex;
    gap: 8px
}

.price--sold-out .price__availability,.price__regular {
    display: block
}

.price .price__badge-sale,.price .price__badge-sold-out,.price--on-sale .price__availability,.price--on-sale .price__regular,.price__availability,.price__sale {
    display: none
}

.price--on-sale .price__badge-sale,.price--sold-out .price__badge-sold-out,.volume-pricing--sale-badge .price__badge-sale {
    display: inline-block
}

.volume-pricing--sale-badge .price__badge-sale {
    margin-left: .5rem
}

.price--on-sale .price__sale {
    display: initial;
    flex-direction: row;
    flex-wrap: wrap
}

.price--center {
    display: initial;
    justify-content: center
}

.price--on-sale .price-item--regular {
    color: var(--color-grey-medium-dark);
    font-weight: var(--font-weight-regular);
    text-decoration: line-through
}

.unit-price {
    display: block;
    margin-top: .2rem;
    text-transform: uppercase
}

product-card:has(.has_placeholder_sale) .badge-sale-badge {
    display: none
}

div.badge.disable_border-badge {
    border: none
}

.card-wrapper {
    color: inherit;
    height: 100%;
    position: relative
}

.card,.card-wrapper {
    text-decoration: none
}

.card {
    text-align: var(--text-alignment)
}

.card:not(.ratio) {
    display: flex;
    flex-direction: column;
    height: 100%
}

.card.card--horizontal {
    --text-alignment: left;
    --image-padding: 0rem;
    align-items: flex-start;
    flex-direction: row;
    gap: 1.5rem
}

.card--horizontal.ratio:before {
    padding-bottom: 0
}

.card--card.card--horizontal {
    padding: 1.2rem
}

.card--card.card--horizontal.card--text {
    -moz-column-gap: 0;
    column-gap: 0
}

.card--card {
    height: 100%
}

.card--card,.card--standard .card__inner {
    box-sizing: border-box;
    position: relative
}

.card .card__inner {
    background: var(--color-white-dark);
    border-radius: var(--default-border-radius);
    overflow: hidden;
    text-decoration: none;
    z-index: 0
}

.card--card .card__inner .card__media {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.card--standard.card--text {
    background-color: transparent
}

.card-information {
    text-align: var(--text-alignment)
}

.card .media,.card__media {
    bottom: 0;
    position: absolute;
    top: 0
}

.card .media {
    width: 100%
}

.card__media {
    width: calc(100% - var(--image-padding)*2)
}

.card--standard .card__media,.card__media {
    margin: var(--image-padding)
}

.card__inner {
    border-radius: var(--default-border-radius);
    margin-bottom: 14px;
    overflow: hidden;
    width: 100%
}

.card-information .card__information-volume-pricing-note {
    margin-top: .6rem
}

.card__information-volume-pricing-note--button,.card__information-volume-pricing-note--button.quantity-popover__info-button--icon-with-label {
    cursor: pointer;
    margin: 0;
    min-width: auto;
    padding: 0;
    position: relative;
    text-align: var(--text-alignment);
    z-index: 1
}

.card__information-volume-pricing-note--button:hover {
    text-decoration: underline
}

.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
    bottom: 4rem;
    max-width: 20rem;
    top: auto;
    transform: none;
    width: calc(95% + 2rem)
}

.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info span:first-of-type {
    padding-right: .3rem
}

.card__information-volume-pricing-note--button-right+.global-settings-popup.quantity-popover__info {
    left: auto;
    right: 0
}

.card__information-volume-pricing-note--button-center+.global-settings-popup.quantity-popover__info {
    left: 50%;
    transform: translate(-50%)
}

.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info .quantity__rules {
    text-align: left
}

@media screen and (min-width: 990px) {
    .grid--6-col-desktop .card__content quick-add-bulk .quantity {
        width:auto
    }

    .grid--6-col-desktop .card__content quick-add-bulk .quantity__button {
        width: calc(3rem/var(--font-body-scale))
    }

    .grid--6-col-desktop .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        left: 50%;
        transform: translate(-50%);
        width: calc(100% + var(--border-width) + 3.5rem)
    }

    .grid--6-col-desktop .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        width: calc(100% + var(--border-width) + 1rem)
    }
}

@media screen and (max-width: 749px) {
    .grid--2-col-tablet-down .card__content quick-add-bulk .quantity__button {
        width:calc(3.5rem/var(--font-body-scale))
    }

    .grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info,.grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        left: 50%;
        transform: translate(-50%)
    }

    .grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        width: 100%
    }

    .grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        width: calc(100% + var(--border-width) + 4rem)
    }

    .grid--2-col-tablet-down .card__content quick-add-bulk .quantity {
        width: auto
    }
}

.card-information quantity-popover volume-pricing {
    margin-top: 0
}

@media screen and (max-width: 989px) {
    .card-information quantity-popover .quantity__rules~volume-pricing {
        margin-top:0
    }

    .card-information quantity-popover volume-pricing {
        margin-top: 4.2rem
    }
}

@media screen and (min-width: 750px) {
    .card__information {
        padding-bottom:1.7rem;
        padding-top: 1.7rem
    }
}

.card__badge {
    align-self: flex-end;
    justify-self: flex-start
}

.card__badge.top {
    align-self: flex-start
}

.card__badge.right {
    justify-self: flex-end
}

.card:not(.card--horizontal)>.card__content>.card__badge {
    margin: 1.3rem
}

.card__media .media img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.card__inner:not(.ratio)>.card__content {
    height: 100%
}

.card__heading {
    margin-bottom: 0;
    margin-top: 0
}

.card__heading a {
    color: var(--color-black);
    text-decoration: none;
    transition: var(--default-transition)
}

.card__heading:last-child {
    margin-bottom: 0
}

.card--horizontal .card-information>:not(.visually-hidden:first-child)+:not(.rating):not(.card__information-volume-pricing-note) {
    margin-top: 0
}

.card--horizontal__quick-add:before {
    box-shadow: none
}

.card--card.card--media>.card__content {
    margin-top: calc(0rem - var(--image-padding))
}

@media screen and (min-width: 990px) {
    .card .media.media--hover-effect>img:only-child,.card-wrapper .media.media--hover-effect>img:only-child {
        transition:transform var(--duration-long) ease
    }

    .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child,.card:hover .media.media--hover-effect>img:first-child:only-child {
        transform: scale(1.03)
    }

    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
        opacity: 0
    }

    .card-wrapper:hover .media.media--hover-effect>img+img {
        opacity: 1;
        transform: scale(1.03);
        transition: transform var(--duration-long) ease
    }

    .underline-links-hover:hover a {
        text-decoration: underline;
        text-underline-offset: .3rem
    }
}

.card--standard:not(.card--horizontal) .placeholder-svg {
    width: 100%
}

.card--standard>.card__content {
    padding: 0
}

.card--standard>.card__content .card__information {
    padding-left: 0;
    padding-right: 0
}

.card--card.card--media .card__inner .card__information,.card--card.card--media>.card__content .card__badge,.card--card.card--text .card__inner,.card--horizontal .card__badge,.card--horizontal.card--text .card__inner {
    display: none
}

.card--extend-height {
    height: 100%
}

.card--extend-height.card--media,.card--extend-height.card--standard.card--text {
    display: flex;
    flex-direction: column
}

.card--extend-height.card--media .card__inner,.card--extend-height.card--standard.card--text .card__inner {
    flex-grow: 1
}

.card .icon-wrap {
    margin-left: .8rem;
    overflow: hidden;
    transition: transform var(--duration-short) ease;
    white-space: nowrap
}

.card__badge_custom {
    display: flex;
    gap: 10px;
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.card__badge_custom .badge {
    --badge-background: var(--color-white-dark);
    background-color: var(--badge-background);
    width: -moz-max-content;
    width: max-content
}

product-card .card__inner:hover .card-feature-icons-badges-container {
    opacity: 0
}

.card__badge_custom::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 990px) {
    product-card .card__inner:has(.has-custom-secondary-image):hover~.card__content:has(.card__heading) {
        pointer-events:none;
        transform: translateY(-40px)
    }
}

.card__content:has(.card__heading) {
    transition: var(--default-transition)
}

.card__heading a:after {
    display: none
}

.price__regular .price-item--regular {
    font-weight: 600
}

.card_feature-icons {
    align-items: flex-end;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    padding: 15px;
    position: absolute;
    width: 100%
}

.card-feature-icons-badges-container {
    display: flex;
    justify-content: space-between
}

.card-feature-icons-badges-container .shelly-card-badge-wrapper {
    max-width: 60px
}

.card-feature-icons-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start
}

.card_feature_icon {
    height: 24px;
    width: 24px
}

.card_feature_icon svg {
    aspect-ratio: 1/1;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.product_card_typically_used_for {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start
}

.product_card_typically_used_for .badge {
    padding-top: 1px
}

.product_card_typically_used_for .badge .badge_text {
    line-height: 1.2
}

.color-swatch__color {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    position: relative;
    width: 28px
}

.color-swatch__color,.color-swatch__color:before {
    border: 1px solid transparent;
    border-radius: var(--full-border-radius);
    overflow: hidden
}

.color-swatch__color:before {
    background-color: var(--color-swatch-color);
    content: "";
    height: 20px;
    width: 20px
}

.active-variant-btn .color-swatch__color {
    border-color: var(--color-grey-extradark)
}

.color-swatch-container {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    padding: 4px
}

.variant-badge-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.hide-product-card {
    display: none
}

.card__content {
    justify-content: space-between;
    padding: 15px
}

.card__content,.product_card_content_holder {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
    width: 100%
}

.product_card_content_holder {
    transition: var(--default-transition)
}

.product_card_price_holder {
    color: var(--color-grey-extradark);
    margin-top: 10px
}

.product_card_description_holder {
    height: 130px;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 12px);
    transition: var(--default-transition);
    width: 100%
}

.card .color-swatch-container,.card .variant-badge-container,.card variant-selects,.card__inner .card_media_featured,.product_card_typically_used_for {
    opacity: 1;
    transition: var(--default-transition)
}

.card__inner .card_media_secondary {
    opacity: 0;
    transition: var(--default-transition)
}

.product_card_description {
    line-height: var(--line-height-text)
}

#predictive-search-results-products-list .product_card_description {
    color: var(--color-black)
}

#predictive-search-results-products-list .product_card_typically_used_for {
    display: none
}

#predictive-search-results-products-list variant-selects .product_card_content_holder variant-selects .product-form__input--pill input[type=radio]+label {
    padding: 4px 8px
}

#predictive-search-results-products-list .product-form__input--swatch .swatch-input__input+.swatch-input__label {
    scale: .8
}

#predictive-search-results-products-list .card__content {
    gap: 10px
}

.product_card_description :first-child {
    margin-top: 0
}

.product_card_description :last-child {
    margin-bottom: 0
}

.product_card_price_holder_title_and_price {
    position: relative
}

.product_card_options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.product_card_content_holder variant-selects {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.product_card_content_holder variant-selects .block-option .block-price,.product_card_content_holder variant-selects .block-option .product-status-badge,.product_card_content_holder variant-selects .block-option info-tooltip,.product_card_content_holder variant-selects .block-option picture,.product_card_content_holder variant-selects legend {
    display: none
}

.product_card_content_holder variant-selects .block-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0
}

.product_card_content_holder variant-selects .block-option {
    border-radius: var(--full-border-radius);
    color: var(--color-grey-extradark);
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    padding: 9px 18px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.simplified-card .product_card_content_holder variant-selects .block-option {
    padding: 5px 12px
}

.product_card_content_holder variant-selects .block-option .text-body {
    font-size: var(--font-size-caption-mobile);
    font-weight: var(--font-weight-regular)
}

.product_card_content_holder variant-selects .product-form__input--pill input[type=radio]+label {
    border-radius: var(--full-border-radius);
    color: var(--color-grey-extradark);
    font-size: var(--font-size-caption-mobile);
    margin: 0;
    padding: 8px 16px
}

.simplified-card .product_card_content_holder variant-selects .product-form__input--pill input[type=radio]+label {
    padding: 5px 12px
}

.product_card_content_holder variant-selects .product-form__input {
    display: flex;
    flex: unset;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    max-width: unset;
    min-width: unset
}

.center .product_card_content_holder variant-selects .product-form__input {
    justify-content: center
}

.product_card_content_holder variant-selects .product-form__input--swatch .swatch-input__input+.swatch-input__label {
    margin: 0
}

.product_card_content_holder variant-selects .block-option.active {
    border: 1.4px solid var(--color-grey-extradark)
}

.product_card_content_holder variant-selects .block-option.disabled .block-option-header .info-tooltip .tooltip-icon,.product_card_content_holder variant-selects .block-option.disabled .block-option-header>:not(.info-tooltip),.product_card_content_holder variant-selects .block-option.disabled>:not(.block-option-header,.product-status-badge) {
    opacity: 1
}

.product_card_content_holder variant-selects .block-option.disabled:after,.product_card_content_holder variant-selects .disabled+.block-option:after {
    border-top: .8px solid;
    border-color: inherit;
    border-top-color: inherit;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-21deg)
}

.product_card_content_holder variant-selects .block-option.disabled.active:after,.product_card_content_holder variant-selects .disabled+.block-option.active:after {
    border-top: 1.4px solid
}

@media (min-width: 990px) {
    .card:not(.card--simplified):has(.card__inner:hover) .card__content .product_card_description_holder {
        opacity:1;
        pointer-events: all
    }

    .card:not(.card--simplified):has(.card__inner:hover) .product_card_content_holder {
        opacity: 0;
        pointer-events: none
    }

    .card__inner:hover:has(.card__media picture+picture) .card_media_featured {
        opacity: 0
    }

    .card__inner:hover .card_media_secondary {
        opacity: 1
    }

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

    .product_card_content_holder variant-selects .block-option:hover {
        border-color: var(--color-grey-extradark);
        box-shadow: none
    }
}

@media (max-width: 989px) {
    .product_card_content_holder variant-selects .block-option,.product_card_content_holder variant-selects .product-form__input--pill input[type=radio]+label {
        padding:5px 13px
    }

    .card__content {
        padding: 10px
    }

    .card__badge_custom .badge,.product_card_typically_used_for .badge {
        font-size: 10px
    }

    .product_card_typically_used_for {
        gap: 6px
    }

    .product_card_typically_used_for .badge .badge_icon,.product_card_typically_used_for .badge:nth-of-type(1n+5) {
        display: none
    }

    .card_feature_icon {
        height: 20px;
        width: 20px
    }

    .product_card_price_holder {
        margin-top: 5px
    }

    .product_card_content_holder {
        min-height: auto
    }
}

product-card .quick-add .loading__spinner+svg {
    display: none
}

product-card .quick-add .loading__spinner+svg circle,product-card .quick-add .loading__spinner+svg path {
    stroke: currentColor
}

@media screen and (max-width: 749px) {
    .collection .grid__item:only-child {
        flex:0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 989px) {
    .collection .slider.slider--tablet {
        margin-bottom:1.5rem
    }
}

.collection .loading-overlay {
    position: absolute;
    width: 1.8rem;
    z-index: 1
}

@media screen and (max-width: 749px) {
    .collection .loading-overlay {
        right:0;
        top: 0
    }

    .featured-collection-grid .product-form__input--swatch .swatch-input__input+.swatch-input__label {
        --swatch-input--size: 16px
    }
}

@media screen and (min-width: 750px) {
    .collection .loading-overlay {
        left:0
    }
}

.collection .loading-overlay {
    bottom: 0;
    display: none;
    left: 0;
    opacity: .7;
    padding: 0 1.5rem;
    right: 0;
    top: 0;
    width: 100%
}

@media screen and (min-width: 750px) {
    .collection .loading-overlay {
        padding-left:5rem;
        padding-right: 5rem
    }
}

.collection.loading .loading-overlay {
    display: block
}

@media screen and (max-width: 989px) {
    .collection .slider--tablet.product-grid {
        scroll-padding-left:1.5rem
    }
}

.collection__description>* {
    margin: 0
}

.collection__title.title-wrapper {
    margin-bottom: 2.5rem
}

.collection__title .title:not(:only-child) {
    margin-bottom: 1rem
}

@media screen and (min-width: 990px) {
    .collection__title--desktop-slider .title {
        margin-bottom:2.5rem
    }

    .collection__title.title-wrapper--self-padded-tablet-down {
        padding: 0 5rem
    }

    .collection slider-component:not(.page-width-desktop) {
        padding: 0
    }

    .collection--full-width slider-component:not(.slider-component-desktop) {
        max-width: none;
        padding: 0 1.5rem
    }
}

.collection__view-all a:not(.link) {
    margin-top: 1rem
}

.featured-collection-grid .featured-collection-container {
    position: relative
}

.featured-collection-grid .collection__description,.featured-collection-grid .collection__title {
    text-align: var(--alignment)
}

.featured-collection-grid.card-style-dark .grid__item {
    background-color: var(--color-white);
    border-radius: var(--default-border-radius)
}

.featured-collection-grid.card-style-dark .card__inner+.card__content {
    padding: 15px
}

.featured-collection-grid .collection__view-all {
    margin-top: 50px
}

.featured-collection-grid .card__content,.featured-collection-grid .product_card_content_holder {
    flex: 1
}

.featured-collection-grid .collection-add-to-cart .quick-add.no-js-hidden.hidden-quick-add {
    display: block;
    margin-bottom: 0;
    margin-top: auto
}

.featured-collection-grid .collection-add-to-cart button[name=add] {
    background: var(--gradient-blue);
    border-radius: var(--default-border-radius);
    color: var(--color-white);
    display: flex;
    flex-direction: row-reverse;
    padding: 12px
}

.featured-collection-grid product-card .quick-add .loading__spinner+svg {
    display: block
}

.featured-collection-grid .no-typically-used-for .product_card_typically_used_for {
    display: none
}

.image-video-section-with-text-section .four-step-case-cotainer .icon-step-1 {
    bottom: -40px;
    left: -50px;
    position: absolute
}

.image-video-section-with-text-section .four-step-case-cotainer {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 28px;
    height: 100%;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    width: 600px
}

.image-video-section-with-text-section .four-step-case-cotainer .three-step-container-arrowicon-container {
    left: 50%;
    position: absolute
}

.image-video-section-with-text-section .four-step-case-cotainer .step-1 .condition-step {
    bottom: var(--bottom-position);
    left: -310px;
    position: absolute
}

.image-video-section-with-text-section .four-step-case-cotainer .step-1 {
    display: flex;
    height: 125px;
    justify-content: flex-end;
    position: relative;
    width: 270px
}

.image-video-section-with-text-section .four-step-case-cotainer .step-2,.image-video-section-with-text-section .four-step-case-cotainer .step-3,.image-video-section-with-text-section .four-step-case-cotainer .step-4 {
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.image-video-section-with-text-section .three-step-case-cotainer {
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content
}

.image-video-section-with-text-section .three-step-case-cotainer .step-1 .icon-step-1 {
    height: 66px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.image-video-section-with-text-section .three-step-case-cotainer .step-1 .icon-step-1 svg {
    left: 130px;
    position: absolute;
    top: 55%;
    transform: translate(-50%,-50%)
}

.image-video-section-with-text-section .three-step-case-cotainer .step-2 .three-step-container-arrowicon-container {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: 25px;
    width: -moz-fit-content;
    width: fit-content
}

.image-video-section-with-text-section .inline-step-container {
    background: var(--color-white-transparent-2);
    border: .2px solid var(--color-white);
    border-radius: 10px;
    -moz-column-gap: 44px;
    column-gap: 44px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding: 16px 16px 18px;
    row-gap: 16px;
    width: -moz-fit-content;
    width: fit-content
}

.image-video-section-with-text-section .inline-step-container .condition-step-header span.step-title {
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-loose);
    margin: 0
}

.image-video-section-with-text-section .desktop-step {
    display: flex
}

.image-video-section-with-text-section .mobile-step {
    display: none
}

.image-video-section-with-text-section .mobile-first-second,.image-video-section-with-text-section .mobile-thir-forth {
    align-items: center;
    display: flex;
    justify-content: center
}

.condition-step {
    background: var(--color-shadow-light-transparent);
    border: 1px solid var(--color-white);
    border-radius: 10px;
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 270px;
    padding: 10px 10px 12px;
    width: 100%
}

.condition-step.remove_background {
    background: none;
    border: none;
    padding: 0
}

.condition-step-header {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.condition-step-product-upsell {
    align-items: center;
    background: var(--color-shadow-light);
    border-radius: 6px;
    display: flex;
    gap: 10px;
    padding: 4px 16px 4px 4px;
    width: 100%
}

.condition-step-product-upsell-product-img {
    flex-shrink: 0;
    height: 60px;
    width: 60px
}

.condition-step-product-upsell-product-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.condition-step {
    min-width: 260px
}

@media screen and (max-width: 989px) {
    .image-video-section-with-text-section .inline-step-container .condition-step-header span.step-title {
        font-size:var(--font-size-h6-mobile)
    }

    .image-video-section-with-text-section .desktop-step {
        display: none
    }

    .image-video-section-with-text-section .mobile-step {
        display: block
    }

    .image-video-section-with-text-section .mobile-step.three-step-case-cotainer {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center
    }

    .image-video-section-with-text-section .four-step-case-cotainer-mobile {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: -moz-fit-content;
        width: fit-content
    }

    .image-video-section-with-text-section .three-step-case-cotainer-mobile {
        display: flex;
        flex-direction: column;
        gap: 30px
    }

    .image-video-section-with-text-section .three-step-case-cotainer-mobile .mobile-first-second,.image-video-section-with-text-section .three-step-case-cotainer-mobile .mobile-thir-forth {
        justify-content: flex-start
    }

    .image-video-section-with-text-section .three-step-container-arrowicon-container-mobile {
        bottom: -35px;
        left: 0;
        position: absolute;
        transform: translateX(-50%)
    }

    .image-video-section-with-text-section .three-step-case-cotainer-mobile .step-2 {
        position: relative
    }
}

.leading-icon {
    flex-direction: row-reverse
}

.btn {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--default-border-radius);
    cursor: pointer;
    display: inline-flex;
    gap: 16px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    z-index: 1
}

.btn,.btn:after,.btn:before {
    height: 100%;
    transition: var(--default-transition)
}

.btn:after,.btn:before {
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.btn:after,.btn:hover:before {
    opacity: 0
}

.btn:hover:after {
    opacity: 1
}

.btn:not(.caption) {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-bold)
}

.btn-outlined-blue {
    border: 1px solid var(--color-blue-medium);
    color: var(--color-blue-medium)
}

.btn-outlined-blue:hover {
    color: var(--color-blue-light)
}

.btn-outlined-blue:after {
    background: var(--gradient-blue)
}

.btn-outlined-white {
    border: 1px solid var(--color-white);
    color: var(--color-white)
}

.btn-outlined-white:hover {
    color: var(--color-blue-primary)
}

.btn-outlined-white:after {
    background: var(--gradient-lightblue)
}

.btn-filled-blue {
    color: var(--color-white)
}

.btn-filled-blue:before {
    background: var(--gradient-blue)
}

.btn-filled-blue:hover {
    border-color: var(--color-blue-primary);
    color: var(--color-blue-primary)
}

.btn-filled-blue:after {
    background: var(--gradient-lightblue)
}

.btn-filled-black {
    color: var(--color-white)
}

.btn-filled-black:before {
    background: var(--gradient-black)
}

.btn-filled-black:hover {
    border-color: var(--color-grey-extradark);
    color: var(--color-black)
}

.btn-filled-black:after {
    background: var(--color-grey-medium)
}

.btn-filled-lightblue {
    color: var(--color-black)
}

.btn-filled-lightblue:before {
    background: var(--gradient-lightblue)
}

.btn-filled-lightblue:hover {
    border-color: var(--color-blue-light);
    color: var(--color-blue-light)
}

.btn-filled-lightblue:after {
    background: var(--gradient-blue)
}

.btn-outlined-black {
    background: transparent;
    border: 1px solid var(--color-black);
    color: var(--color-black)
}

.btn-outlined-black:hover {
    color: var(--color-white)
}

.btn-outlined-black:after {
    background: var(--gradient-black)
}

.btn-outlined-lightblue {
    background: transparent;
    border: 1px solid var(--color-blue-light);
    color: var(--color-blue-light)
}

.btn-outlined-lightblue:hover {
    border: 1px solid var(--color-blue-primary);
    color: var(--color-blue-primary)
}

.btn-outlined-lightblue:after {
    background: var(--gradient-lightblue)
}

.btn-filled-white {
    color: var(--color-black)
}

.btn-filled-white,.btn-filled-white * {
    transition: var(--default-transition)
}

.btn-filled-white:before {
    background: var(--gradient-white)
}

.btn-filled-white:hover {
    border: 1px solid var(--color-blue-primary);
    color: var(--color-white)
}

.btn-filled-white:hover img {
    filter: invert(1)
}

.btn-filled-white:after {
    background: var(--gradient-blue)
}

.desktop-btn-l {
    padding: 16px 64px
}

.desktop-btn-m {
    padding: 14px 56px
}

.desktop-btn-s {
    padding: 12px 48px
}

.desktop-btn-xs {
    padding: 15px
}

.desktop-btn-xxs {
    padding: 10px
}

.full-width-button {
    width: 100%
}

@media (max-width: 786px) {
    .mobile-btn-l {
        padding:14px 48px
    }

    .mobile-btn-m {
        padding: 13px 40px
    }

    .mobile-btn-s {
        padding: 12px 32px
    }

    .mobile-btn-xs {
        padding: 14px
    }
}

.announcement-bar-section {
    z-index: 8
}

.announcement_bar {
    --background: var(--gradient-blue);
    --text-color: var(--color-white);
    background: var(--background);
    color: var(--text-color)
}

.announcement_bar_slider {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 0 auto;
    max-width: 700px;
    position: relative;
    width: 100%
}

.announcement_bar_slider_button_prev {
    order: 1
}

.announcement_bar_slider swiper-container {
    margin: 0;
    order: 2;
    position: relative;
    z-index: 1
}

.announcement_bar_slider swiper-container swiper-slide {
    align-items: center;
    display: flex;
    justify-content: center
}

.announcement_bar_slider swiper-container::part(container) {
    display: grid
}

.announcement_bar_slider swiper-container::part(wrapper) {
    min-width: 0
}

.announcement_bar_slider_button_next {
    order: 3
}

.announcement_bar_slider_button_next svg {
    transform: rotate(180deg)
}

.announcement_bar_content {
    --gap: 20px;
    align-items: center;
    display: flex;
    gap: var(--gap);
    justify-content: space-between;
    padding: 6px 0 8px
}

.announcement_item {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    text-align: center
}

.announcement_bar_slider>swiper-container {
    width: 100%
}

.announcement_bar_slider_button {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.announcement_bar_content .announcement_bar_content_filling,.announcement_bar_content .localization-wrapper {
    width: calc(25% - var(--gap))
}

.announcement_item .btn {
    font-size: 12px;
    padding: 3px 10px
}

.announcement_bar_content .localization-wrapper {
    min-width: -moz-max-content;
    min-width: max-content
}

.announcement_item .btn svg {
    display: none
}

.first-time-country-language-popup-container {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    position: relative
}

.announcemt-confirm-btn {
    border-radius: var(--medium-border-radius);
    min-height: 30px;
    width: 100px
}

.first-time-country-language-popup-container-text {
    color: var(--color-grey-extralight)
}

.first-time-region-selectors {
    align-items: center;
    color: var(--color-grey-extralight);
    display: flex;
    gap: 10px;
    justify-content: center
}

.first-time-country-language-popup-container .disclosure {
    align-items: center;
    background-color: var(--color-transparent-dark-blue);
    border-radius: var(--medium-border-radius);
    display: flex;
    justify-content: center;
    min-height: 30px;
    padding: 5px 15px;
    position: relative
}

.first-time-country-language-popup-container-background {
    background: var(--color-black);
    display: none;
    width: 100%
}

.popup-close-btn-announcement {
    cursor: pointer
}

.first-time-country-language-popup-container #AnnouncementCountryLabel {
    display: none
}

.first_time_visit_banner_content {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 15px 0
}

.first-time-region-selectors .localization-wrapper {
    gap: 10px
}

.first-time-region-selectors #localization_form {
    align-items: center;
    display: flex;
    gap: 10px
}

@media(max-width: 1200px) {
    .announcement_bar_content_filling {
        display:none
    }
}

@media(max-width: 989px) {
    .announcement_bar_content:not(:has(.announcement_item.caption)) {
        padding:0
    }

    .announcement_bar .localization-wrapper,.announcement_bar_content .localization-wrapper,.announcement_bar_content.announcement_bar_content_no_items,.announcement_bar_content_filling,.announcement_bar_slider_button {
        display: none
    }

    .announcement_item .btn {
        border-radius: var(--full-border-radius);
        font-size: 0;
        gap: 0;
        height: 20px;
        margin-left: 5px;
        padding: 0;
        vertical-align: middle;
        width: 20px
    }

    .announcement_item .btn svg {
        display: block;
        transform: rotate(180deg)
    }

    .announcement_item {
        display: block
    }

    .first_time_visit_banner_content .filler,.popup-close-btn-announcement {
        display: none
    }

    .first-time-country-language-popup-container {
        flex-direction: column;
        gap: 10px;
        width: 100%
    }

    .first-time-region-selectors .localization-wrapper .disclosure {
        position: static
    }

    .first-time-region-selectors .localization-wrapper #AnnouncementCountryForm .disclosure button {
        font-size: 0
    }
}

.search__input.field__input:focus {
    font-size: var(--font-size-body)
}

#cart-icon-bubble {
    cursor: pointer
}

.search__input.field__input {
    padding-right: 9.8rem
}

.country-filter__input.field__input,.country-filter__input.field__input:focus,.search__input.field__input {
    font-size: var(--font-size-body)
}

.navigation {
    display: block;
    margin-top: 15px;
    position: static;
    transition: var(--default-transition);
    width: 100%
}

.navigation.sticky {
    position: fixed;
    top: 0;
    width: 100%
}

.navigation_holder {
    background: var(--color-white);
    border-radius: var(--default-border-radius);
    box-shadow: var(--shadow-mega-menu);
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr .35fr 1fr;
    justify-content: space-between;
    padding: 12px 24px
}

.navigation_holder,.navigation_logo {
    align-items: center;
    transition: var(--default-transition)
}

.navigation_logo {
    display: flex;
    justify-content: center;
    justify-self: center;
    max-width: 90px;
    width: 100%
}

.navigation_menu {
    align-items: center;
    display: flex;
    gap: 18px
}

.navigation_icons {
    align-items: center;
    display: flex;
    gap: 16px
}

.navigation_menu_right {
    justify-self: flex-end;
    transition: var(--default-transition)
}

.navigation_item {
    align-items: center;
    color: var(--color-black);
    display: flex;
    position: relative;
    text-decoration: none;
    transition: var(--default-transition)
}

.navigation_item:after {
    background: var(--color-blue-primary);
    border-radius: 100px;
    bottom: -8px;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translate(-50%);
    transition: var(--default-transition);
    width: 4px;
    z-index: 1
}

.navigation_item.active {
    color: var(--color-blue-primary)
}

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

.navigation_icon_search {
    background: var(--color-grey-extralight);
    border-radius: var(--full-border-radius);
    height: 34px;
    width: 34px
}

.navigation_item_holder {
    position: relative
}

.navigation_item_holder.navigation_item_holder_megamenu {
    position: unset
}

.navigation_item_dropdown_links_holder,.navigation_item_megamenu_holder,.navigation_item_megamenu_holder.page-width.page-width-small-padding {
    left: 0;
    opacity: 0;
    padding-top: 27px;
    pointer-events: none;
    position: absolute;
    transition: var(--default-transition)
}

.navigation:after {
    display: none
}

.navigation-background-blur,.navigation:after {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    background: rgba(0,0,0,.5);
    display: block;
    height: 100vh;
    left: calc(50% - 1px);
    opacity: 0;
    padding-top: 27px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    transition: var(--default-transition);
    width: 100%;
    z-index: -1
}

.navigation-background-blur {
    content: ""
}

.navigation_item_megamenu_holder,.navigation_item_megamenu_holder.page-width.page-width-small-padding {
    left: 50%;
    transform: translate(-50%);
    width: 100%
}

.navigation_item_dropdown_links {
    background: var(--color-white);
    border-radius: var(--default-border-radius);
    box-shadow: var(--shadow-mega-menu);
    max-width: 100%;
    padding: 30px 24px;
    width: -moz-max-content;
    width: max-content
}

.navigation_link_list {
    list-style: none;
    margin: 0;
    padding: 0
}

.navigation_item_link_list_item {
    margin-bottom: 20px
}

.navigation_item_link_list_item:last-child {
    margin-bottom: 0
}

.navigation_item_megamenu_submenus {
    align-items: stretch;
    background: var(--color-white);
    border-radius: var(--default-border-radius);
    box-shadow: var(--shadow-mega-menu);
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

.navigation_item_submenu_divider {
    --background: var(--color-white);
    background: var(--background);
    height: calc(100% - 6rem);
    left: var(--left);
    position: absolute;
    top: 3rem;
    width: .1rem
}

.navigation_item_submenu {
    --submenu-width: 50%;
    --background: var(--color-white);
    --background-mobile: var(--color-white);
    background: var(--background);
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 24px;
    width: var(--submenu-width)
}

.navigation_item_submenu.navigation_items_flex {
    justify-content: space-between
}

.mobile_navigation_opener {
    align-items: center;
    background: var(--color-grey-light);
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 0;
    position: relative;
    transition: var(--default-transition);
    width: 40px
}

.mobile_navigation_icon_close {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.navigation_item_submenu_title {
    border-bottom: 1px solid var(--color-grey-medium);
    color: var(--color-grey-dark);
    padding-bottom: 5px
}

.submenu_icons_with_text_icon {
    align-items: center;
    border-radius: var(--border-radius);
    display: flex;
    justify-content: center;
    margin-top: 6px;
    overflow: hidden
}

.submenu_icons_with_text_icon img {
    aspect-ratio: 1/1;
    max-width: var(--size);
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.submenu_icons_with_text_holder {
    --grid: 2;
    --grid-mobile: 1;
    --size: 40px;
    --size-mobile: 20px;
    --border-radius: 0px;
    --button-padding: 12px;
    --column-gap: 30px;
    --icon-text-gap: 14px
}

.submenu_icons_with_text_item {
    align-items: var(--vertical-alignment);
    color: var(--color-black);
    display: grid;
    gap: var(--icon-text-gap);
    grid-template-columns: var(--size) 1fr;
    grid-template-rows: auto;
    justify-content: flex-start;
    text-decoration: none
}

.submenu_icons_with_text_items {
    display: grid;
    grid-template-columns: repeat(var(--grid),1fr);
    grid-template-rows: auto;
    grid-column-gap: var(--column-gap);
    grid-row-gap: 20px
}

.submenu_icons_with_text_desc {
    color: var(--color-grey-dark);
    font-size: var(--font-size-caption-mobile-s);
    font-weight: var(--font-weight-regular)
}

.submenu_icons_with_text_button {
    display: flex;
    justify-content: var(--button-horizontal-alignment);
    margin-top: 48px
}

.submenu_icons_with_text_button .btn {
    max-width: 260px;
    padding-left: var(--button-padding);
    padding-right: var(--button-padding);
    width: 100%
}

.submenu_link_list_holder .navigation_item_submenu_title {
    margin-bottom: 20px
}

.submenu_link_list_holder .navigation_item_link_list_item {
    margin-bottom: 14px
}

.submenu_link_list_holder .navigation_item_link_list_item.submenu_link_list_item,.submenu_link_list_holder .navigation_item_link_list_item:last-child {
    margin-bottom: 0
}

.submenu_link_list_holder .navigation_item_link_list_item.submenu_link_list_item {
    display: list-item;
    margin: 0!important;
    padding-bottom: 30px;
    width: 100%;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.submenu_link_list_holder {
    --grid: 2
}

.header-link-badge {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    margin-left: 14px;
    overflow: hidden;
    padding: 2px 8px;
    width: -moz-fit-content;
    width: fit-content
}

.header-link-badge-text {
    color: var(--color-white)
}

.header-link-badge-style-green {
    background: var(--green-linear-gradient)
}

.header-link-badge-style-blue {
    background: var(--gradient-primary-blue-90)
}

.submenu_link_list_holder .submenu_link_list {
    align-items: flex-start;
    -moz-column-count: var(--grid);
    column-count: var(--grid);
    gap: 28px;
    justify-content: flex-start
}

.navigation_item_icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-right: 14px;
    vertical-align: middle;
    width: 24px
}

.navigation_item_icon svg {
    aspect-ratio: 1/1;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.submenu_top_buttons_holder {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 990px) {
    .submenu_top_buttons_holder_layout_2 {
        flex-direction:row
    }
}

.submenu_top_button_holder {
    flex: 1 1 0
}

.submenu_top_button {
    background-color: var(--color-blue-extralight);
    border-color: var(--color-blue-extralight);
    color: var(--color-black);
    justify-content: flex-start;
    padding: 12px;
    transition: var(--default-transition);
    width: 100%
}

.submenu_top_button:focus,.submenu_top_button:hover {
    color: var(--color-blue-primary)
}

.submenu_link_list_button_holder {
    display: flex;
    justify-content: var(--button-horizontal-alignment);
    margin-top: 14px
}

.submenu_link_list_button_holder .btn {
    max-width: 260px;
    width: 100%
}

@media only screen and (max-width: 989px) {
    .submenu_link_list_button_holder .btn {
        max-width:100%
    }
}

.submenu_top_button_icon {
    align-items: center;
    border: .1rem solid;
    border-radius: 50%;
    color: var(--color-blue-primary);
    display: flex;
    height: 3.2rem;
    justify-content: center;
    margin-left: auto;
    width: 3.2rem
}

.submenu_top_button_icon svg {
    width: 1.2rem
}

.submenu_top_button_icon svg path {
    fill: currentColor
}

.submenu_image_holder {
    --text-position: left;
    --content-position-vertical: flex-start;
    --content-position-horizontal: flex-start;
    --min-height: fit-content;
    --overlay-color: transparent;
    --overlay-opacity: 0%;
    --text-color: var(--color-white);
    align-items: var(--content-position-vertical);
    border-radius: var(--default-border-radius);
    display: flex;
    justify-content: var(--content-position-horizontal);
    min-height: var(--min-height);
    overflow: hidden;
    padding: 24px;
    position: relative;
    text-align: var(--text-position);
    text-decoration: none
}

@media only screen and (min-width: 990px) {
    .submenu_image_holder {
        max-width:var(--max-width)
    }
}

.submenu_image_holder .submenu_image,.submenu_image_holder .submenu_image:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.submenu_image_holder .submenu_image:after {
    background: var(--overlay-color);
    content: "";
    opacity: var(--overlay-opacity)
}

.submenu_image_holder .submenu_image img {
    height: 100%
}

.submenu_image_desc,.submenu_image_desc a,.submenu_image_title {
    color: var(--text-color);
    position: relative;
    z-index: 1
}

.submenu_image_info {
    max-width: 100%
}

.submenu_image_info * {
    margin-bottom: 10px;
    max-width: 100%
}

.submenu_image_info :last-child {
    margin-bottom: 0
}

.submenu_image_desc p {
    margin: 0 0 10px
}

.submenu_image_desc p:last-child {
    margin: 0
}

.submenu_image_holder+.submenu_link_list_holder {
    margin-top: 40px
}

.submenu_image_button .btn {
    width: 100%
}

.submenu_image_info .btn {
    margin-top: 26px
}

.header_drawer_holder {
    background: var(--color-white);
    height: 100vh;
    height: 100dvh;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.header_drawer_holder,.section-header {
    transition: var(--default-transition)
}

.header_drawer_holder .navigation_item.menu_mobile_click {
    border-bottom: 1px solid var(--color-grey-medium);
    font-size: var(--font-size-body);
    padding: 20px 15px
}

.navigation_item_arrow {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.navigation_item_arrow svg {
    height: 12px;
    width: 9px
}

.navigation_item_arrow svg path {
    fill: var(--color-grey-dark)
}

.mobile_navigation_opener .mobile_navigation_icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.mobile_navigation_opener .mobile_navigation_icon svg {
    height: 16px;
    width: 16px
}

.mobile_navigation_opener .mobile_navigation_icon.mobile_navigation_icon_close svg {
    height: 13px;
    width: 13px
}

.navigation-icon-powered-by-shelly,.navigation-icon-works-with-shelly {
    height: 41px;
    width: 56px
}

#cart-icon-bubble {
    position: relative
}

#cart-icon-bubble .cart-count-bubble {
    background: var(--color-blue-medium);
    border-radius: var(--full-border-radius);
    bottom: unset;
    color: var(--color-white);
    font-size: 9px;
    height: 16px;
    left: 13px;
    line-height: unset;
    top: -5px;
    width: 16px
}

.navigation_item_submenu_border {
    background-color: var(--color-grey-medium);
    height: 1px;
    margin-bottom: 15px;
    margin-top: -15px;
    order: 0;
    width: 100%
}

.navigation_item_submenu.navigation_items_flex .navigation_item_submenu_border {
    order: 1
}

.navigation_holder .localization-wrapper {
    color: var(--color-black);
    gap: 6px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 20px;
    transition: var(--default-transition);
    z-index: 2
}

.navigation_holder .localization-wrapper #AnnouncementCountryLabel {
    display: none
}

.navigation_holder .localization-wrapper .disclosure {
    position: unset
}

.navigation_holder .localization-wrapper .disclosure>button {
    background: var(--color-grey-light);
    border-radius: 3px;
    padding: 10px
}

.navigation_holder .localization-wrapper .disclosure>button svg path {
    fill: var(--color-black)
}

.navigation_holder predictive-search {
    left: 50%;
    opacity: 0;
    padding: 0 74px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%);
    transition: var(--default-transition);
    width: 100%;
    z-index: 1
}

.navigation_holder predictive-search.active {
    opacity: 1;
    pointer-events: all
}

.navigation_holder:has(predictive-search.active) .mobile_navigation_opener,.navigation_holder:has(predictive-search.active) .navigation_logo,.navigation_holder:has(predictive-search.active) .navigation_menu {
    opacity: 0;
    pointer-events: none
}

body.mobile_menu_open .section-header {
    background: var(--color-white)
}

body.menu_open {
    overflow: hidden
}

body.mobile_menu_open .header_drawer_holder {
    opacity: 1;
    pointer-events: all
}

body.mobile_menu_open .navigation_holder {
    box-shadow: none
}

body.mobile_menu_open .navigation_logo {
    opacity: 0;
    pointer-events: none
}

body.mobile_menu_open .mobile_navigation_opener {
    background: var(--color-blue-primary)
}

body.mobile_menu_open .mobile_navigation_opener .mobile_navigation_icon_close {
    opacity: 1
}

body.mobile_menu_open .mobile_navigation_opener .mobile_navigation_icon_menu {
    opacity: 0
}

body.mobile_menu_open .navigation_menu_right .navigation_icons {
    opacity: 0;
    pointer-events: none
}

body.mobile_menu_open .navigation_menu_right .localization-wrapper {
    opacity: 1;
    pointer-events: all
}

.navigation_holder.test-new-mobile {
    display: none
}

.navigation_item_submenu_title {
    min-width: 100%
}

@media (min-width: 990px) and (max-width:1200px) {
    .navigation_menu .navigation_item_holder>.navigation_item {
        font-size:var(--font-size-caption)
    }
}

@media (min-width: 990px) {
    .navigation_item:hover,.navigation_item_holder:hover>.navigation_item {
        color:var(--color-blue-primary)
    }

    .mobile_navigation_opener,.navigation_item_arrow {
        display: none
    }

    .navigation_item_holder:hover .navigation_item_dropdown_links_holder,.navigation_item_holder:hover .navigation_item_megamenu_holder {
        opacity: 1;
        pointer-events: all
    }

    .navigation:has(.navigation_item_holder:hover .navigation_item_dropdown_links_holder):after,.navigation:has(.navigation_item_holder:hover .navigation_item_megamenu_holder):after {
        opacity: 1
    }

    .navigation_item_holder:not(.navigation_item_holder_link):hover>.navigation_item:after {
        opacity: 1
    }

    .menu_mobile_click.menu_mobile_close,.navigation_holder .localization-wrapper,.navigation_item_submenu_border {
        display: none
    }

    .navigation:has(predictive-search.active):after {
        opacity: 1;
        pointer-events: none
    }

    .navigation:has(predictive-search.active) .navigation-background-blur {
        opacity: 1;
        pointer-events: all
    }

    .navigation_item_submenu.navigation_item_submenu_rows {
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .navigation_item_submenu.navigation_item_submenu_rows>div {
        flex: 1 1 0
    }

    .submenu_link_list_child {
        -moz-column-count: var(--grid);
        column-count: var(--grid)
    }
}

@media (max-width: 989px) {
    .navigation_holder .localization-wrapper .disclosure button {
        height:39px
    }

    .navigation_holder {
        border-radius: 5px
    }

    .search__input.field__input {
        padding-right: 2rem
    }

    .hide-mobile {
        display: none
    }

    .navigation_item_submenu {
        background: var(--background-mobile)
    }

    .navigation_menu_left {
        display: none
    }

    .navigation_menu_right {
        padding-right: 8px
    }

    .navigation_menu_right .navigation_item_holder {
        display: none
    }

    .navigation_holder {
        grid-template-columns: .1fr 1fr 1fr;
        padding: 5px
    }

    .navigation_logo {
        justify-self: flex-start;
        max-width: 73px
    }

    .navigation_icons {
        gap: 14px
    }

    .submenu_icons_with_text_icon img {
        max-width: var(--size-mobile)
    }

    .submenu_icons_with_text_items {
        grid-template-columns: repeat(var(--grid-mobile),1fr)
    }

    .navigation_item_dropdown_links_holder,.navigation_item_megamenu_holder,.navigation_item_megamenu_holder.page-width.page-width-small-padding {
        background: var(--color-white);
        border-radius: 0;
        box-shadow: none;
        height: 80vh;
        height: 80dvh;
        left: 0;
        opacity: 1;
        padding-bottom: 40px;
        padding-top: 0;
        top: 0;
        transform: translate(100%);
        width: 100%;
        z-index: 1
    }

    .navigation_item.active+.navigation_item_dropdown_links_holder,.navigation_item.active+.navigation_item_megamenu_holder {
        pointer-events: all;
        transform: translate(0)
    }

    .navigation_item_dropdown_links,.navigation_item_megamenu_submenus {
        box-shadow: none;
        flex-wrap: wrap;
        height: 100%;
        overflow: auto;
        padding: 0 0 20px;
        width: 100%
    }

    .navigation_item_submenu {
        border-radius: var(--default-border-radius);
        margin-bottom: 15px;
        padding: 15px;
        width: 100%
    }

    .navigation_item_submenu:last-child {
        margin-bottom: 0
    }

    .navigation_item.menu_mobile_click {
        align-items: center;
        display: flex;
        gap: 10px;
        justify-content: space-between
    }

    .navigation_item.menu_mobile_click.menu_mobile_close {
        border: none;
        flex-direction: row-reverse;
        justify-content: flex-end
    }

    .navigation_item.menu_mobile_click.menu_mobile_close svg {
        transform: rotate(180deg)
    }

    .navigation_item_holder {
        position: unset
    }

    .navigation_item_dropdown_links_holder {
        padding: 0 15px
    }

    .submenu_link_list_holder .submenu_link_list {
        -moz-column-count: unset;
        column-count: unset;
        display: flex;
        flex-direction: column
    }

    .submenu_link_list_holder .navigation_item_link_list_item.submenu_link_list_item {
        padding-bottom: 0;
        width: 100%
    }

    .submenu_image_holder {
        min-height: 180px
    }

    .submenu_image_holder+.submenu_link_list_holder {
        margin: 0
    }

    .navigation_item_submenu.navigation_items_flex {
        flex-direction: column-reverse
    }

    .submenu_icons_with_text_button {
        margin-top: 20px
    }

    .submenu_icons_with_text_button .btn {
        max-width: 100%;
        width: 100%
    }

    .submenu_image_info .btn {
        margin-top: 16px;
        width: auto
    }

    .navigation_item_submenu:has(.submenu_link_list_holder .navigation_item_submenu_title) .navigation_item_submenu_border,.navigation_item_submenu_title+.navigation_item_submenu_border {
        display: none
    }

    .navigation_holder predictive-search {
        padding: 0 24px
    }

    .section-header:has(predictive-search.active) {
        background: var(--color-white)
    }

    .section-header:has(predictive-search.active) .navigation_holder {
        box-shadow: none
    }

    .navigation_holder predictive-search .navigation_icon_search_close {
        display: block
    }

    .navigation_menu .localization-wrapper #AnnouncementCountryForm .disclosure button {
        font-size: 0
    }

    .navigation_holder.test-new-mobile {
        box-shadow: 0 0 3px 1px var(--color-grey-medium-light);
        -moz-column-gap: 14px;
        column-gap: 14px;
        grid-template-areas: "drawer-opener logo menu" "search search search";
        padding-bottom: 10px;
        row-gap: 10px
    }

    .navigation_holder.test-new-mobile .btn.mobile_navigation_opener {
        grid-area: drawer-opener
    }

    .navigation_holder.test-new-mobile .navigation_logo {
        grid-area: logo
    }

    .navigation_holder.test-new-mobile.navigation_menu {
        grid-area: menu
    }

    .navigation_holder.test-new-mobile .mobile_navigation_opener {
        height: 36px;
        width: 36px
    }

    .navigation_holder.test-new-mobile predictive-search:not(.active) {
        grid-area: search;
        opacity: 1;
        padding: 0;
        pointer-events: all;
        position: unset;
        transform: unset;
        visibility: visible
    }

    .navigation_holder.test-new-mobile predictive-search .field .field_icon {
        background: var(--color-white);
        height: 29px;
        left: unset;
        right: 5px;
        width: 29px
    }

    .navigation_holder.test-new-mobile predictive-search:not(.active) .navigation_icon_search_close {
        display: none
    }

    .navigation_holder.test-new-mobile predictive-search.active .field .field_icon {
        left: 5px;
        right: unset
    }

    .navigation_holder.test-new-mobile predictive-search.active .search__input.field__input {
        padding-left: 35px
    }

    .navigation_holder.test-new-mobile predictive-search .field__input.has_icon {
        background: var(--color-grey-extralight-second);
        border: 1px solid var(--color-grey-extralight-third);
        padding: 6px 8px 6px 16px
    }

    .navigation_holder.test-new-mobile predictive-search .field__input.has_icon::-moz-placeholder {
        color: var(--color-grey-medium-dark);
        font-size: var(--font-size-caption-mobile);
        font-weight: var(--font-weight-regular)
    }

    .navigation_holder.test-new-mobile predictive-search .field__input.has_icon::placeholder {
        color: var(--color-grey-medium-dark);
        font-size: var(--font-size-caption-mobile);
        font-weight: var(--font-weight-regular)
    }

    .navigation_holder.test-new-mobile .navigation_icon_search {
        display: none
    }

    .test-new-mobile predictive-search .field {
        gap: 5px
    }

    .navigation_holder.test-new-mobile predictive-search:not(.active) .predictive-search {
        opacity: 0;
        pointer-events: none
    }

    .navigation_holder.test-new-mobile predictive-search[open] {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .navigation_holder.test-new-mobile predictive-search[open] .predictive-search-content {
        padding-bottom: 24px
    }

    .navigation_holder.test-new-mobile .navigation_icon_search_close svg {
        stroke-width: 2px
    }

    .navigation_holder.test-new-mobile .navigation_icon_search_close svg path {
        stroke: var(--color-black)
    }
}

.scroll-height-step {
    display: flex;
    height: auto;
    margin-left: auto;
    padding-right: 0;
    width: 100%
}

.steps-section.page-width {
    margin-left: 0;
    margin-right: 0
}

.image-step-container {
    display: flex;
    height: 100vh;
    justify-content: flex-end;
    position: sticky;
    top: 0;
    width: 100%
}

.step-image-container {
    z-index: var(--step-z-index)
}

.step-images-container {
    height: 459px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 476px
}

.relative-step-container {
    border-radius: 18px;
    height: 459px;
    overflow: hidden;
    position: relative;
    width: 476px
}

.step-image-container {
    position: absolute
}

div.step-active-first {
    color: var(--color-white)
}

.black-steps-theme div.step-active-first {
    color: var(--color-black)
}

.step-images-container {
    display: block
}

.image-container {
    height: 459px;
    overflow: hidden;
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    width: 476px
}

.gradient-background-step .background-snippet {
    position: absolute
}

section.steps-section {
    position: relative
}

.gradient-background-step {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.gradient-background-step svg {
    overflow: visible
}

.step-button {
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 30px
}

.step-text-container .heading-tag {
    margin-bottom: 20px
}

.step-count-header {
    align-items: center;
    display: flex;
    gap: 20px
}

.step-count-header span {
    color: var(--color-white)
}

.black-steps-theme .step-count-header span {
    color: var(--color-black)
}

.step-count-header {
    margin-bottom: 30px
}

.step-counter-icon img {
    height: 21px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 21px
}

.step.step-active {
    color: var(--color-white)
}

.pagination-steps-line {
    background: var(--color-white)
}

.black-steps-theme .pagination-steps-line {
    background: var(--color-black)
}

.pagination-steps-line-container {
    background: var(--color-white-transparent);
    height: 86.354px;
    width: 1px
}

.black-steps-theme .pagination-steps-line-container {
    background: var(--color-black-transparent)
}

.step {
    color: var(--color-white-transparent);
    transform: rotate(-90deg)
}

.black-steps-theme .step {
    color: var(--color-black-transparent)
}

.black-steps-theme .step.step-active {
    color: var(--color-black)
}

.steps {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center
}

div.steps-section {
    padding-left: 0
}

.sidebar,.steps-sidebar-container {
    display: flex
}

.sidebar {
    align-items: center;
    height: 100vh;
    justify-content: center;
    padding: 20px 20px 20px 0;
    position: sticky;
    top: 0
}

.steps-container {
    display: flex;
    flex-direction: column;
    padding-left: 7%;
    width: 100%
}

.step-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 100vh;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.step-text-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    max-width: 395px;
    width: 100%
}

.step-image-container {
    height: 459px;
    overflow: hidden;
    width: 476px
}

.step-image-container img {
    height: 489px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.mobile-step .step-slide {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 14px
}

.step-pagination,.steps-swiper-pagination-container {
    align-items: center;
    color: var(--color-white);
    display: flex;
    gap: 14px;
    justify-content: center;
    width: 100%
}

.black-steps-theme .step-pagination {
    color: var(--color-black-transparent)
}

.black-steps-theme .pagination-line {
    background: var(--color-black)
}

.steps-swiper-pagination-container>:first-child {
    width: -moz-fit-content;
    width: fit-content
}

.pagination-line {
    background: var(--color-white);
    height: 1px;
    width: 85px;
    width: 100%
}

.step-pagination {
    color: var(--color-white);
    margin-top: 44px;
    opacity: .4
}

.step-pagination.active {
    opacity: 1
}

.mobile-step .step-slide.last-slide {
    padding-right: 14px
}

.step-slide-image {
    height: 322px;
    width: 100%
}

.step-slide {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.steps-section .swiper {
    height: 100%;
    width: 100%
}

.steps-section .swiper-slide {
    display: flex;
    width: 85%
}

.step-slide-image img {
    border-radius: 18px;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.mobile-step {
    display: none
}

@media screen and (max-width: 989px) {
    .desktop-step {
        display:none
    }

    .mobile-step {
        display: block
    }

    .step-count-header {
        margin-bottom: 14px
    }

    .step-button {
        margin-top: 20px
    }

    .step-text-container .heading-tag {
        margin-bottom: 12px
    }
}

.two-col-video-bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.two-col-section-heading {
    margin-bottom: 30px
}

div.bg-gradient-two-col {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.two-col-arrow-icon-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    transition: var(--default-transition);
    width: 100%
}

.two-col-content-container {
    display: flex;
    gap: 22px;
    height: 100%;
    width: 100%
}

.two-col-content-entry {
    align-items: flex-end;
    border-radius: 18px;
    display: flex;
    flex: 1;
    justify-content: flex-start;
    min-height: 633px;
    overflow: hidden;
    padding: 26px 80px 26px 35px;
    position: relative
}

.two-col-entry-arrow {
    border: 1px solid var(--color-white);
    bottom: 26px;
    padding: 15px;
    position: absolute;
    right: 26px;
    fill: var(--background-transperent-black);
    backdrop-filter: blur(3px);
    border-radius: 50%;
    box-shadow: var(--shadow-white-spread);
    cursor: pointer;
    filter: drop-shadow(var(--shadow-light));
    height: 54px;
    width: 54px
}

.two-col-entry-arrow.black {
    border: 1px solid var(--color-black);
    box-shadow: var(--shadow-black-spread);
    filter: drop-shadow(var(--shadow-dark));
    fill: var(--background-transperent-white)
}

.two-col-entry-arrow.black svg path {
    fill: var(--color-black)
}

.two-col-entry-arrow svg {
    height: 17px;
    width: 17px
}

.background-two-col {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.background-two-col img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.two-col-url {
    text-decoration: none
}

.two-col-url img {
    transition: var(--default-transition)
}

@media screen and (min-width: 990px) {
    .two-col-url:hover img {
        scale:1.05
    }

    .two-col-url:hover .two-col-arrow-icon-container {
        rotate: 45deg
    }
}

.bg-gradient-two-col {
    background: linear-gradient(0deg,var(--bg-gradient-color) 0,transparent 100%);
    z-index: 1
}

@media screen and (max-width: 989px) {
    .two-col-content-container {
        flex-direction:column;
        min-height: 321px
    }

    .two-col-section-heading {
        margin-bottom: 25px
    }

    .two-col-entry-arrow {
        padding: 10px
    }

    .two-col-entry-arrow svg {
        height: 12px;
        width: 12px
    }

    .two-col-content-entry {
        min-height: 321px;
        padding: 16px 52px 16px 18px
    }
}

.arrow-icon-metric-action {
    position: absolute;
    right: 24px;
    top: 24px
}

.action-block {
    background: var(--gradient-blue-transparent);
    border-radius: 10px;
    grid-column: span 2;
    padding: 16px 20px;
    position: relative
}

a.action-block-link {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: space-between;
    text-decoration: none
}

.action-block-title {
    color: var(--color-white);
    margin: 0
}

.metric-action-icon img {
    height: -moz-fit-content;
    height: fit-content;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.metric-action-icon {
    max-width: 103px;
    width: 100%
}

.metric-section-grid-container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 8px;
    width: 100%
}

.metric-block {
    background: var(--gradient-lightblue-transparent);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
    padding: 14px
}

.metric-value {
    background: var(--gradient-blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (min-width: 786px) {
    .action-block {
        flex:1.4
    }

    .metric-section-grid-container {
        display: flex
    }

    .metric-block {
        flex: 1
    }
}

.hero-slide-btn-container {
    display: flex;
    gap: 20px
}

.bottom-navigation-container-hero {
    align-items: center;
    bottom: 60px;
    display: flex;
    gap: 30px;
    justify-content: center;
    position: absolute;
    right: 30px;
    z-index: 2
}

.hero-section .heroSectionSwiperContainer {
    height: 100%;
    width: 100%
}

.hero-section .heroSectionSwiperContainer .hero-slider-slide {
    z-index: 1
}

.hero-section :is(.subheadline,.caption p) {
    margin: 0
}

.hero-section {
    height: 100%;
    position: relative;
    width: 100%
}

.heading-content-container {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.hero-section:has(.hero-slider-slide.swiper-slide-active.navigation-arrows-color-light) .hero-pagination-btn {
    backdrop-filter: blur(6px);
    background-color: hsla(0,0%,100%,.129);
    border: 1px solid var(--color-grey-extralight);
    box-shadow: 0 0 6px 0 hsla(0,0%,100%,.6)
}

.hero-section:has(.hero-slider-slide.swiper-slide-active.navigation-arrows-color-dark) .hero-pagination-btn svg path {
    fill: var(--slate-black)
}

.hero-section:has(.hero-slider-slide.swiper-slide-active.navigation-arrows-color-dark) .hero-pagination-btn {
    backdrop-filter: blur(6px);
    background-color: var(--background-transperent-black-3);
    border: 1px solid var(--slate-black);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.6)
}

.hero-pagination-btn {
    border-radius: 50%;
    cursor: pointer;
    height: -moz-fit-content;
    height: fit-content;
    padding: 25.5px;
    transition: var(--default-transition);
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width: 990px) {
    .hero-section:has(.hero-slider-slide.swiper-slide-active.navigation-arrows-color-light) .hero-pagination-btn:hover {
        background-color:var(--background-transperent-black-3)
    }

    .hero-section:has(.hero-slider-slide.swiper-slide-active.navigation-arrows-color-dark) .hero-pagination-btn:hover {
        background-color: rgba(0,0,0,.15)
    }
}

.hero-section .hero-slider-slide {
    align-items: center;
    background: var(--color-black);
    display: flex;
    font-size: 18px;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%
}

.hero-slide {
    height: 730px
}

.native-height-image.hero-slide-background {
    height: auto;
    width: 100%
}

.hero-slide-background {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.hero-section .hero-slider-slide .hero-slide-background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hero-content-wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

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

.slide-description p {
    font-size: var(--font-size-body)
}

.slide-description {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.left-text-alignment {
    align-items: flex-start;
    text-align: left
}

.right-text-alignment {
    align-items: flex-end;
    text-align: right
}

.center-text-alignment {
    align-items: center;
    text-align: center
}

.hero-slide {
    display: flex;
    position: relative
}

.hero-slide-inner-container {
    --aspect-ratio-desktop: initial;
    --aspect-ratio-mobile: initial;
    aspect-ratio: var(--aspect-ratio-desktop);
    display: flex
}

.hero-slide-inner-container.main-col .slide-text-content {
    max-width: var(--text_content_max_width)
}

.hero-slide-inner-container.second-col .slide-text-content {
    max-width: var(--text_content_max_width_second_col)
}

.hero-slide-inner-container.main-col .slide-text-content {
    height: -moz-fit-content;
    height: fit-content;
    left: var(--content_horizontal_align_desktop);
    position: absolute;
    top: var(--content_vertical_align_desktop);
    transform: translate(calc(var(--content_horizontal_align_desktop)*-1),calc(var(--content_vertical_align_desktop)*-1));
    width: 100%
}

.hero-slide-inner-container.second-col .slide-text-content {
    height: -moz-fit-content;
    height: fit-content;
    left: var(--content_horizontal_align_second_col_desktop);
    position: absolute;
    top: var(--content_vertical_align_second_col_desktop);
    transform: translate(calc(var(--content_horizontal_align_second_col_desktop)*-1),calc(var(--content_vertical_align_second_col_desktop)*-1));
    width: 100%
}

.slide-text-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    position: relative;
    z-index: 1;
    z-index: 9
}

.hero-slider-btn {
    border-radius: 8px;
    cursor: pointer;
    padding: 14px 67px;
    text-decoration: none
}

.hero-slide-inner-container {
    height: 100%;
    position: relative;
    width: 100%
}

@media screen and (min-width: 989px) {
    .desktop-native-height-ratio {
        height:auto
    }

    .hero-section .swiper-slide.desktop-native-height-ratio {
        height: 100%;
        justify-content: flex-start;
        min-height: 100%
    }

    .hero-slide .slide-text-content.center-text-alignment * {
        margin: 0 auto
    }

    .hero-slide .slide-text-content.right-text-alignment * {
        margin-left: auto
    }

    .hero-slide .slide-text-content.left-text-alignment * {
        margin-right: auto
    }
}

@media screen and (max-width: 989px) {
    .hero-slide-inner-container.main-col .slide-text-content {
        max-width:var(--text_content_max_width_mobile)
    }

    .hero-slide-inner-container.second-col .slide-text-content {
        max-width: var(--text_content_max_width_second_col_mobile)
    }

    .hero-slide-btn-container {
        flex-direction: column;
        gap: 10px
    }

    .hero-section .hero-slider-slide.mobile-native-height-ratio {
        height: auto;
        min-height: auto
    }

    .hero-section .hero-slider-slide {
        display: grid;
        gap: 0;
        grid-template-columns: 1fr
    }

    .left-text-alignment-mobile {
        align-items: flex-start;
        text-align: left
    }

    .right-text-alignment-mobile {
        align-items: flex-end;
        text-align: right
    }

    .center-text-alignment-mobile {
        align-items: center;
        text-align: center
    }

    .hero-slide-inner-container.main-col .slide-text-content {
        left: var(--content_horizontal_align_mobile);
        top: var(--content_vertical_align_mobile);
        transform: translate(calc(var(--content_horizontal_align_mobile)*-1),calc(var(--content_vertical_align_mobile)*-1))
    }

    .hero-slide-inner-container.second-col .slide-text-content {
        left: var(--content_horizontal_align_second_col_mobile);
        top: var(--content_vertical_align_second_col_mobile);
        transform: translate(calc(var(--content_horizontal_align_second_col_mobile)*-1),calc(var(--content_vertical_align_second_col_mobile)*-1))
    }

    .hero-slide .slide-text-content.center-text-alignment-mobile * {
        margin: 0 auto
    }

    .hero-slide .slide-text-content.right-text-alignment-mobile * {
        margin-left: auto
    }

    .hero-slide .slide-text-content.left-text-alignment-mobile * {
        margin-right: auto
    }

    .hero-section .heroSectionSwiperContainer {
        height: -moz-fit-content;
        height: fit-content
    }

    .hero-section .hero-slider-slide.mobile-native-height-ratio {
        height: 100%;
        justify-content: flex-start;
        min-height: 100%
    }

    .hero-slide-inner-container {
        aspect-ratio: var(--aspect-ratio-mobile)
    }

    .hero-slider-slide {
        flex-direction: column
    }

    .hero-slide {
        height: 100vh;
        min-height: 630px
    }

    div.hero-slide-inner-container div.slide-text-content {
        padding: 0 1.5rem
    }

    .slide-description p {
        font-size: var(--font-size-body-mobile)
    }

    div.hero-pagination-btn {
        display: none
    }
}

.hero-slide-gradiant-background {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.description-highlite-slide {
    font-weight: 700
}

.slide-text-content-badge {
    font-weight: 800
}

.hero-slide-background:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.main-col .hero-slide-background img {
    position: relative;
    z-index: 0
}

.hero-slide-background {
    position: absolute
}

div.hero-slide-gradiant-background {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.navigation-icon-container {
    height: 20px;
    width: 20px
}

.hero-pagination-btn.swiper-button-prev svg {
    transform: rotate(180deg)
}

.hero-pagination-btn {
    position: absolute;
    top: 50%;
    z-index: 3
}

.hero-pagination-btn.static {
    position: static
}

.hero-pagination-btn.swiper-button-next {
    right: 48px
}

.hero-pagination-btn.swiper-button-prev {
    left: 48px
}

div.hero-pagination-btn.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

div.hero-pagination-btn.swiper-button-disabled.static {
    opacity: .6
}

.hero-pagination-btn.swiper-button-prev {
    opacity: 1;
    pointer-events: all;
    transition: var(--default-transition)
}

.remove-padding-right div.slide-text-content {
    padding-right: 0
}

.remove-padding-left div.slide-text-content {
    padding-left: 0
}

.hero-section div:empty {
    display: block
}

.hero-swiper-pagination {
    display: flex;
    gap: 12px
}

@keyframes widen {
    0% {
        width: 0
    }

    to {
        width: 76px
    }
}

.hero-swiper-pagination.autoplay-active .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: hsla(0,0%,100%,.32)!important;
    border-radius: 100px;
    position: relative;
    width: 76px!important;
    z-index: 1
}

.hero-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-white)
}

.hero-swiper-pagination .swiper-pagination-bullet {
    background-color: hsla(0,0%,100%,.32);
    border-radius: 50%;
    display: block!important;
    height: 6px!important;
    transition: var(--default-transition);
    width: 6px!important
}

.hero-swiper-pagination.autoplay-active .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    animation: widen 2.5s linear forwards;
    background-color: var(--color-white);
    border-radius: 100px;
    content: "";
    height: 6px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    z-index: 2
}

.popover-content-mobile .hero-slider-btn {
    padding: 13px 40px
}

.popover-content-mobile .text-container-inner-popover {
    text-align: center
}

@media screen and (max-width: 768px) {
    .bottom-navigation-container-hero {
        bottom:10px;
        right: 50%;
        transform: translateX(50%)
    }

    .slide-text-content {
        padding: 144px 178px 70px 1.5rem
    }
}

.close-btn-popover {
    height: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px
}

@keyframes pulseHotSpot {
    0% {
        transform: translate(-50%,-50%) scale(1)
    }

    50% {
        transform: translate(-50%,-50%) scale(1.2)
    }

    to {
        transform: translate(-50%,-50%) scale(1)
    }
}

.content-text-popover p {
    color: var(--color-gery-dark);
    font-size: var(--font-size-caption-small);
    line-height: var(--line-height-text)
}

.product-image-popover-content {
    position: absolute;
    top: -35px;
    width: 71px
}

.product-image-popover-content img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.popover-title {
    font-weight: 700
}

.popover-content {
    align-items: center;
    background-color: var(--color-white);
    border-radius: 10px;
    box-shadow: var(--shadow-white);
    box-sizing: border-box;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    padding: 40px 20px 16px;
    position: relative;
    text-align: center;
    width: 200px
}

.btn-popover {
    width: -moz-fit-content;
    width: fit-content
}

:is(.popover-content,.popover-content-mobile) .hero-slider-btn {
    background: linear-gradient(90deg,#4594d1,#003c82);
    color: var(--color-white);
    font-weight: 700;
    padding: 9px 30px
}

.popover-trigger {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 19px;
    padding: 0;
    position: relative;
    width: 19px
}

.popover-trigger:before {
    backdrop-filter: blur(6px);
    border-radius: 50%;
    z-index: -1
}

.popover-trigger:after,.popover-trigger:before {
    animation: pulseHotSpot 2s infinite;
    content: "";
    height: 41px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 41px
}

.popover-trigger:after {
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 5px hsla(0,0%,100%,.75);
    z-index: 1
}

.popover-container {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

x-popover {
    position: absolute;
    z-index: 1000
}

.popover-content {
    display: none;
    position: absolute
}

.popover-content.active {
    display: flex
}

.text-container-inner-popover {
    display: flex;
    flex-direction: column
}

.text-container-inner-popover .h5 {
    font-size: var(--font-size-h5)
}

div.product-image-popover-content-mobile {
    height: 126px;
    top: -20%;
    width: 164px
}

div.product-image-popover-content-mobile img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.popover-fixed {
    bottom: 0;
    height: -moz-fit-content;
    height: fit-content;
    position: fixed;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 999
}

.popover-content-mobile {
    display: none
}

.popover-content-mobile.active {
    display: flex;
    flex-direction: column
}

.popover-content-mobile.active:after {
    backdrop-filter: blur(3px);
    background: var(--color-black-transparent);
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.popover-content-mobile {
    align-items: center;
    background-color: var(--color-white);
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    flex-direction: column;
    gap: 24px;
    height: 50vh;
    justify-content: center;
    padding: 22% 14% 12%;
    position: relative;
    width: 100%
}

@media screen and (max-width: 989px) {
    .popover-trigger {
        height:15px;
        width: 15px
    }

    .popover-content.active {
        display: none
    }

    .content-text-popover p {
        font-size: var(--font-size-body-mobile);
        margin: 0
    }

    .popover-trigger:after,.popover-trigger:before {
        height: 32px;
        width: 32px
    }
}

.compatability {
    align-items: stretch;
    display: flex;
    min-height: 720px;
    position: relative
}

.compatability .caption {
    letter-spacing: normal
}

.compatability .text-body {
    line-height: var(--line-height-text-loose)
}

.compatability .background-container:not(.background-gradient) {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.compatability .width-container:not(.full-width:not(.side-image)) .background-container:not(.background-gradient),.compatability .width-container:not(.full-width:not(.side-image)) .background-container:not(.background-gradient)>picture,.compatability .width-container:not(.full-width:not(.side-image))+.background-container:not(.background-gradient),.compatability .width-container:not(.full-width:not(.side-image))+.background-container:not(.background-gradient)>picture {
    border-radius: 18px;
    overflow: hidden
}

.compatability .background-container img {
    height: 100%
}

.compatability .page-width {
    width: 100%;
    z-index: 1
}

.compatability .content {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 60px;
    position: relative
}

.compatability .width-container:not(.full-width) .content {
    height: 100%
}

.compatability .content-wrapper {
    width: -moz-fit-content;
    width: fit-content
}

.relative-container {
    position: relative
}

.width-container:not(.side-image) .background-container .cover,.width-container:not(.side-image)+.background-container .cover {
    background: var(--gradient-black-right);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.compatability .compatabilities {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin-top: 100px;
    width: 100%
}

.icon-large-compatability :is(img,svg) {
    height: 100%;
    min-width: 35px;
    width: 100%
}

.compatability .compatabilities picture {
    height: auto;
    width: 23px
}

.compatability .bg-icon-blur svg {
    height: 100%;
    width: 100%
}

.compatability .compatabilities picture img {
    -o-object-fit: contain;
    object-fit: contain
}

.compatability .background-snippet {
    min-height: unset
}

.compatability .compatabilities>* span {
    font-size: var(--font-size-caption-mobile);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-loose);
    padding: 2px;
    text-align: center;
    text-decoration: none;
    word-break: break-all
}

.compatability .compatabilities>* picture+span,.compatability .compatabilities>* svg+span {
    font-size: var(--font-size-caption-small);
    font-weight: var(--font-weight-regular);
    word-break: normal
}

.compatability .compatabilities>* {
    align-items: center;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    height: 80px;
    justify-content: center;
    text-decoration: none;
    width: 80px
}

.compatability .compatabilities .theme-white {
    background: var(--gradient-white-light);
    color: var(--color-black);
    padding-bottom: 5px;
    padding-top: 13px
}

.compatability .compatabilities .theme-black {
    background: var(--gradient-black-light);
    border: .2px solid var(--color-grey-extradark);
    color: var(--color-white)
}

.compatability .compatabilities .theme-gradient {
    background: var(--background-blue-gradient);
    color: var(--color-white)
}

.compatability .compatabilities .theme-white picture+span,.compatability .compatabilities .theme-white svg+span {
    color: var(--color-grey-extradark)
}

.compatability .width-container.side-image .content {
    align-items: center;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between
}

.compatability .width-container.side-image .background-container:not(.background-gradient),.compatability .width-container.side-image+.background-container:not(.background-gradient) {
    flex-grow: 1;
    position: relative;
    width: auto;
    z-index: 1
}

.compatability .width-container.side-image .content-container {
    flex-basis: 40%;
    flex-shrink: 0
}

.compatability .width-container.side-image .cover {
    display: none
}

.compatability .width-container.side-image .content {
    padding: 0
}

.compatability .width-container.side-image .compatabilities {
    gap: 20px;
    justify-content: flex-start;
    margin-top: 50px
}

.compatability .content.width-container.side-image.full-width {
    align-items: flex-start;
    flex-basis: 550px;
    flex-shrink: 0
}

.compatability .content.width-container.side-image.full-width+.background-container {
    height: unset;
    margin-right: 60px
}

@media screen and (max-width: 989px) {
    .compatability .width-container.side-image .content,.compatability:has(>.width-container.full-width.side-image) {
        flex-direction:column-reverse;
        gap: 20px
    }

    .compatability .content.width-container.side-image.full-width+.background-container {
        margin: 0 auto;
        padding: 0 5rem
    }

    .compatability .content.width-container.side-image.full-width {
        flex-basis: auto;
        padding: 0 5rem
    }

    .compatability .width-container.side-image .content-container {
        flex-basis: unset;
        width: 100%
    }

    .compatability .compatabilities {
        margin-top: 30px
    }

    .compatability .width-container.side-image .background-container:not(.background-gradient) {
        height: 340px;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .compatability .content.width-container.side-image.full-width+.background-container {
        align-items:stretch;
        display: flex;
        padding: 0 1rem
    }

    .compatability .content.width-container.side-image.full-width+.background-container picture {
        height: unset
    }

    .compatability .content.width-container.side-image.full-width {
        padding: 0 1rem
    }

    .compatability .width-container:not(.side-image) .content,.compatability .width-container:not(.side-image).content {
        align-items: center;
        justify-content: center;
        padding: 16px;
        text-align: center
    }

    .compatability .compatabilities {
        gap: 10px;
        justify-content: center;
        margin-top: 40px;
        width: 100%
    }

    .compatability .compatabilities>* {
        flex-basis: 100%;
        height: 72px;
        max-width: 72px
    }

    .compatability .compatabilities picture {
        width: 18px
    }

    .compatability .compatabilities>* span {
        font-size: var(--font-size-caption-mobile-s);
        font-weight: var(--font-weight-regular)
    }

    .compatability .compatabilities>* picture+span,.compatability .compatabilities>* svg+span {
        font-size: var(--font-size-caption-small-mobile)
    }

    .background-container:not(.side-image) .cover {
        background-color: var(--color-black-transparent)
    }

    .icon-large-compatability {
        scale: .7
    }
}

.solutions-section {
    height: 100vh;
    height: 100svh;
    padding: 40px 0;
    position: relative
}

.section-solutions {
    overflow: clip
}

.section-solutions .background-snippet {
    height: 100vh;
    min-height: unset;
    z-index: -1
}

.sticky-background .background-snippet svg {
    height: 100vh;
    width: 100%
}

.section-solutions .sticky-background {
    height: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: -1
}

.solutions-section .solutions {
    display: flex;
    gap: 15px;
    height: 100%;
    margin: 30px 0 0
}

.solutions-section .solutions-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.solutions-section .solution {
    align-items: center;
    border-radius: 14px;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transition: flex .8s cubic-bezier(.29,0,.2,1);
    will-change: flex
}

.solutions-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.solutions-section picture {
    position: static
}

.solutions-section .background-container img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.solutions-section .background-container .cover {
    background: var(--gradient-black-transparent);
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.solutions-section .icon img {
    height: 48px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 48px
}

.solutions-section .content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 0;
    justify-content: center;
    opacity: 0;
    padding: 61px;
    position: absolute;
    transition: opacity .3s;
    width: min(645px,calc(100vw - 10rem - 400px));
    z-index: 1
}

.solutions-section .text-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.solutions-section .text-content :is(h1,h2,h3,h4,h5,h6) {
    margin-bottom: 13px;
    max-width: 300px
}

.solutions-section .text-content .btn {
    margin-top: 30px
}

.solutions-section .solution.active {
    flex: 6
}

.solutions-section .solution.active .content {
    height: auto;
    opacity: 1;
    transition: opacity .5s ease-in;
    transition-delay: .2s
}

.solutions-section .solution .active-icon {
    bottom: 68px;
    left: 50%;
    opacity: 1;
    position: absolute;
    transform: translate(-50%);
    transition: opacity .5s;
    z-index: 1
}

.solutions-section .solution.active .active-icon {
    opacity: 0;
    transition-delay: .2s
}

@media screen and (max-width: 989px) {
    .solutions-section {
        height:auto
    }

    .section-solutions .sticky-background {
        position: sticky
    }

    .solutions-section .solutions {
        flex-direction: column;
        gap: 8px;
        height: auto;
        position: sticky;
        transition: top .3s ease-in
    }

    .solutions-section .solution,.solutions-section .solution.active {
        align-items: center;
        flex: unset;
        height: 100vh;
        min-height: 60px;
        transition: none;
        will-change: auto
    }

    .solutions-section .solution .content,.solutions-section .solution.active .content {
        height: auto;
        opacity: 1;
        opacity: 0;
        padding: 6px 35px;
        position: static;
        transition: opacity .3s;
        transition-delay: 0s;
        width: auto
    }

    .solutions-section .solution .active-icon,.solutions-section .solution.active .active-icon {
        align-items: center;
        bottom: auto;
        display: flex;
        height: 100%;
        margin: auto 0;
        opacity: 0;
        top: 50%;
        top: 0;
        transition: opacity .3s;
        transition-delay: 0s
    }

    .solutions-section .solution .background-container img {
        height: calc(100vh - 16px)
    }

    .solutions-section>.background-container picture {
        height: 100vh;
        height: 100lvh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: -1
    }

    .solutions-section .solution .hide-content~.active-icon {
        opacity: 1
    }

    .solutions-section .solution .hide-content {
        transition: opacity .3s
    }

    .solutions-container {
        padding-bottom: 40px
    }
}

.text-section-badge-container img {
    width: -moz-fit-content;
    width: fit-content
}

.section-text {
    overflow: hidden;
    position: relative
}

.text-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style-position: inside;
    padding: 0;
    text-align: start;
    width: -moz-fit-content;
    width: fit-content
}

.text-section {
    position: relative
}

.text-section .background-snippet {
    min-height: unset;
    z-index: -1
}

.position-start,.position-start.mobile-text {
    margin: 16px auto 16px 0
}

.position-center,.position-center.mobile-text {
    margin: 16px auto
}

.position-end,.position-end.mobile-text {
    margin: 16px 0 16px auto
}

ol.text-list li::marker {
    color: var(--color-blue-primary)
}

.text-list.type-none li {
    align-items: flex-start;
    display: flex
}

.li-content {
    margin-left: 10px
}

.type-none {
    list-style: none
}

.heading-caption,.heading-text {
    max-width: var(--max-width)
}

.heading-caption,.heading-text,.subheadline {
    margin-top: var(--margin-top-desktop)
}

.text-section .heading-text {
    margin-bottom: 14px;
    margin-top: 14px
}

.text-list svg {
    flex-shrink: 0;
    margin-top: 2px
}

.text-list.type-none li svg {
    margin-top: 3px
}

.text-section .btn {
    margin-top: 8px
}

.text-section:has(.text-content:empty) {
    display: none
}

.text-section .caption a {
    color: var(--color-blue-primary);
    transition: var(--default-transition)
}

.text-section ol,.text-section ul {
    text-align: left
}

@media screen and (min-width: 990px) {
    .text-section .caption a:hover {
        color:var(--color-blue-light)
    }
}

@media screen and (max-width: 989px) {
    .text-list.type-none li svg {
        margin-top:2px
    }

    .heading-caption,.heading-text {
        max-width: var(--max-width-mobile)
    }

    .heading-caption,.heading-text,.subheadline {
        margin-top: var(--margin-top-mobile)
    }

    .text-section .heading-text {
        margin-bottom: 12px;
        margin-top: 12px
    }
}

.tabs-section {
    background: var(--color-grey-extralight)
}

.tabs-wrap {
    align-items: flex-start;
    display: flex;
    gap: 60px;
    padding-bottom: var(--padding-bottom-desktop);
    padding-top: var(--padding-top-desktop)
}

.tabs-image-container {
    aspect-ratio: 1/1;
    flex: 0 0 50%
}

.tabs-image-container picture img {
    aspect-ratio: 1/1;
    border-radius: 14px
}

.tabs-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%
}

.tabs-section .accordion {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.tabs-section .accordion-content p {
    margin: 0
}

.tabs-section .accordion_item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 22px 30px
}

.tabs-section .accordion_item.active {
    background: var(--color-white);
    border-radius: var(--default-border-radius)
}

.tabs-section .accordion_item.active .icon-plus {
    opacity: 0;
    visibility: hidden
}

.tabs-section .accordion_item.active .icon-minus,.tabs-section .accordion_item:not(.active) .icon-plus {
    opacity: 1;
    visibility: visible
}

.tabs-section .accordion_item:not(.active) .icon-minus {
    opacity: 0;
    visibility: hidden
}

.tabs-section .accordion_item:not(.active) {
    border-bottom: .8px solid var(--color-grey-medium)
}

.tabs-section .accordion-heading {
    align-items: center;
    display: flex;
    gap: 24px
}

.tabs-section .accordion-heading span {
    color: var(--color-black);
    font-family: var(--font-family-manrope);
    font-size: var(--font-size-h4-mobile);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-loose)
}

.tab-icon {
    height: 26px;
    width: 26px
}

.tabs-section .accordion-btn {
    background: var(--color-white);
    border-radius: 4px;
    flex-shrink: 0;
    height: 36px;
    margin-left: auto;
    position: relative;
    width: 36px
}

.tabs-section .accordion-btn svg {
    height: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: var(--default-transition);
    width: 12px
}

.tabs-section .accordion_item.active .accordion-btn {
    background: var(--color-blue-primary)
}

.tabs-section .accordion_item.active .accordion-btn svg path {
    fill: var(--color-white)
}

@media (max-width: 989px) {
    .tabs-wrap {
        flex-direction:column;
        gap: 24px;
        padding-bottom: var(--padding-bottom-mobile);
        padding-top: var(--padding-top-mobile)
    }

    .tabs-image-container {
        width: 100%
    }

    .tabs-section .accordion_item {
        padding: 22px 16px
    }

    .tabs-section .accordion-heading {
        gap: 20px
    }

    .tabs-section .accordion-heading span {
        font-size: var(--font-size-h6)
    }
}

.accordion_item:hover {
    cursor: pointer
}

.accordion .accordion-more {
    clear: both;
    color: var(--color-black);
    height: auto;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: var(--default-transition)
}

.accordion_item {
    -webkit-tap-highlight-color: transparent
}

.accordion-heading.active+.accordion-more,.accordion-more.active {
    opacity: 1
}

footer form.kl-private-reset-css-Xuajs1>div {
    align-items: flex-start!important;
    flex-direction: row!important;
    flex-wrap: wrap!important;
    justify-content: flex-start!important
}

footer form.kl-private-reset-css-Xuajs1>div div[data-testid=form-row]:has(input[type=checkbox][aria-label=Email],input[type=checkbox][aria-label=E-mail]) {
    margin-top: 8px!important;
    width: 30px!important
}

footer form.kl-private-reset-css-Xuajs1>div div[data-testid=form-row]:has(a[href]) {
    width: 85%!important
}

footer form.kl-private-reset-css-Xuajs1>div div[data-testid=form-row]:has(input[type=email]) {
    width: 100%!important
}

footer .newsletter-form__field-wrapper {
    height: 46px
}

footer .newsletter-form__field-wrapper>div.field {
    height: 100%
}

footer {
    display: flex;
    flex-direction: column;
    gap: 100px;
    overflow-x: hidden;
    padding-bottom: var(--padding-bottom-desktop);
    padding-top: var(--padding-top-desktop);
    width: 100%
}

footer nav a {
    text-decoration: none
}

footer .navigation_logo {
    max-width: 110px
}

.footer-parent-link {
    color: var(--color-white);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-loose);
    width: -moz-fit-content;
    width: fit-content
}

.footer-child-link,.footer-parent-link {
    font-family: var(--font-family-manrope);
    transition: var(--default-transition)
}

.footer-child-link {
    color: var(--color-grey-extralight);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-text-loose)
}

.footer-child-link:hover,.footer-parent-link:hover {
    opacity: .7
}

.footer-link-block-container {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.footer-child-link-container {
    display: flex;
    flex-direction: column;
    gap: 18px;
    list-style-type: none;
    padding: 0
}

.footer-nav-container {
    display: flex;
    gap: 50px;
    margin: 0;
    padding: 0
}

.footer-content-container {
    display: flex;
    flex-direction: column;
    gap: 43px
}

.footer-content-container custom-klaviyo-form {
    max-width: 285px
}

.footer-content-container custom-klaviyo-form .klaviyo-form-title {
    color: var(--color-white);
    font-size: var(--font-size-caption)
}

.footer-content-container custom-klaviyo-form .field-wrapper {
    position: relative
}

.footer-content-container custom-klaviyo-form .field-wrapper .error-tooltip-wrapper {
    background: #fff4f0;
    border: 1px solid #d0331f;
    border-radius: 4px;
    color: #d0331f;
    font-size: var(--font-size-caption-mobile-s);
    line-height: 1;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    transition: var(--default-transition)
}

.footer-content-container custom-klaviyo-form:has(input:-internal-autofill-selected) .klaviyo-form-submit-btn svg {
    color: var(--color-black)
}

.footer-content-container custom-klaviyo-form:has(input:-internal-autofill-selected) .klaviyo-form-submit-btn {
    border-color: var(--color-black)
}

.footer-content-container custom-klaviyo-form .field-wrapper .error-tooltip-wrapper.active {
    opacity: 1
}

.footer-content-container custom-klaviyo-form .field-wrapper .error-tooltip-wrapper .tooltip-container {
    position: relative
}

.footer-content-container custom-klaviyo-form .field-wrapper .error-tooltip-wrapper .tooltip-container:before {
    background: #fff4f0;
    border-left: 1px solid #d0331f;
    border-top: 1px solid #d0331f;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: -15.5px;
    transform: rotate(44deg);
    transition: opacity .3s ease .06s,transform .3s ease .06s;
    width: 10px;
    z-index: 0
}

.footer-content-container custom-klaviyo-form .email-input {
    background: transparent;
    border: 1px solid var(--color-white);
    border-radius: 8px;
    color: var(--color-white);
    font-weight: var(--font-weight-regular);
    height: 40px;
    margin: 15px 0;
    padding: 8px 40px 8px 10px;
    width: 100%
}

.footer-content-container custom-klaviyo-form .email-input::-moz-placeholder {
    font-family: inherit;
    font-size: var(--font-size-caption)
}

.footer-content-container custom-klaviyo-form .email-input::placeholder {
    font-family: inherit;
    font-size: var(--font-size-caption)
}

.footer-content-container custom-klaviyo-form .klaviyo-form-submit-btn {
    align-items: center;
    border: 1px solid var(--color-white);
    border-radius: var(--full-border-radius);
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px
}

.footer-content-container custom-klaviyo-form .klaviyo-form-submit-btn svg {
    color: var(--color-white);
    left: 1px;
    max-width: 12px;
    position: relative;
    transform: rotate(270deg)
}

.footer-content-container custom-klaviyo-form .succes-wrapper * {
    color: var(--color-white);
    font-size: var(--font-size-caption);
    font-weight: var(--font-weight-regular);
    margin: 0
}

.footer-content-container custom-klaviyo-form .checkbox-wrapper {
    align-items: baseline;
    display: flex
}

.footer-content-container custom-klaviyo-form .checkbox-wrapper label {
    color: var(--color-grey-medium-dark);
    font-size: var(--font-size-caption-small)
}

.footer-content-container custom-klaviyo-form .checkbox-wrapper label :not(.custom-checkbox) {
    line-height: var(--line-height-text-loose);
    margin: 0
}

.footer-content-container custom-klaviyo-form .checkbox-wrapper label a {
    color: var(--color-white)
}

.footer-content-container custom-klaviyo-form .consent-label {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    gap: 8px
}

.footer-content-container custom-klaviyo-form .consent-checkbox {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.footer-content-container custom-klaviyo-form .custom-checkbox {
    align-items: center;
    background: var(--color-white);
    border-radius: 2px;
    display: flex;
    flex-shrink: 0;
    height: 19px;
    justify-content: center;
    margin: 5px 0 0 1px;
    outline: 1px solid;
    width: 19px
}

.footer-content-container custom-klaviyo-form .checkbox-wrapper.checkbox-error {
    animation: shake .3s ease-in-out
}

.footer-content-container custom-klaviyo-form .custom-checkbox:hover {
    outline: none
}

.footer-content-container custom-klaviyo-form .checkmark-icon-wrapper {
    display: none;
    height: 100%;
    width: 100%
}

.footer-content-container custom-klaviyo-form .checkmark-icon-wrapper svg {
    color: var(--color-black);
    width: 14px
}

.footer-content-container custom-klaviyo-form .consent-checkbox:checked+.custom-checkbox .checkmark-icon-wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.footer-content-container custom-klaviyo-form .consent-checkbox:focus+.custom-checkbox {
    outline: 2px solid var(--color-black);
    outline-offset: 2px
}

.footer-upper {
    display: flex;
    gap: 120px;
    justify-content: space-between
}

.footer-block__newsletter {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.footer-block__newsletter .field__input {
    background: transparent;
    border: 1.4px solid var(--color-white);
    border-radius: 8px;
    padding: 8px 40px 8px 10px
}

.footer-block__newsletter .field__input,.footer-block__newsletter .field__label {
    color: var(--color-white);
    font-family: var(--font-family-manrope)
}

.footer-block__newsletter .field__input:focus~.field__label {
    display: none
}

.footer-newsletter-heading {
    color: var(--color-white);
    font-family: var(--font-family-manrope);
    font-size: var(--font-size-body-mobile);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-text);
    margin: 0
}

.newsletter-form__button {
    border: .8px solid var(--color-grey-extralight);
    border-radius: 50%;
    filter: drop-shadow(0 0 6px rgba(255,255,255,.2));
    height: 30px;
    padding: 9px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px
}

.email-agree-note {
    color: var(--color-grey-medium-dark);
    font-family: var(--font-family-manrope);
    font-size: var(--font-size-caption-small);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-text);
    margin-top: 14px
}

.footer__newsletter.newsletter-form {
    display: flex;
    flex-direction: column;
    width: 280px
}

.footer__list-social {
    display: flex;
    gap: 24px
}

.copyright__content {
    color: var(--color-grey-medium-dark);
    font-family: var(--font-family-manrope);
    font-size: var(--font-size-body-mobile);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-text)
}

footer .accordion_item:hover {
    cursor: default
}

.footer-content-container .klaviyo-form,.footer-content-container .klaviyo-form * {
    color: var(--color-white)!important;
    font-family: var(--font-family-manrope)!important;
    font-size: var(--font-size-caption)!important;
    font-weight: var(--font-weight-regular)!important;
    letter-spacing: unset!important;
    line-height: var(--line-height-text)!important;
    min-height: unset!important
}

.footer-content-container .klaviyo-form {
    max-width: 280px!important;
    padding: 0!important;
    position: relative!important;
    width: 100%!important
}

.footer-content-container .klaviyo-form .needsclick {
    padding: 0!important
}

.footer-content-container .klaviyo-form :has(button) {
    position: unset!important
}

.footer-content-container .klaviyo-form button {
    align-items: center!important;
    background: none!important;
    border: 1px solid var(--color-white)!important;
    border-radius: var(--full-border-radius)!important;
    color: transparent!important;
    display: flex!important;
    font-size: 0!important;
    height: 30px!important;
    justify-content: center!important;
    position: absolute!important;
    right: 5px!important;
    top: 40px!important;
    width: 30px!important
}

.footer-content-container .klaviyo-form button:before {
    color: var(--color-white);
    content: ">";
    font-size: 25px;
    font-weight: 200;
    height: 37px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 18px
}

.footer-content-container .klaviyo-form span:has(a) {
    color: var(--color-grey-medium-dark)!important;
    font-size: var(--font-size-caption-small)!important
}

.footer-content-container .klaviyo-form span:has(a) a {
    font-size: var(--font-size-caption-small)!important
}

.footer-content-container .klaviyo-form input[name=email] {
    background: none!important;
    border: 1px solid var(--color-white)!important;
    border-radius: 8px!important;
    height: auto!important;
    height: 40px!important;
    margin: 15px 0!important;
    outline: none!important;
    padding: 8px 40px 8px 10px!important
}

.footer-content-container .klaviyo-form :has(label+input[type=email]) label:first-child {
    display: none!important
}

.footer-content-container .klaviyo-form input[name=email]:hover {
    border-color: var(--color-white)!important
}

.footer-content-container .klaviyo-form input[name=email]::-moz-placeholder {
    color: var(--color-grey-medium-dark);
    opacity: 1
}

.footer-content-container .klaviyo-form input[name=email]::placeholder {
    color: var(--color-grey-medium-dark);
    opacity: 1
}

.footer-content-container .klaviyo-form input[name=email]+div .needsclick[role=alert] {
    color: #d0331f!important;
    font-size: var(--font-size-caption-small)!important;
    padding: 8px!important
}

.footer-content-container .klaviyo-form fieldset svg+div,.footer-content-container .klaviyo-form.klaviyo-form.klaviyo-form input[type=checkbox]:checked+label svg+div {
    display: none!important
}

@media (min-width: 990px) and (max-width:1279px) {
    .footer-upper {
        gap:60px
    }

    .footer-nav-container {
        gap: 20px
    }
}

@media (min-width: 990px) {
    footer .accordion .accordion-more {
        clear:unset;
        color: unset;
        height: auto;
        max-height: unset;
        opacity: 1;
        overflow: unset;
        transition: unset
    }

    .footer-accordion-toggle {
        display: none
    }
}

@media (max-width: 989px) {
    .footer-content-container custom-klaviyo-form {
        max-width:100%
    }

    footer form.kl-private-reset-css-Xuajs1>div div[data-testid=form-row].needsclick.kl-private-reset-css-Xuajs1:has(a[href="https://www.shelly.com/en/privacy-policy"]) {
        width: 85%!important
    }

    .klaviyo-form-UpBhkJ.form-version-cid-1 form.klaviyo-form,.klaviyo-form-UpBhkJ.form-version-cid-1:has(form.klaviyo-form),.klaviyo-form-UpBhkJ.form-version-cid-1:has(form.klaviyo-form) div[data-testid=form-row] {
        max-width: 100%!important;
        width: 100%!important
    }

    footer {
        gap: 40px;
        padding-bottom: var(--padding-bottom-mobile);
        padding-top: var(--padding-top-mobile)
    }

    .footer-upper {
        flex-direction: column;
        gap: 46px
    }

    .footer-content-container {
        gap: 24px
    }

    .footer-parent-link {
        font-size: var(--font-size-h6-mobile)
    }

    .footer-link-block-container {
        background-color: var(--slate-black);
        border-radius: 8px;
        gap: 18px;
        padding: 12px 12px 22px;
        transition: var(--default-transition)
    }

    .footer-child-link-container {
        gap: 15px
    }

    .footer-nav-container {
        flex-direction: column;
        gap: 4px
    }

    .footer-link-block-header {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .footer-block__newsletter {
        gap: 12px
    }

    .footer-accordion-toggle {
        background: var(--transparent-box-gradient);
        border-radius: 4px;
        display: flex;
        height: 36px;
        position: relative;
        width: 36px
    }

    .footer-accordion-toggle svg {
        height: 12px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: var(--default-transition);
        width: 12px
    }

    footer .accordion_item.active .icon-plus {
        opacity: 0;
        visibility: hidden
    }

    footer .accordion_item:not(.active) .icon-plus,footer .accordion_itemactive .icon-minus {
        opacity: 1;
        visibility: visible
    }

    footer .accordion_item:not(.active) .icon-minus {
        opacity: 0;
        visibility: hidden
    }

    .footer-accordion-toggle svg path {
        fill: var(--color-white)
    }

    footer .footer-link-block-container.accordion_item:not(.active) {
        background: transparent;
        border-bottom: .8px solid var(--color-grey-extradark);
        border-radius: 0;
        gap: 0
    }
}

.heading-featured-section {
    align-items: var(--justify-content-value);
    display: flex;
    flex-direction: column;
    margin-bottom: 56px;
    position: relative;
    text-align: var(--align-text-value);
    z-index: 2
}

.featured-grid-section {
    overflow: hidden;
    position: relative
}

.featured-grid-heading-container {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.featured-grid-heading-container p {
    margin: 0
}

.feature-grid-item-icon {
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.feature-grid-item-icon img {
    height: auto;
    -o-object-fit: none;
    object-fit: none;
    width: 100%
}

.featured-grid-item {
    align-items: var(--justify-content-value);
    display: flex;
    flex: 1;
    flex-basis: calc(100%/var(--grid_columns) - var(--grid_gap));
    flex-direction: column;
    gap: 32px;
    justify-content: var(--align-text-value);
    padding: var(--padding);
    position: relative;
    text-align: var(--align-text-value)
}

.featured-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--grid_gap);
    justify-content: space-between;
    position: relative;
    row-gap: 40px;
    z-index: 2
}

.featured-grid-item .background-snippet {
    min-height: unset;
    z-index: -1
}

.featured-grid-item.featured-grid-item-border-radius {
    border-radius: var(--default-border-radius);
    overflow: hidden
}

body:not(.template-class-product) .featured-grid-section.featured-grid-pdp-footer {
    display: none
}

@media screen and (max-width: 989px) {
    .featured-grid {
        flex-direction:column;
        gap: 20px
    }

    .featured-grid-item {
        gap: 24px;
        padding: var(--padding-mobile)
    }

    .featured-grid-heading-container {
        gap: 10px
    }
}

.app-section-btn {
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.app-text-content-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 24px;
    max-width: 481px
}

.app-section-platforms-container:empty {
    display: none
}

.app-section-platforms-container {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2,minmax(0,121px));
    margin-top: 16px
}

.app-section-column .app-section-platforms-container {
    display: flex;
    gap: 16px
}

.app-section-column.app-section-flex {
    align-items: center;
    gap: 41px;
    justify-content: center
}

.app-section-column .app-text-content-container {
    align-items: center;
    justify-content: center;
    max-width: 660px;
    text-align: center
}

.app-section-column .app-text-content-container p {
    margin: 0 auto;
    max-width: 401px
}

.app-text-content-container p {
    max-width: 388px
}

.app-section-flex {
    display: flex;
    flex-direction: var(--flex-structure);
    gap: 8%
}

.app-section-image img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.app-section-image {
    flex: 1.5
}

.app-section-column .app-section-image {
    width: 70%
}

.app-section-text-content {
    display: flex;
    flex-direction: column
}

.app-section-text-content p {
    margin-bottom: 0
}

.platform-image-container {
    max-width: 121px;
    width: 100%
}

.app-section-text-content .heading-text {
    max-width: 408px
}

@media screen and (max-width: 989px) {
    .app-section-flex {
        align-items:center;
        flex-direction: column-reverse;
        gap: 40px;
        justify-content: center
    }

    .app-section-flex .app-section-platforms-container {
        margin-top: 6px
    }

    .app-section-flex div.app-text-content-container {
        align-items: center;
        gap: 24px;
        justify-content: center;
        text-align: center
    }

    .app-text-content-container div.app-section-platforms-container {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .app-section-column .app-section-image {
        width: 100%
    }
}

video.solutions-video-cover {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

a.succesful-customer-slide-link {
    text-decoration: none
}

.mobile-succesful-customers-section-button-container {
    align-items: center;
    display: none;
    justify-content: center;
    width: 100%
}

succesful-customers-swiper swiper-slide {
    height: 400px;
    overflow: hidden;
    width: -moz-fit-content;
    width: fit-content
}

succesful-customers-swiper swiper-container {
    margin-top: 30px
}

.succesful-customers-section-arrow-next,.succesful-customers-section-arrow-prev {
    cursor: pointer;
    height: 40px;
    width: 40px
}

.succesful-customers-section-swiper-navigation-container {
    display: flex;
    gap: 24px;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: flex-end
}

.succesful-customers-section-btn {
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.succesful-customers-navigation-container {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between
}

.succesful-customers-review-container-stars {
    display: flex;
    gap: 2px
}

.succesful-customers-review-container {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start
}

.succesful-customers-heading {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 600px
}

.review-text {
    margin: 0
}

.succesful-customers-header {
    display: flex;
    justify-content: space-between
}

.flag-icon-container {
    height: 16px;
    width: 16px
}

.flag-icon-container img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.succesful-customer-slide-heading {
    color: var(--color-white)
}

.gradient-overlay-succesful-customer-slide {
    backdrop-filter: blur(.25px);
    background: var(--gradient-succesfull-customer);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.succesful-customer-slide-background {
    border-radius: 16px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: -1
}

.succesful-customer-slide-background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.succesful-customer-slide-author {
    align-items: center;
    color: var(--color-blue-light);
    display: flex;
    gap: 5px
}

.succesful-customer-slide-short-description {
    color: var(--color-white)
}

.succesful-customer-slide-short-description-container {
    backdrop-filter: blur(2px);
    background: var(--background-transperent-black-5);
    border-radius: var(--big-border-radius);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0 20px 22px;
    padding: 16px;
    width: 100%;
    width: -moz-fit-content;
    width: fit-content
}

.succesful-customer-slide-badge {
    align-items: center;
    background: var(--background-transperent-black-3);
    border: 1px solid var(--color-white);
    border-radius: 100px;
    box-shadow: 0 0 6px 0 var(--background-transperent-black-2);
    color: var(--color-white);
    display: flex;
    gap: 4px;
    justify-content: center;
    padding: 1px 6px
}

.succesful-customer-slide-badge svg {
    height: 12px;
    width: 12px
}

.succesful-customer-slide-badge-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.succesful-customer-slide-header {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 22px 20px;
    width: 100%
}

.succesful-customer-slide {
    align-items: center;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    width: 415px
}

.succesful-customer-slide-header {
    margin-bottom: 0
}

.succesful-customers-drawer .drawer-component .open-drawer {
    height: 100%;
    text-align: inherit
}

.succesful-customers-drawer .drawer-component .open-drawer:hover .two-col-arrow-icon-container svg {
    transform: rotate(45deg)
}

div.succesful-customers-drawer .succesful-customers-section-arrow-next,div.succesful-customers-drawer .succesful-customers-section-arrow-prev {
    align-items: center;
    display: flex;
    height: 53px;
    justify-content: center;
    width: 53px
}

.succesful-customers-drawer swiper-slide {
    backface-visibility: unset;
    height: 400px;
    transform: unset
}

:is(.succesful-customer-slide,.drawer-component) .two-col-entry-arrow {
    display: block;
    margin-left: auto;
    padding: 16px;
    position: unset
}

.drawer-content .two-col-entry-arrow {
    left: 27px;
    margin: 0;
    position: absolute;
    top: 14px;
    transform: rotate(180deg);
    z-index: 1
}

.drawer-content .two-col-entry-arrow.close-button svg {
    transition: var(--default-transition)
}

.drawer-content .two-col-entry-arrow.close-button:hover svg {
    transform: rotate(45deg)
}

.drawer-content .sticky-close-button {
    height: 0;
    position: sticky;
    top: 0;
    z-index: 999
}

:is(.succesful-customer-slide,.drawer-component) .succesful-customer-slide .two-col-entry-arrow svg {
    height: 14px;
    transition: var(--default-transition);
    width: 14px
}

:is(.succesful-customer-slide .succesful-customer-slide,.drawer-component) .two-col-entry-arrow svg path {
    fill: var(--color-white)
}

:is(.succesful-customer-slide,.drawer-component) .two-col-entry-arrow.black svg path {
    fill: var(--color-black)
}

.drawer-card-heading {
    display: flex;
    gap: 20px;
    padding-right: 20px
}

.succesful-customers-drawer .succesful-customer-slide {
    width: 506px
}

.succesful-customers-drawer .succesful-customer-slide-background {
    height: 100%
}

.succesful-customers-drawer .succesful-customer-slide-short-description {
    font-weight: var(--font-weight-regular)
}

.succesful-customers-drawer .succesful-customer-slide-short-description-container {
    padding-bottom: 25px;
    padding-right: 65px;
    position: relative
}

.succesful-customers-drawer .succesful-customers-heading {
    gap: 0
}

.succesful-customers-drawer .succesful-customer-slide .two-col-entry-arrow .gradient-arrow {
    display: none
}

.succesful-customers-drawer .succesful-customer-slide .two-col-entry-arrow {
    position: absolute;
    right: 16px;
    top: 13px
}

@media (max-width: 989px) {
    .drawer-card-heading {
        padding-right:0
    }

    .succesful-customer-slide {
        height: 100%;
        min-height: 405px;
        width: 281px
    }

    .succesful-customer-slide-short-description-container {
        margin: 0 14px 14px;
        width: 100%
    }

    .succesful-customer-slide-header {
        padding: 14px 14px 0
    }

    .succesful-customers-navigation-container {
        display: none
    }

    .review-text {
        font-size: var(--font-size-caption-mobile)
    }

    .mobile-succesful-customers-section-button-container {
        display: flex
    }

    succesful-customers-swiper swiper-slide {
        height: 405px;
        overflow: hidden;
        width: -moz-fit-content;
        width: fit-content
    }

    .succesful-customers-drawer .succesful-customer-slide-background {
        height: 178px;
        order: -1;
        position: static;
        width: 100%
    }

    .succesful-customers-drawer .succesful-customer-slide {
        height: 100%;
        justify-content: flex-start;
        min-height: unset;
        width: 316px
    }

    .succesful-customers-drawer .gradient-overlay-succesful-customer-slide {
        display: none
    }

    .succesful-customers-drawer .succesful-customer-slide-heading {
        color: var(--color-black)
    }

    .succesful-customers-drawer .succesful-customer-slide-short-description {
        color: var(--color-grey-extradark);
        margin: 0
    }

    .succesful-customers-drawer .succesful-customer-slide-short-description-container {
        gap: 8px;
        margin: 0;
        padding: 0 60px 0 0;
        position: relative
    }

    .succesful-customers-drawer swiper-slide {
        height: auto
    }

    .succesful-customers-drawer .succesful-customer-slide .two-col-entry-arrow svg:not(.gradient-arrow) {
        display: none
    }

    .succesful-customers-drawer .succesful-customer-slide .two-col-entry-arrow .gradient-arrow {
        display: block;
        height: 55px;
        width: 55px
    }

    .succesful-customers-drawer .succesful-customer-slide .two-col-entry-arrow {
        padding: 0;
        position: absolute;
        right: -4px;
        top: -7px
    }

    .succesful-customers-drawer .succesful-customer-slide .two-col-entry-arrow .gradient-arrow path {
        fill: url(#paint1_linear_4578_23330)
    }

    .two-col-entry-arrow {
        height: 55px;
        width: 55px
    }

    .succesful-customer-slide-short-description-container {
        background: transparent
    }
}

.play-button-icon-desktop,.play-button-icon-mobile {
    display: none;
    height: 50px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50px;
    z-index: 2
}

.video-section-poster,.video-section-poster img {
    height: 100%
}

.video-section-video-class {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.video-popup-close-btn svg {
    cursor: pointer;
    height: 32px;
    width: 32px
}

.popup-video-container {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 70%
}

.video-popup {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: var(--default-transition);
    width: 100%;
    z-index: 110
}

.video-section-video-container {
    max-width: 1078px
}

.video-btn-hidden {
    display: none
}

.video-section-autoplay-controls {
    bottom: 5px;
    position: absolute;
    right: 5px
}

.video-section-video-container {
    --height-video: 475px;
    border-radius: var(--round-edges);
    height: var(--height-video);
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: var(--width-video)
}

.video-section-autoplay-controls {
    opacity: 0;
    transition: var(--default-transition)
}

.video-section-video-container:hover .video-section-autoplay-controls {
    opacity: 1
}

.popup-video-container video {
    height: -moz-fit-content;
    height: fit-content;
    position: relative
}

@media screen and (min-width: 989px) {
    .play-button-icon-desktop {
        display:block
    }
}

@media screen and (max-width: 989px) {
    .video-section-video-container {
        height:auto
    }

    .popup-video-container {
        height: -moz-fit-content;
        height: fit-content;
        width: 80%
    }

    .play-button-icon-mobile {
        display: block
    }
}

.background-relative-container {
    overflow: hidden;
    position: relative
}

.icon-container {
    grid-column: span var(--grid-span-value)
}

.solution-icon-container {
    height: 70px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70px;
    z-index: 2
}

.solution-card-image-overlay-icon-backdrop {
    backdrop-filter: blur(2px);
    background: var(--color-white-transparent-2);
    border: 1px solid var(--color-white);
    border-radius: var(--default-border-radius);
    height: 162px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 170px;
    z-index: 1
}

.solution-card-image-overlay-icon-container {
    height: 100%;
    position: relative;
    width: 100%
}

.solution-icon-container img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.solution-card-image-overlay-icon {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.card-grid-solutions-section {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.solution-card.border-true {
    border: 1px solid var(--color-white)
}

.solution-card.transparent-bg {
    background: var(--gradient-solution-card)
}

.solution-card.white {
    background: var(--color-white)
}

.swiper-button-disabled.pagination-arrow-next,.swiper-button-disabled.pagination-arrow-prev {
    display: none
}

.pagination-arrow-next,.pagination-arrow-prev {
    fill: var(--background-transperent-black);
    stroke-width: 1px;
    stroke: var(--color-grey-extralight);
    align-items: center;
    backdrop-filter: blur(3px);
    border: 1px solid var(--color-white);
    border-radius: 50%;
    display: flex;
    filter: drop-shadow(var(--shadow-light));
    height: 60px;
    justify-content: center;
    overflow: visible;
    width: 60px
}

.pagination-arrow-prev {
    left: 12px
}

.pagination-arrow-next {
    right: 12px
}

.pagination-arrow-prev svg {
    transform: rotate(180deg)
}

.pagination-arrow-next,.pagination-arrow-prev {
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    z-index: 2
}

.solution-grid-mobile swiper-slide {
    height: auto;
    width: -moz-fit-content;
    width: fit-content
}

.solution-grid-mobile swiper-container::part(container) {
    padding-bottom: 20px
}

.solution-grid-mobile swiper-container {
    margin-top: 20px
}

.solution-grid-desktop {
    display: flex
}

.solution-grid-mobile {
    display: none
}

.solution-heading-center {
    align-items: center;
    text-align: center
}

.solution-heading-left {
    align-items: flex-start;
    text-align: left
}

.solution-heading-right {
    align-items: flex-end;
    text-align: right
}

.card-grid-solution-headin-btn {
    width: -moz-fit-content;
    width: fit-content
}

.card-grid-solution-heading {
    display: flex;
    flex-direction: column
}

.card-grid-solution-outer-container {
    position: relative
}

.card-grid-solution-outer-container .background-snippet {
    min-height: unset
}

.solution-card {
    border-radius: 18px;
    height: 100%;
    overflow: hidden;
    padding: 8px;
    position: relative;
    text-align: var(--card-text-align)
}

.solution-card,.solution-card>a.anchor-no-style {
    display: flex;
    flex-direction: var(--card-order)
}

.custom-container.popup-center .promo-image {
    display: flex
}

.custom-container.popup-center .popup-btns-wrapper {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%
}

.custom-container.popup-center .popup-btns-wrapper product-form {
    display: flex;
    width: 50%
}

.custom-container.popup-center .popup-btns-wrapper product-form form {
    width: 100%
}

.custom-container.popup-center .popup-btns-wrapper product-form svg path {
    stroke: currentColor
}

body:has(.custom-container.popup-center) .drawer-component .drawer-content:has(.custom-container) {
    padding: 0
}

body:has(.custom-container.popup-center) .drawer-component .drawer-content:has(.custom-container) .close-button:not(.custom-close-btn) {
    background-color: hsla(0,0%,100%,.1);
    border-color: var(--color-white);
    height: 39px;
    position: absolute;
    right: 24px;
    width: 39px
}

body:has(.custom-container.popup-center) .drawer-component .drawer-content:has(.custom-container) .custom-close-btn {
    width: 50%
}

body:has(.custom-container.popup-center) .drawer-component .drawer-content:has(.custom-container) .close-button svg {
    height: 10px;
    width: 10px
}

body:has(.custom-container.popup-center) .drawer-component .drawer-content:has(.custom-container) .close-button path {
    stroke: var(--color-white)
}

body:has(.custom-container.popup-center) .drawer-component .popup-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
    padding-bottom: 25px
}

body:has(.custom-container.popup-center) .drawer-component .popup-content h3,body:has(.custom-container.popup-center) .drawer-component .popup-content p {
    margin: 0
}

.anchor-no-style {
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: inherit
}

.solution-card-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.solution-card-image {
    border-radius: 18px;
    height: 380px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.solution-card-heading {
    --heading-top-margin: 24px;
    padding: var(--heading-top-margin) 10px
}

.card-grid-solutions-container {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 30px
}

.solution-card-hover-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0;
    pointer-events: none;
    transition: var(--default-transition);
    z-index: 1
}

.solution-card-hover-content,.solution-card-hover-content picture {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.solution-card-hover-content img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.solution-card-hover-content-text {
    backdrop-filter: blur(2px);
    background: var(--background-transperent-black-5);
    padding: 20px
}

.solution-card-hover-content-text .quick-add {
    margin-top: 10px
}

@media(min-width: 990px) {
    .card-grid-solutions-container {
        margin-left:auto;
        margin-right: auto;
        max-width: calc(var(--full-width-cards)*var(--blocks-size))
    }

    .solution-card {
        flex-basis: calc((100% - (var(--blocks-size) - 1)*12px)/var(--blocks-size));
        height: auto
    }

    .solution-card:hover .solution-card-hover-content {
        opacity: 1;
        pointer-events: auto
    }
}

.solution-card .quick-add {
    padding: 0 10px
}

.solution-card-hover-content-text .quick-add {
    padding: 0
}

.solution-card product-form form {
    display: flex
}

.solution-card button[type=submit] svg path {
    stroke: currentColor
}

@media screen and (max-width: 989px) {
    body:has(.custom-container.popup-center) .drawer-component {
        display:flex
    }

    .solution-grid-desktop {
        display: none
    }

    .solution-grid-mobile {
        display: block
    }

    .solution-card {
        width: 266px
    }

    .solution-card-image {
        height: 273px
    }

    .solution-card-image-overlay-icon-info {
        align-items: center;
        display: flex;
        height: 30px;
        justify-content: center;
        position: absolute;
        right: 14px;
        top: 14px;
        width: 30px;
        z-index: 2
    }

    .solution-card-image-overlay-icon-info input {
        display: none
    }

    .solution-card-icon {
        position: absolute;
        transition: var(--default-transition)
    }

    .solution-card-icon svg {
        height: 30px;
        width: 30px
    }

    .card-grid-solution-outer-container:has(.lightblue-style-bg) .solution-card .solution-card-icon.close circle,.card-grid-solution-outer-container:has(.lightblue-style-bg) .solution-card .solution-card-icon.info circle,.solution-card.white .solution-card-icon.close circle,.solution-card.white .solution-card-icon.info circle {
        stroke: var(--color-black)
    }

    .card-grid-solution-outer-container:has(.lightblue-style-bg) .solution-card .solution-card-icon.close path,.card-grid-solution-outer-container:has(.lightblue-style-bg) .solution-card .solution-card-icon.info path,.solution-card.white .solution-card-icon.close path,.solution-card.white .solution-card-icon.info path {
        fill: var(--color-black)
    }

    .solution-card-icon.close {
        opacity: 0
    }

    .solution-card-image-overlay-icon-info:has(input:checked) .info {
        opacity: 0
    }

    .solution-card-image-overlay-icon-info:has(input:checked) .close {
        opacity: 1
    }

    .solution-card-image-overlay-icon-info:has(input:checked)+.solution-card-hover-content {
        opacity: 1;
        pointer-events: auto
    }

    .solution-card-heading {
        padding-bottom: 5px
    }
}

.product-grid li.grid__item:not(:has(*)),li.predictive-search__list-item:not(:has(*)),swiper-slide.product_slider_slide:not(:has(*)) {
    display: none
}

product-slider swiper-container swiper-slide {
    width: calc(100%/var(--slides))
}

.products_slider_header {
    align-items: flex-start;
    display: flex;
    gap: 100px;
    justify-content: space-between;
    margin-bottom: 30px
}

.products_slider_header_controls {
    gap: 40px
}

.products_slider_buttons,.products_slider_header_controls {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.products_slider_buttons {
    gap: 26px
}

.products_slider_button {
    align-items: center;
    border: 1px solid var(--color-blue-medium);
    border-radius: var(--full-border-radius);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    transition: var(--default-transition);
    width: 40px
}

.products_slider_button.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

@media screen and (min-width: 990px) {
    .slider-button:hover {
        background-color:var(--color-grey-medium-light)
    }
}

.products_slider_button svg {
    aspect-ratio: 1/1;
    height: auto;
    max-width: 12px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.products_slider_button.products_slider_button_prev svg {
    transform: rotate(180deg)
}

.products_slider_button svg path {
    fill: var(--color-blue-medium)
}

.product_slider_collection_selector.active .badge {
    border-color: var(--color-blue-medium);
    color: var(--color-blue-medium)
}

.products_slider_collection_badges_holder {
    -webkit-appearance: none;
    margin-bottom: 30px;
    overflow: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: none
}

.products_slider_collection_badges {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    position: relative;
    width: -moz-max-content;
    width: max-content
}

.products_slider_mobile_button_holder {
    margin-top: 40px;
    text-align: center
}

.product_slider_collection_selector.loading {
    pointer-events: none
}

.product_slider_collection_selector .loading__spinner {
    display: inline-flex;
    opacity: 0;
    position: absolute;
    transition: var(--default-transition);
    transition-property: opacity;
    z-index: -1
}

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

.product_slider_collection_selector.loading .loading__spinner {
    opacity: 1;
    z-index: 0
}

.product_slider_collection_selector .badge_text {
    transition: var(--default-transition);
    transition-property: opacity
}

.product_slider_collection_selector.loading .badge_text {
    opacity: 0
}

@media (min-width: 990px) {
    .product_slider_collection_selector:hover .badge {
        border-color:var(--color-blue-medium);
        color: var(--color-blue-medium)
    }

    .products_slider_mobile_button_holder {
        display: none
    }
}

@media (max-width: 989px) {
    .products_slider_header {
        align-items:center;
        gap: 20px
    }

    .products_slider_header .btn {
        display: none
    }

    .products_slider_buttons {
        gap: 10px
    }

    .products_slider_button {
        height: 30px;
        width: 30px
    }

    .products_slider_collection_badges_holder {
        margin-bottom: 26px
    }

    .products_slider_header {
        margin-bottom: 20px
    }
}

.blog-header-wrapper {
    border-bottom: 1px solid var(--color-grey-medium);
    display: block;
    margin-top: 16px
}

.blog-header-wrapper .blog-header-badges-container .badge {
    white-space: nowrap
}

.blog-header-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    padding-top: 20px
}

.blog-header-title {
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-loose);
    margin-bottom: 8px;
    margin-top: 16px
}

.blog-header-description,.blog-header-title {
    color: var(--color-grey-extradark);
    font-family: var(--font-family-manrope)
}

.blog-header-description {
    font-size: var(--font-size-caption);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-text);
    margin-bottom: 16px;
    margin-top: unset
}

.blog-header-badges-container {
    display: flex;
    gap: 10px
}

.blog-header-categories-wrapper {
    width: 100%
}

.blog-header-categories-container {
    margin-bottom: 0;
    margin-top: 20px
}

.blog-header-categories-container a {
    border: .3px solid var(--color-grey-medium-dark);
    border-radius: 100px;
    color: var(--color-grey-extradark);
    display: block;
    font-family: var(--font-family-manrope);
    font-size: var(--font-size-caption);
    line-height: var(--line-height-text);
    padding: 8px 16px;
    text-decoration: none
}

.blog-header-wrapper .swiper-slide {
    width: auto
}

.blog-header-wrapper .swiper-slide:not(:last-of-type) {
    margin-right: 10px
}

.blog-header-wrapper .active-filter-link {
    border: 1.4px solid var(--color-blue-primary);
    color: var(--color-blue-medium)
}

.main-blog .blog-articles__article {
    height: 547px
}

.main-blog .succesful-customer-slide-link {
    height: 100%;
    width: 100%
}

.succesful-customer-slide-link img {
    transition: var(--default-transition)
}

@media screen and (min-width: 990px) {
    .succesful-customer-slide-link:hover img {
        scale:1.05
    }
}

.main-blog-rich-blocks {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3,1fr);
    padding: 30px
}

.main-blog-rich-blocks .rich-block {
    border-radius: 8px;
    padding: 20px 20px 49px
}

.main-blog .succesful-customer-slide {
    width: 100%
}

.blog-klaviyo-container {
    margin-bottom: 36px;
    margin-top: 36px
}

.blog-klaviyo-container .blog-klaviyo-headline {
    margin-bottom: 24px
}

.blog-klaviyo-container .klaviyo-form {
    margin: 0!important
}

.main-blog-search-form .field .field_icon.clear-button {
    left: auto;
    right: 0
}

.main-blog-search-form .field .field_icon.clear-button path {
    stroke: var(--color-black)
}

@media (max-width: 989px) {
    .blog-articles--collage .succesful-customer-slide {
        width:100%
    }

    .main-blog-rich-blocks {
        grid-template-columns: 1fr
    }
}

.breadcrumb,.breadcrumb a {
    color: var(--color-grey-medium-dark);
    font-family: var(--font-family-manrope);
    font-size: var(--font-size-caption-mobile);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-loose);
    text-decoration: none
}

.breadcrumb-active {
    color: var(--color-blue-primary)
}

.rich-block {
    align-items: var(--horizontal-align);
    display: flex;
    flex-direction: column
}

.rich-block[text-centered] p {
    text-align: center
}

.rich-block[data-background=white] {
    background: var(--color-white)
}

.rich-block[data-background=subtle] {
    background: var(--gradient-white-light)
}

.rich-block[data-background=gradient] {
    background: var(--background-lightblue-gradient)
}

.rich-block[bordered] {
    border: 1px solid var(--color-grey-medium)
}

.rich-block-link {
    background: var(--gradient-blue);
    border-radius: 8px;
    color: var(--color-white);
    font-family: var(--font-family-manrope);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-text);
    padding: 14px 56px;
    text-decoration: none;
    transition: var(--default-transition)
}

.rich-block-link:hover {
    opacity: .8
}

.rich-block-icon {
    height: 28px;
    margin-bottom: 18px;
    width: 28px
}

.rich-block-icon img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.article-products-wrap .h6 {
    margin-bottom: 16px;
    text-align: center;
    width: 100%
}

.article-products-wrap {
    max-width: 277px;
    width: 100%
}

.blog-article-content-container .content-wrapper {
    display: flex;
    gap: 140px
}

.article-products-wrap product-card {
    display: block;
    height: -moz-fit-content;
    height: fit-content
}

.article-template {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 24px
}

.article-content a {
    color: var(--color-grey-extradark)
}

.blog-article-content-container {
    padding-bottom: 140px;
    padding-top: 24px
}

.blog-article-content-container.code-layout {
    align-items: flex-start;
    display: flex;
    gap: 4rem
}

.article-template .rich-block {
    border-radius: 14px;
    gap: 16px;
    padding: 40px
}

.article-template .rich-block p,.article-template .rich-block span {
    margin: 0
}

.article-fearured-image,.article-featured-image img {
    border-radius: 14px
}

.article-featured-image img {
    height: 100%
}

#article-content .table-wrap {
    overflow-x: auto
}

#article-content header {
    display: none
}

#article-content figure,#article-content h2,#article-content h3,#article-content h4,#article-content h5,#article-content header {
    margin: 24px 0
}

#article-content table {
    border-collapse: collapse
}

#article-content table tr:first-of-type {
    background-color: var(--color-grey-medium)
}

#article-content table tr:not(:first-of-type) {
    background-color: var(--color-grey-light)
}

#article-content table td,#article-content table th {
    border: 1px solid var(--color-grey-extradark);
    padding: 10px;
    text-align: left
}

#article-content figure img {
    height: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.drawer-article-content .installation-video-container {
    display: none;
    margin-bottom: 24px
}

.drawer-article-content .installation-video-container video-section {
    border-radius: var(--big-border-radius);
    display: block;
    overflow: hidden
}

.drawer-article-content .installation-video-container.active {
    display: block
}

.drawer-article-content .installation-video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.drawer-article-content .video-popup {
    position: absolute
}

#article-content .panel-macro {
    background-color: var(--color-blue-extralight);
    border-radius: var(--default-border-radius);
    display: flex;
    gap: 10px;
    padding: 15px
}

#article-content .panel-macro .panel-macro__icon {
    margin-top: 3px
}

#article-content .panel-macro p {
    margin: 0
}

#article-content a {
    color: var(--color-blue-primary);
    text-decoration: none;
    transition: var(--default-transition)
}

@media screen and (min-width: 990px) {
    #article-content a:hover {
        color:var(--color-blue-light)
    }
}

@media (max-width: 989px) {
    .blog-article-content-container .content-wrapper,.blog-article-content-container.code-layout {
        flex-direction:column
    }

    .article-products-wrap product-card {
        width: 100%
    }

    .article-products-wrap {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: none;
        width: 100%
    }
}

.drawer-component {
    color: var(--color-black)
}

.drawer-component .open-drawer:not(.custom-modal-opener) {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-bottom: .8px solid var(--color-grey-medium);
    box-shadow: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.quick-add-content .block-option {
    flex-direction: row
}

.drawer-component .open-drawer:not(.custom-modal-opener):not(.not-colored) {
    color: var(--color-black);
    height: 67px
}

.drawer-component .open-drawer.not-colored {
    justify-content: center
}

.drawer-container-z-index {
    z-index: 1000000001
}

.drawer-component .open-drawer.animate svg {
    transform: rotate(-45deg);
    transition: var(--default-transition)
}

.drawer-component .open-drawer.animate:hover svg {
    transform: rotate(0)
}

.drawer-component:not(:matches(.custom-modal-opener)) .open-drawer svg path {
    fill: var(--color-grey-extradark)
}

.drawer-component .drawer-content-container {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
    z-index: 7
}

.drawer-component .drawer-content-container .cover {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    background: var(--background-transperent-white-4);
    height: 200%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: var(--default-transition);
    width: 100%
}

.drawer-component .drawer-content-container .drawer-content-holder:has(.popup-center) {
    border-radius: var(--big-border-radius);
    height: auto;
    left: 50%;
    max-height: 90vh;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)!important;
    transition: opacity var(--default-transition);
    width: 90%
}

.drawer-component .drawer-content-container .drawer-content-holder {
    background-color: var(--color-white);
    height: 100%;
    max-width: 600px;
    opacity: 0;
    overflow-y: auto;
    padding-bottom: 20px;
    position: relative;
    transform: translate(100%);
    transition: var(--default-transition);
    width: 100%;
    z-index: 1
}

.drawer-component .drawer-content-container .wrapper {
    padding: 20px 40px 0
}

.drawer-component[aria-expanded=true] .drawer-content-container .cover {
    opacity: 1
}

.drawer-component[aria-expanded=true] .drawer-content-container {
    pointer-events: all
}

.drawer-component[aria-expanded=true] .drawer-content-container .drawer-content-holder {
    opacity: 1;
    transform: translate(0)
}

.drawer-component .drawer-content .close-button.cross {
    align-items: center;
    backdrop-filter: blur(1px);
    background-color: transparent;
    border: .8px solid var(--color-grey-extradark);
    border-radius: var(--full-border-radius);
    cursor: pointer;
    display: flex;
    height: 47px;
    justify-content: center;
    margin-bottom: 24px;
    margin-left: auto;
    position: sticky;
    top: 20px;
    width: 47px;
    z-index: 10
}

.drawer-component .drawer-content .close-button.cross path {
    stroke: var(--color-grey-extradark)
}

article-revealer.drawer-component .open-drawer.animate svg path,drawer-component.drawer-component .open-drawer.animate svg path {
    fill: var(--color-black)
}

@media screen and (max-width: 749px) {
    .drawer-component .drawer-content-container .drawer-content {
        max-width:unset;
        padding-bottom: 10px
    }

    .drawer-component .drawer-content-container .wrapper {
        padding: 10px 20px 0
    }
}

.accordion-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 72px;
    justify-content: space-between
}

.accordion_item .expanded-icon,.accordion_item.active .closed-icon {
    display: none
}

.accordion_item.active .expanded-icon {
    display: block
}

.accordion-label svg {
    height: 36px;
    width: 36px
}

.accordion-heading * {
    pointer-events: none
}

@media screen and (max-width: 749px) {
    .accordion-label svg {
        height:28px;
        width: 28px
    }

    .accordion-label {
        height: 45px
    }
}

product-card .quick-add-drawer-trigger .full-width-button,product-card button[type=submit].full-width-button {
    padding-inline:0}

product-card .quick-add-drawer-trigger .full-width-button {
    height: -moz-fit-content;
    height: fit-content
}

product-card .btn.quick-add-drawer-trigger.notify-me {
    gap: 0
}

product-card .btn.quick-add-drawer-trigger.notify-me svg {
    width: 0
}

.product_card_content_holder .product-form__input--pill input[type=radio]:checked+label {
    background: #4594d11a!important;
    border: 1px solid #003c82!important
}

.product_card_content_holder variant-selects .product-form__input--pill input[type=radio]:not(:checked)+label {
    border: 1px solid #d9d9d9!important
}

.product_slider_slide:has(product-card .quick-add-drawer-trigger),.product_slider_slide:has(product-card product-form) {
    height: auto
}

product-card:has(.quick-add-drawer-trigger) .card .card__inner {
    flex-shrink: 0
}

product-card:has(.quick-add-drawer-trigger) .card .card__content {
    height: 100%;
    justify-content: start
}

product-card:has(.quick-add-drawer-trigger) .card .card__media+.card__content {
    justify-content: space-between
}

product-card:has(.quick-add-drawer-trigger) .card .card__content .product_card_content_holder {
    height: 100%;
    justify-content: space-between
}

product-card:has(.quick-add-drawer-trigger) .card .card__content .product_card_content_holder:has(.quick-add-drawer-trigger:only-child:not(#ProductCard--oos)) {
    justify-content: end
}

.quick-add-content #ProductSubmitButton-quick-add-drawer path,.quick-add-drawer-trigger button circle,.quick-add-drawer-trigger button path {
    stroke: currentColor
}

.quick-add-drawer-trigger .btn-filled-blue:hover {
    color: var(--color-black)
}

.quick-add-content #ProductSubmitButton-quick-add-drawer:has(.loading__spinner:not(.hidden))>:is(span,svg),.quick-add-drawer-trigger .btn:has(.loading__spinner:not(.hidden))>:is(span,svg) {
    opacity: 0;
    visibility: hidden
}

product-card:has(.quick-add-drawer-trigger) .product_card_content_holder variant-selects:has([data-selected-variant]:only-child) {
    display: none
}

product-card:has(.quick-add-drawer-trigger) .product_card_content_holder:has([data-selected-variant]:only-child) {
    justify-content: end
}

.quick-add-content .product-form .swym-button {
    display: none
}

.quick-add-drawer-trigger .btn svg {
    flex-shrink: 0
}

.quick-add-content {
    padding: 34px 30px 0
}

.drawer-component .drawer-content-container .drawer-content-holder:has(.quick-add-content) {
    padding: 0
}

.quick-add-content .block-options-grid {
    margin-inline:unset;padding: 0
}

.quick-add-content .block-options-flex .checkbox-form,.quick-add-content .block-options-grid .checkbox-form {
    flex-direction: column;
    margin-top: 0;
    padding-inline:0;padding-bottom: 0
}

.quick-add-content .quick-add-header {
    align-items: center;
    border-bottom: 1px solid #d2d9de;
    display: flex;
    gap: 12px;
    padding-bottom: 20px
}

.quick-add-content .quick-add-title {
    color: var(--color-black);
    font-size: var(--font-size-h4-mobile);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading)
}

.quick-add-content .product__view-details {
    color: var(--color-black-default);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-body);
    margin-top: 16px;
    text-align: center;
    text-decoration: underline
}

.quick-add-content .quick-add-image {
    background: var(--color-quick-add-image-background);
    border-radius: var(--medium-border-radius);
    display: flex;
    height: 53px;
    width: 53px
}

.quick-add-content #ProductSubmitButton-quick-add-drawer {
    flex-direction: row-reverse;
    gap: 10px;
    width: 100%
}

.drawer-component .drawer-content .quick-add-content .close-button.cross {
    border: none
}

.drawer-component .drawer-content .quick-add-content .quick-add-body>.quick-add-body {
    justify-content: start
}

.drawer-component .drawer-content .quick-add-content,.drawer-component .drawer-content .quick-add-content .quick-add-body,.drawer-component .drawer-content:has(.quick-add-content),.drawer-component .drawer-content:has(.quick-add-content) product-info {
    display: flex;
    flex-direction: column;
    height: 100%
}

.drawer-component .drawer-content .quick-add-content .quick-add-body {
    gap: 24px;
    justify-content: space-between
}

.quick-add-content .quick-add-body-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-block:24px 0}

.quick-add-content .quick-add-body-inner .quick-add-body-select-option-value {
    color: var(--color-black);
    font-size: 22px;
    font-weight: 700;
    line-height: 120%;
    text-align: center
}

.quick-add-content .quick-add-body-inner .quick-add-body-select-option {
    color: #737373;
    font-size: 16px;
    font-weight: 600;
    line-height: 110%
}

.quick-add-content .block-option-header:has(.product-status) {
    flex-direction: column;
    text-transform: capitalize
}

.quick-add-content .block-option-header>span {
    font-size: 22px;
    font-weight: var(--font-weight-bold)
}

.quick-add-content .quick-add-price-wrapper {
    display: flex;
    flex-direction: column-reverse;
    margin-left: auto
}

.quick-add-content .block-option .product-status-badge {
    left: 50%;
    top: -12px;
    transform: translateX(-50%)
}

.quick-add-content .block-price.caption-block-option {
    flex-direction: row
}

.quick-add-content .block-price.caption-block-option .price-total-wrapper>span {
    color: #353638;
    font-size: var(--font-size-body-mobile);
    font-weight: var(--font-weight-regular)
}

.block-options .price-total-wrapper,.quick-add-content .block-options .block-price {
    align-items: center
}

.quick-add-content .block-price.caption-block-option .price-total-wrapper>span .price {
    display: flex;
    font-weight: var(--font-weight-semibold)
}

.quick-add-content .block-price.caption-block-option .price-total-wrapper>span.price.bold {
    font-weight: var(--font-weight-bold)
}

.quick-add-content .block-option picture img {
    height: 92px;
    width: 86px
}

.quick-add-content .block-option picture {
    max-width: 86px
}

.quick-add-content .block-option {
    gap: 26px;
    padding: 7px 20px
}

.quick-add-content .checkbox-form {
    gap: 20px
}

.quick-add-content .block-option.active:not(.pdp-variant-option-wrapper) {
    border: 2px solid var(--color-blue-primary)
}

.quick-add-content .block-option-header,.quick-add-content .block-options .block-price:has(.price-total-wrapper) {
    align-items: start
}

.drawer-component .drawer-content .quick-add-content .quick-add-body {
    height: -moz-fit-content;
    height: fit-content
}

.quick-add-content .block-option {
    text-align: left
}

product-recommendations .recommendations-content .swiper-slide {
    height: auto
}

product-recommendations .recommendations-content product-card .card__inner+.card__content {
    height: 100%
}

@media(max-width: 989px) {
    .drawer-component[data-mobile-vertical-drawer] .drawer-content-container .drawer-content-holder {
        transform:translateY(100%)
    }

    .drawer-component[aria-expanded=true][data-mobile-vertical-drawer] .drawer-content-container .drawer-content-holder {
        transform: translate(0)
    }
}

.quick-add-content .block-options.block-options-flex,.quick-add-content .block-options.block-options-grid {
    margin-bottom: 0;
    padding-top: 0
}

@media(min-width: 990px) {
    .card:not(.card--simplified):has(.card__inner:hover) .product_card_content_holder .quick-add-drawer-trigger .btn-filled-blue {
        border-color:var(--color-blue-primary);
        color: var(--color-black)
    }

    .card:not(.card--simplified):has(.card__inner:hover) .product_card_content_holder .quick-add-drawer-trigger .btn-filled-blue:before {
        opacity: 0
    }

    .card:not(.card--simplified):has(.card__inner:hover) .product_card_content_holder .quick-add-drawer-trigger .btn-filled-blue:after {
        opacity: 1
    }

    .card:not(.card--simplified):has(.card__inner:hover) .product_card_content_holder:has(.quick-add-drawer-trigger)>:not(.quick-add-drawer-trigger) {
        opacity: 0;
        pointer-events: none
    }

    .card:not(.card--simplified):has(.card__inner:hover) .product_card_content_holder .quick-add-drawer-trigger {
        opacity: 1;
        pointer-events: all
    }

    .card:not(.card--simplified):has(.card__inner:hover):has(.card_media_secondary) .product_card_content_holder .quick-add-drawer-trigger {
        transform: translateY(40px)
    }
}

.quick-add-content .block-option:not(.pdp-variant-option-wrapper) {
    border: 2px solid transparent
}

@media(max-width: 989px) {
    .quick-add-content .block-option .product-status-badge {
        right:12px
    }

    .quick-add-content .quick-add-price-wrapper {
        min-width: 100px
    }

    [data-language=it] .quick-add-content .block-option-header>span {
        flex: 1 0 30%
    }

    .quick-add-content .block-option-header:has(.product-status) {
        flex: 1 0 30%
    }
}

@media(min-width: 990px) {
    .drawer-component .drawer-content .quick-add-content .close-button.cross {
        display:none
    }
}

.quick-add-buttons {
    padding-bottom: 30px
}

@media(max-width: 989px) {
    .quick-add-content {
        padding:12px 14px 14px
    }

    .quick-add-content .quick-add-header {
        gap: 8px;
        padding-bottom: 14px
    }

    .quick-add-content .quick-add-image {
        height: 31px;
        width: 31px
    }

    .quick-add-content .close-button.cross {
        margin-bottom: 0
    }

    .quick-add-content .quick-add-view-info {
        margin-top: 14px
    }

    .drawer-component .drawer-content-container .drawer-content:has(.quick-add-content) {
        padding-bottom: 0
    }

    .quick-add-buttons {
        padding-bottom: 14px
    }

    .drawer-content-container:has(.quick-add-content),.quick-add-content {
        max-height: 90dvh
    }

    .drawer-content-container:has(.quick-add-content) {
        bottom: 0;
        height: -moz-fit-content;
        height: fit-content;
        top: unset
    }

    @supports (-webkit-hyphens: none) {
        .drawer-content-container:has(.quick-add-content) {
            height:100%
        }
    }

    .drawer-content-container:has(.quick-add-content) .cover {
        bottom: 0;
        top: -90%
    }

    .quick-add-content .quick-add-body-inner {
        padding-top: 16px
    }

    .quick-add-content .block-option picture {
        max-width: 57px
    }

    .quick-add-content .block-option picture img {
        height: 62px;
        width: 57px
    }

    .quick-add-content .block-option {
        padding: 12px
    }

    .quick-add-content .checkbox-form {
        gap: 20px
    }

    .quick-add-content .block-option-header {
        gap: 0
    }

    .drawer-component .drawer-content .quick-add-content .close-button.cross {
        margin-bottom: 0
    }

    .quick-add-content .quick-add-title {
        font-size: var(--font-size-body)
    }

    .quick-add-content .block-option-header>span,.quick-add-content .quick-add-body-inner .quick-add-body-select-option-value {
        font-size: 18px
    }

    [data-language=it] .quick-add-content .block-option-header>span {
        font-size: 16px
    }

    .quick-add-content .block-options-flex .checkbox-form,.quick-add-content .block-options-grid .checkbox-form {
        padding-top: 3px
    }

    .quick-add-content .block-option-header .caption {
        font-size: 12px
    }

    .quick-add-content .block-option {
        gap: 14px
    }

    .quick-add-content .block-price.caption-block-option .price-total-wrapper>span,.quick-add-content .caption-block-option {
        font-size: 14px
    }

    [data-language=it] .quick-add-drawer-trigger,[data-language=it] .quick-add-drawer-trigger .caption {
        font-size: calc(var(--font-size-caption-mobile) - 3px)
    }

    [data-language=it] .quick-add-content .caption-block-option {
        font-size: 12px
    }

    .block-options .price-total-wrapper,.quick-add-content .block-options .block-price,.quick-add-content .block-price.caption-block-option {
        flex-wrap: wrap
    }

    .quick-add-content .block-option-header .product-status {
        white-space: nowrap
    }

    .drawer-component .drawer-content-container .drawer-content-holder:has(.quick-add-content) {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .drawer-component .drawer-content .quick-add-content .quick-add-body {
        gap: 16px
    }

    .quick-add-drawer-trigger .btn {
        gap: 2px;
        padding: 12px 20px
    }

    .quick-add-content .block-options.block-options-flex,.quick-add-content .block-options.block-options-grid {
        padding-top: 0
    }

    .quick-add-content .quick-add-header {
        padding-bottom: 4px
    }

    product-card .btn.caption,product-card .btn.quick-add-drawer-trigger.notify-me {
        height: 50px;
        line-height: 1.3;
        padding: 12px 10px;
        white-space: normal
    }
}

.typically-used {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 18px
}

.typically-used .icons {
    align-items: stretch;
    display: flex;
    gap: 6px;
    justify-content: center;
    width: 100%
}

.typically-used .typically-used-card {
    align-items: center;
    background-color: var(--color-blue-extralight);
    border-radius: 8px;
    color: var(--color-grey-extradark);
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 200px;
    min-height: 82px;
    padding: 14px 17px;
    text-align: center;
    width: 100%
}

.typically-used .typically-used-card .caption-03 {
    font-size: var(--font-size-caption-mobile-s);
    line-height: var(--line-height-loose)
}

.typically-used .typically-used-card .icon {
    color: var(--color-grey-extradark);
    display: flex
}

.typically-used .typically-used-card .icon svg path {
    stroke: currentColor;
    fill: currentColor
}

.typically-used .typically-used-card .icon svg {
    height: 30px;
    width: 30px
}

.typically-used.mobile {
    display: none
}

@media screen and (max-width: 989px) {
    .typically-used.desktop {
        display:none
    }

    .typically-used.mobile {
        display: flex
    }

    .typically-used .typically-used-card .caption-03 {
        font-size: var(--font-size-caption-mobile-xs);
        word-break: break-word
    }

    .typically-used .icons {
        align-items: stretch;
        justify-content: normal;
        overflow-x: auto
    }

    .typically-used .typically-used-card .icon svg {
        height: 16px;
        width: 16px
    }

    .typically-used .typically-used-card {
        align-items: center;
        gap: 6px;
        height: unset;
        justify-content: flex-start;
        max-width: unset;
        min-height: unset;
        min-width: 0;
        min-width: 67px;
        padding: 8px 10px
    }

    .typically-used .title-used-for {
        display: none
    }

    .typically-used {
        padding-top: 9px
    }
}

#CartDrawer quantity-popover .quantity {
    background: var(--color-white)
}

cart-drawer.drawer {
    z-index: 1000000002
}

#CartDrawer .quantity__button svg {
    color: var(--color-black)
}

.cart-drawer .totals__total-value {
    color: var(--color-black);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-loose)
}

.cart-drawer .cart-item__name {
    color: var(--color-black);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-loose)
}

.cart-drawer .price.price--end {
    color: var(--color-black);
    font-size: var(--font-size-caption);
    line-height: 150%
}

.cart-drawer .product-option dt {
    color: var(--color-grey-medium-dark)
}

.cart-drawer .product-option dd,.cart-drawer .product-option dt {
    font-size: var(--font-size-caption-mobile);
    line-height: var(--line-height-loose)
}

.cart-drawer .product-option dd {
    color: var(--color-grey-extradark)
}

.cart-drawer .quantity.cart-quantity {
    border: 1px solid var(--color-grey-medium);
    border-radius: 6px;
    min-height: 31px;
    overflow: hidden
}

.cart-drawer .quantity.cart-quantity .quantity__input {
    color: var(--color-grey-extradark);
    font-size: var(--font-size-caption-mobile);
    line-height: var(--line-height-loose)
}

.cart-drawer .product-description-cart-upsell-text {
    color: var(--color-grey-dark);
    font-size: var(--font-size-caption-mobile);
    line-height: var(--line-height-loose)
}

.cart-drawer .cart-drawer div.cart-item__error {
    margin: 0
}

.cart-drawer tr.cart-item cart-remove-button {
    color: var(--color-grey-dark);
    font-size: var(--font-size-caption-mobile);
    line-height: var(--line-height-loose);
    margin: 0;
    text-decoration-line: underline
}

.cart-drawer .cart-item__quantity-wrapper {
    align-items: center;
    justify-content: space-between
}

.cart-drawer .cart-item {
    gap: 0
}

.cart-drawer .upsell-sider-cart-add-to-cart svg {
    pointer-events: none
}

.cart-drawer .upsell-sider-cart-add-to-cart {
    cursor: pointer;
    display: flex;
    height: 40px;
    width: 40px
}

#CartDrawer-Checkout {
    align-items: center;
    background: var(--gradient-blue-primary);
    border: none;
    border-radius: var(--default-border-radius);
    display: flex;
    gap: 14px;
    justify-content: center
}

.swiper-upsell-content {
    position: relative
}

#CartDrawer-Checkout:after {
    display: none
}

.cart-drawer div.quantity-popover-container:not(.quantity-popover-container--hover) {
    align-items: flex-start
}

.cart-drawer td.cart-warrannty {
    align-items: center;
    display: flex;
    grid-column: 1/-1;
    justify-content: space-between
}

.cart-drawer cart-warranty.cart-warrannty {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.cart-drawer .cart-item>td+td.cart-warrannty {
    padding-top: 0
}

.cart-warrannty-left {
    align-items: center;
    display: flex;
    gap: 10px
}

.cart-warranty-info-container {
    align-items: center;
    display: flex;
    gap: 8px
}

.cart-warrannty-right .price {
    color: var(--color-grey-extradark);
    font-size: var(--font-size-caption-mobile);
    line-height: var(--line-height-loose)
}

.cart-warrannty-left label {
    color: var(--color-black);
    font-size: var(--font-size-caption);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-loose)
}

.cart-warrannty-left input {
    height: 14px;
    margin: 0;
    width: 14px
}

.cart-item {
    border-bottom: 1px solid var(--color-grey-medium);
    padding-bottom: 12px
}

.product-option+.product-option {
    margin: 0
}

.checkbox.style-b {
    cursor: pointer;
    display: inline-block;
    height: 18px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 18px
}

.checkbox.style-b input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.checkbox.style-b input:checked~.checkbox__checkmark {
    background-color: var(--color-white)
}

.checkbox.style-b input:checked~.checkbox__checkmark:after {
    opacity: 1
}

.checkbox.style-b:hover input:checked~.checkbox__checkmark,.checkbox.style-b:hover input~.checkbox__checkmark {
    background-color: var(--color-white)
}

.checkbox.style-b .checkbox__checkmark {
    background-color: var(--color-white);
    border: 1px solid var(--color-grey-dark);
    border-radius: 4px;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color .25s ease;
    width: 18px
}

.checkbox.style-b input:checked~.checkbox__checkmark {
    border-color: var(--color-blue-primary)
}

.checkbox.style-b .checkbox__checkmark:after {
    border: solid var(--color-blue-primary);
    border-width: 0 2px 2px 0;
    content: "";
    height: 10px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 7px;
    transform: rotate(45deg) translate(-50%,-50%);
    transition: opacity .25s ease;
    width: 5px
}

.checkbox.style-b .checkbox__body {
    color: var(--color-blue-primary);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-text)
}

.cart-drawer .cart-item__details>*+* {
    margin-top: 0
}

.cart-drawer .subtotal_container {
    align-items: center;
    display: flex;
    gap: 4px
}

.vat_incl_text {
    color: var(--color-grey-medium-dark);
    font-size: 12px;
    line-height: var(--line-height-loose)
}

.icon-info-btn-subtotal .tooltip-icon path {
    fill: var(--color-grey-medium-dark)
}

h2.totals__total {
    color: var(--color-black);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-loose);
    margin: 0
}

div.cart-drawer .tax-note {
    color: var(--color-grey-dark);
    font-size: var(--font-size-caption-mobile);
    line-height: var(--line-height-loose);
    margin-bottom: 0
}

.cart-drawer-btn-container {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.klarna-cart-note {
    align-items: center;
    color: var(--color-grey-dark);
    display: flex;
    gap: 4px;
    justify-content: center
}

.klarna-cart-note,div.cart__ctas div.discount-notification-cart {
    font-size: var(--font-size-caption-mobile);
    line-height: var(--line-height-loose)
}

div.cart__ctas div.discount-notification-cart {
    color: var(--color-grey-medium-dark);
    margin: 0
}

.shipping-icon-message-container {
    font-weight: var(--font-weight-bold)
}

.progress-bar-container {
    max-width: 100%
}

.free-delivery-progress-bar {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 17px
}

.shipping-icon-message-container {
    align-items: center;
    color: var(--color-grey-extradark);
    display: flex;
    font-size: var(--font-size-caption-mobile);
    gap: 8px;
    line-height: var(--line-height-loose);
    text-align: center;
    text-transform: none
}

.progress-bar-container {
    background: var(--color-grey-extralight);
    height: 4px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.progress-bar {
    background: var(--gradient-primary-blue-90);
    border-radius: 100px;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0
}

.drawer__heading {
    color: var(--color-black);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-text)
}

.drawer-close-icon svg {
    height: 36px;
    width: 36px
}

.drawer-close-icon,.upsell-sider-cart-add-to-cart {
    transition: var(--default-transition)
}

@media screen and (min-width: 990px) {
    .drawer-close-icon:hover,.upsell-sider-cart-add-to-cart:hover {
        opacity:.7
    }
}

.cart-drawer__footer {
    border-bottom: 1px solid var(--color-grey-medium);
    margin-bottom: 14px;
    padding-bottom: 10px
}

.drawer__close svg {
    height: 36px;
    width: 36px
}

.cart-item__details>*+* {
    margin-top: 6px
}

.product-option+.product-option {
    margin-top: 2px
}

.cart-upsell-card-img-container img {
    border-radius: 8px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.product-title-cart-upsell {
    color: var(--color-black);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-text)
}

.cart-upsell-price-description-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 4px
}

.cart-upsell-card-img-container {
    height: 100px;
    width: 100px
}

.cart-upsell-card {
    align-items: center;
    display: flex;
    gap: 10px;
    height: 100%
}

.upsell-slider-cart-drawer swiper-slide {
    height: auto;
    width: -moz-fit-content;
    width: fit-content
}

.cart-upsell-product-details {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: space-between;
    max-width: 170px;
    width: 100%
}

.upsell-slider-cart-drawer-title {
    margin-bottom: 10px
}

.product-description-cart-upsell,.upsell-slider-cart-drawer-title {
    color: var(--color-grey-extradark);
    font-size: var(--font-size-caption-mobile);
    line-height: var(--line-height-loose)
}

.upsell-slider-cart-drawer {
    padding-bottom: 10px
}

#CartDrawer-Checkout,.discount-notification-cart {
    margin: 0
}

.upsell-slider-cart-drawer .products_slider_button {
    backdrop-filter: blur(2px);
    bottom: 44px;
    box-shadow: 0 0 6px 0 var(--color-white-transparent);
    height: 34px;
    position: absolute;
    right: 0;
    width: 34px;
    z-index: 10
}

.cart-upsell-card-link {
    color: var(--color-grey-dark);
    text-decoration: none;
    transition: var(--default-transition)
}

.cart-drawer-progress-bar-promo {
    background: linear-gradient(89.61deg,#fff -31.22%,#d0e6f7 109.76%);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    padding: 10px 10px 20px;
    width: 100%
}

.cart-drawer-progress-bar-promo-text {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: flex-start;
    text-transform: none
}

.cart-drawer-progress-bar-promo-text * {
    margin: 0
}

.cart-drawer-progress-bar-promo-text strong {
    font-weight: var(--font-weight-extra-bold)
}

.cart-drawer-progress-bar-promo-text .success {
    color: #145599
}

.cart-drawer-progress-bar-promo__steps {
    display: flex;
    flex-direction: row;
    position: relative
}

.cart-drawer-progress-bar-promo__step {
    align-items: center;
    display: flex;
    height: 5px;
    justify-content: end;
    position: relative;
    width: 100%
}

.cart-drawer-progress-bar-promo__step-number {
    background: var(--color-white);
    border: 1.5px solid var(--color-blue-dark);
    border-radius: 100%;
    height: 14px;
    position: absolute;
    right: -1px;
    width: 14px
}

.cart-drawer-progress-bar-promo__step.active .cart-drawer-progress-bar-promo__step-number {
    border: none;
    height: 18px;
    width: 18px
}

.cart-drawer-progress-bar-fill-wrapper {
    background: var(--color-white);
    border-radius: 100px;
    height: 5px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.cart-drawer-progress-bar-fill {
    background: linear-gradient(89.61deg,#4594d1 -7.73%,#003c82 101.68%);
    height: 100%
}

@media (min-width: 990px) {
    .cart-drawer-progress-bar-promo {
        padding:10px 20px 20px
    }

    .cart-upsell-card-link:hover {
        opacity: .7
    }

    .upsell-slider-cart-drawer .products_slider_button {
        display: none
    }
}

@media (max-width: 989px) {
    .cart-drawer .cart-item__name {
        font-size:var(--font-size-caption)
    }

    h2.totals__total {
        font-size: var(--font-size-h6-mobile)
    }

    .cart-drawer .product-description-cart-upsell-text,div.cart-drawer .tax-note,div.cart__ctas div.discount-notification-cart {
        font-size: var(--font-size-caption-mobile-s)
    }

    .cart-drawer .price.price--end,.cart-warrannty-left label {
        font-size: var(--font-size-caption-mobile)
    }

    .product-title-cart-upsell {
        font-size: var(--font-size-body-mobile)
    }

    .cart-upsell-price-description-container {
        gap: 4px;
        justify-content: flex-start
    }

    .drawer__inner.gradient {
        max-width: 100vw;
        width: 100%
    }

    .cart-upsell-card-img-container {
        height: 94px;
        width: 94px
    }

    .cart-upsell-card {
        gap: 8px
    }

    .cart-drawer .upsell-sider-cart-add-to-cart {
        height: 36px;
        width: 36px
    }
}

.tooltip-content {
    background-color: var(--color-white);
    border-radius: var(--default-border-radius);
    box-shadow: var(--box-shadow-grey);
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 16px 24px;
    width: 295px
}

.tooltip-wrapper {
    bottom: calc(100% + 10px);
    display: none;
    position: absolute;
    z-index: 10
}

.info-tooltip .tooltip-icon {
    display: flex
}

.info-tooltip,.info-tooltip .tooltip-icon {
    height: -moz-fit-content;
    height: fit-content
}

.info-tooltip {
    display: inline-flex;
    position: relative;
    text-align: left
}

.info-tooltip .tooltip-wrapper.shown {
    display: flex
}

.info-tooltip .triangle {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    top: calc(100% - 1.5px);
    transform: rotate(90deg);
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

.info-tooltip .triangle.rotate {
    bottom: calc(100% - 1.5px);
    top: auto;
    transform: rotate(-90deg)
}

.info-tooltip .tooltip-header {
    align-items: center;
    display: flex;
    gap: 4px
}

.info-tooltip .triangle svg {
    filter: drop-shadow(var(--box-shadow-grey-tooltip))
}

button.btn-disabled {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.image-video-section-badge-container {
    width: -moz-fit-content;
    width: fit-content
}

.steps-container-block {
    align-items: var(--vertical-position);
    display: flex;
    height: 100%;
    justify-content: var(--horizontal-position);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

.steps-container-block .four-step-case-cotainer.desktop-step {
    margin-left: 330px;
    width: 280px
}

.product-upsell-small-container .loading__spinner {
    position: static;
    width: 28px
}

.product-upsell-small-container .add-to-cart-btn-upsell.loading>span svg {
    display: none
}

.image-video-section-content-text-container.mobile-content-on-top-media {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.one-column-absolute .image-video-section-content-text-container {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 3
}

.product-upsells-container-text-content-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 34px
}

.product-list-heading-white .small-products-upsell-image-video-section>span.caption {
    color: var(--color-white)
}

.product-list-heading-black .small-products-upsell-image-video-section>span.caption {
    color: var(--color-black)
}

.small-products-upsell-image-video-section>.caption {
    color: var(--color-grey-medium)
}

.small-products-upsell-image-video-section-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2,1fr)
}

.small-products-upsell-image-video-section {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.image-video-section-with-text-btn {
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.image-video-section-content-text-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: var(--vertical-padding);
    padding-top: var(--vertical-padding)
}

.image-video-section-content-text-container,.text-content-background-container {
    align-items: var(--horizonta-position);
    justify-content: var(--vertical-position);
    text-align: var(--text-align)
}

.text-content-background-container .subheadline {
    width: 100%
}

.image-video-section-content-text-container .text-content-background-container {
    text-align: var(--text-align)
}

.image-video-section-with-text-section {
    overflow: hidden;
    position: relative
}

.image-video-section-content-media-container.no-background {
    background: none
}

.image-video-section-content-media-container-video video {
    aspect-ratio: var(--video-aspect-ratio);
    height: 100%;
    width: 100%
}

.image-video-section-content-media-container-video.full_height {
    height: 100%
}

.image-video-section-content-media-container-video.full_height video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-video-section-content-media-container-video {
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    width: 100%
}

.image-video-section-content-media-container {
    --media-background-side-padding: 0;
    background: var(--media-background-color);
    display: flex;
    padding: var(--media-background-side-padding);
    width: 100%
}

.image-video-section-content-media-container-img {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.image-video-section-content-media-container img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.image-video-section-with-text {
    height: auto;
    position: relative;
    width: 100%
}

.image-video-section-with-text.page-width .image-video-section-content-flex-container {
    border-radius: 18px;
    overflow: hidden
}

.image-video-section-content-flex-container {
    align-items: stretch;
    display: flex;
    flex-direction: var(--flex-direction);
    height: 100%;
    min-height: var(--min-section-height);
    overflow: hidden;
    position: relative;
    width: 100%
}

.image-video-section-content-flex-container .background-snippet {
    z-index: -1
}

.image-video-section-content-flex-container>* {
    width: 100%
}

.image-video-section-with-text-mobile {
    display: none
}

.unstyled-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

.add-to-cart-icon-upsell-small {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.add-to-cart-icon-upsell-small svg {
    height: 28px;
    width: 28px
}

.product-upsell-small-container {
    backdrop-filter: blur(2px);
    background: var(--gradient-black-105);
    border: 1px solid var(--color-white);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 12px
}

.product-upsell-small-container-details {
    display: flex;
    gap: 8px
}

.product-upsell-small-container-details-image-container {
    flex-shrink: 0;
    height: 65px;
    width: 65px
}

.product-upsell-small-container-details-image-container img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.product-upsell-small-container-details-product-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.product-upsell-small-container-details-product-details span {
    color: var(--color-white);
    white-space: wrap
}

.rounded_image_image-video-section-with-text {
    border-radius: 50px;
    overflow: hidden
}

.rounded_image_image-video-section-with-text.not-rounded {
    border-radius: 0
}

.rounded_image_image-video-section-with-text .image-video-section-content-media-container :is(img,video) {
    border-radius: 20px;
    overflow: hidden
}

.under-navigation .rounded_image_image-video-section-with-text {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.image-video-section-platform-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    max-width: var(--platform_max_width);
    width: 100%
}

.image-video-section-platform-container-heading {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 28px
}

.text-content-background-container {
    background: var(--text-content-background-color);
    border-radius: var(--big-border-radius);
    display: flex;
    flex-direction: column;
    max-width: var(--max-width-content-block);
    padding: var(--padding-background);
    width: -moz-fit-content;
    width: fit-content
}

.plus-upsell-black {
    display: none
}

.product-upsells-container-text-content-section .product-upsell-small-container-details-product-details s {
    color: var(--color-grey-medium-dark)
}

@media screen and (min-width: 989px) {
    .first-column-image-video-section.one-column-absolute {
        margin:0;
        padding: 0;
        width: 0;
        z-index: 3
    }

    .first-column-image-video-section.one-column-absolute .image-video-section-content-text-container {
        position: absolute
    }

    .product-upsells-container-text-content-section.light-blue .product-upsell-small-container {
        backdrop-filter: blur(2px);
        background: var(--gradient-light-blue-upsell);
        border: none
    }

    .product-upsells-container-text-content-section.black-card .product-upsell-small-container {
        background-color: var(--gradient-solution-card);
        border-color: var(--color-black)
    }

    .product-upsells-container-text-content-section.black-card .product-upsell-small-container-details-product-details span {
        color: var(--color-black)
    }

    .product-upsells-container-text-content-section.light-blue .product-upsell-small-container-details-product-details span {
        color: var(--color-grey-extradark)
    }

    .product-upsells-container-text-content-section:is(.light-blue,.black-card) .plus-upsell-black {
        display: block
    }

    .product-upsells-container-text-content-section:is(.light-blue,.black-card) .add-to-cart-btn-upsell span>:first-child {
        display: none
    }

    .product-upsells-container-text-content-section:not(.light-blue,.black-card) .add-to-cart-btn-upsell span>:nth-child(2) {
        display: none
    }
}

@media screen and (max-width: 989px) {
    div.mobile-section-height-image-video-section-with-text {
        min-height:var(--mobile-section-height)
    }

    .product-list-heading-mobile-white .small-products-upsell-image-video-section>span.caption {
        color: var(--color-white)
    }

    .product-list-heading-mobile-black .small-products-upsell-image-video-section>span.caption {
        color: var(--color-black)
    }

    /*! Card Theme */
    .product-upsells-container-text-content-section:is(.light-blue-mobile,.black-card-mobile) .plus-upsell-black {
        display: block
    }

    .product-upsells-container-text-content-section.light-blue-mobile .product-upsell-small-container {
        backdrop-filter: blur(2px);
        background: var(--gradient-light-blue-upsell);
        border: none
    }

    .product-upsells-container-text-content-section.black-card-mobile .product-upsell-small-container {
        background-color: var(--gradient-solution-card);
        border-color: var(--color-black)
    }

    .product-upsells-container-text-content-section.black-card-mobile .product-upsell-small-container-details-product-details span {
        color: var(--color-black)
    }

    .product-upsells-container-text-content-section:is(.light-blue-mobile,.black-card-mobile) .add-to-cart-btn-upsell span>:first-child {
        display: none
    }

    .product-upsells-container-text-content-section:not(.light-blue-mobile,.black-card-mobile) .add-to-cart-btn-upsell span>:nth-child(2) {
        display: none
    }

    /*! ---- */
    .page-width-mobile {
        padding: 0 1.5rem
    }

    div.image-video-section-with-text {
        padding-left: 0;
        padding-right: 0
    }

    .one-column-absolute .image-video-section-content-text-container {
        left: 0;
        padding: 10px;
        transform: none
    }

    .text-content-background-container {
        background: none;
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100%
    }

    .image-video-section-content-media-container-img {
        height: 340px
    }

    .image-video-section-content-media-container-video {
        display: flex;
        margin: 0
    }

    .image-video-section-content-media-container.mobile-content-on-top-media {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .image-video-section-content-media-container.mobile-content-on-top-media .image-video-section-content-media-container-img {
        height: 100%
    }

    .image-video-section-with-text-mobile {
        display: flex
    }

    .video-section-video-container {
        width: 100%
    }

    .image-video-section-content-flex-container {
        padding: 0
    }

    .image-video-section-content-text-container .text-content-background-container {
        padding: var(--vertical-padding-mobile) 0
    }

    .image-video-section-content-text-container .text-content-background-container,.text-content-background-container {
        align-items: var(--horizonta-position-mobile);
        justify-content: var(--vertical-position-mobile);
        text-align: var(--text-align-mobile)
    }

    .image-video-section-content-flex-container {
        flex-direction: var(--flex-direction-mobile);
        min-height: -moz-fit-content;
        min-height: fit-content
    }

    .small-products-upsell-image-video-section-grid {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        overflow-x: auto;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .small-products-upsell-image-video-section-grid::-webkit-scrollbar {
        display: none
    }

    .product-upsell-small-container {
        min-width: 240px;
        width: 100%
    }

    .product-upsells-container-text-content-section {
        width: 100%
    }

    .small-products-upsell-image-video-section {
        gap: 10px;
        margin-left: 0
    }
}

@media(min-width: 990px) {
    .image-video-section-content-flex-container:not(.reversed-section) .first-column-image-video-section.page-width {
        padding-left:0
    }
}

variant-selects {
    display: block
}

.product--no-media .product-form__input--dropdown,.product--no-media .product-form__input--pill,.product--no-media .product-form__input--swatch {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    text-align: start
}

.product--no-media .product-form__input.product-form__input--pill,.product--no-media .product-form__input.product-form__input--swatch {
    flex-wrap: wrap;
    margin: 0 auto 1.2rem
}

.product--no-media .product-form__input--dropdown {
    flex-direction: column;
    max-width: 100%
}

:is(.product-form__input--pill,.product-form__input--swatch) .form__label {
    margin-bottom: 12px
}

.product-form__input input[type=radio] {
    clip: rect(0,0,0,0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.product-form__input input[type=radio]:not(.disabled):not(.visually-disabled)+label>.label-unavailable {
    display: none
}

.product-form__input--dropdown {
    --swatch-input--size: 2rem;
    margin-bottom: 1.6rem
}

.product-form__input--dropdown .dropdown-swatch+select {
    padding-left: calc(2.4rem + var(--swatch-input--size))
}

.product-form__input--dropdown .dropdown-swatch {
    height: var(--swatch-input--size);
    left: 1.6rem;
    position: absolute;
    top: calc(50% - var(--swatch-input--size)/2);
    width: var(--swatch-input--size);
    z-index: 1
}

.product-form__input--pill input[type=radio]+label:not(.pdp-variant-option-wrapper) {
    background-color: transparent;
    border: .8px solid var(--color-grey-light);
    border-radius: 100px;
    color: rgba(var(--color-grey-medium-dark));
    cursor: pointer;
    display: inline-flex;
    font-size: var(--font-size-caption);
    line-height: var(--line-height-text);
    margin-bottom: 6px;
    margin-right: 6px;
    overflow: hidden;
    padding: 5px 20px;
    position: relative;
    text-align: center;
    transition: border var(--duration-short) ease;
    transition: var(--default-transition)
}

.product-form__input--pill input[type=radio]+label:before {
    border-radius: var(--variant-pills-radius);
    bottom: calc(var(--variant-pills-border-width)*-1);
    box-shadow: var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity));
    content: "";
    left: calc(var(--variant-pills-border-width)*-1);
    position: absolute;
    right: calc(var(--variant-pills-border-width)*-1);
    top: calc(var(--variant-pills-border-width)*-1);
    z-index: -1
}

.product-form__input--pill input[type=radio]+label:hover {
    border-color: var(--color-grey-extradark)
}

.product-form__input--pill input[type=radio]:checked+label {
    border: 1.4px solid var(--color-grey-extradark);
    color: var(--color-grey-extradark)
}

@media screen and (forced-colors:active) {
    .product-form__input--pill input[type=radio]:checked+label {
        text-decoration: underline
    }

    .product-form__input--pill input[type=radio]:focus-visible+label {
        outline: 1px solid transparent;
        outline-offset: 2px
    }
}

.product-form__input--pill input[type=radio]:checked.disabled+label,.product-form__input--pill input[type=radio]:checked:disabled+label {
    border: 1.4px solid var(--color-grey-extradark);
    color: var(--color-grey-extradark)
}

.product-form__input--pill input[type=radio].disabled+label:after,.product-form__input--pill input[type=radio]:disabled+label:after {
    border-top: .8px solid;
    border-color: inherit;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-21deg)
}

.product-form__input--pill input[type=radio]:checked.disabled+label:after,.product-form__input--pill input[type=radio]:checked:disabled+label:after {
    border-top: 1.4px solid
}

.product-form__input--pill input[type=radio]:focus-visible+label {
    box-shadow: 0 0 0 .3rem var(--color-grey-extradark),0 0 0 .5rem var(--color-grey-extradark)
}

.product-form__input--pill input[type=radio].focused+label {
    box-shadow: 0 0 0 .3rem var(--color-grey-extradark),0 0 0 .5rem var(--color-grey-extradark)
}

.product-form__input--swatch {
    display: flex;
    flex-wrap: wrap
}

.product-form__input--swatch .swatch-input__input+.swatch-input__label {
    --swatch-input--size: 23px;
    border: .6px solid transparent;
    margin: 0;
    padding: 4px;
    transition: var(--default-transition)
}

.simplified-card .product-form__input--swatch .swatch-input__input+.swatch-input__label {
    --swatch-input--size: 15px;
    padding: 3px
}

form .active-swatch-input[checked]+label {
    border: 1px solid var(--color-black)!important
}

form.checkbox-form {
    display: flex;
    flex: unset;
    flex-wrap: nowrap;
    gap: 24px 12px;
    margin: 0;
    max-width: unset;
    min-width: unset;
    width: 100%
}

product-card form.checkbox-form {
    flex-wrap: wrap;
    gap: 6px
}

.swatch-input__input+.swatch-input__label {
    --swatch-input--border-radius: 50%;
    background-color: var(--color-white-dark);
    border: .6px solid transparent;
    border-radius: var(--swatch-input--border-radius);
    cursor: pointer;
    display: inline-block;
    forced-color-adjust: none;
    max-width: 100%;
    outline-color: transparent;
    outline-offset: .2rem;
    outline-style: solid;
    transition-duration: var(--duration-short);
    transition-property: outline-color,outline-width,box-shadow;
    transition-timing-function: ease
}

.swatch-input__input+.swatch-input__label.swatch-input__label--square {
    --swatch-input--border-radius: 0.2rem
}

.swatch-input__input+.swatch-input__label:hover,.swatch-input__input:active+.swatch-input__label,.swatch-input__input:checked+.swatch-input__label,.swatch-input__input:hover+.swatch-input__label {
    background-color: transparent;
    border: .6px solid var(--color-black)
}

.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label {
    transition: none
}

.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label:hover {
    outline: none
}

.swatch-input__input:disabled+.swatch-input__label {
    pointer-events: none
}

.swatch-input__input.visually-disabled+.swatch-input__label>.swatch,.swatch-input__input:disabled+.swatch-input__label>.swatch {
    overflow: hidden;
    position: relative
}

.swatch-input__input.visually-disabled+.swatch-input__label>.swatch:after,.swatch-input__input:disabled+.swatch-input__label>.swatch:after {
    --diagonal--size: calc(var(--swatch-input--size)*1.414);
    --crossed-line--size: 0.1rem;
    background-color: rgb(var(--color-foreground));
    bottom: calc(var(--crossed-line--size)*-.5);
    content: "";
    height: var(--crossed-line--size);
    left: 0;
    position: absolute;
    transform: rotate(-45deg);
    transform-origin: left;
    width: var(--diagonal--size)
}

.swatch-input__input.visually-disabled+.swatch-input__label.invert>.swatch:after,.swatch-input__input:disabled+.swatch-input__label.invert>.swatch:after {
    background-color: var(--color-white)
}

.swatch {
    --swatch--size: var(--swatch-input--size,4.4rem);
    --swatch--border-radius: var(--swatch-input--border-radius,50%);
    aspect-ratio: 1/1;
    background: var(--swatch--background);
    background-origin: border-box;
    background-position: var(--swatch-focal-point,initial);
    background-size: cover;
    border: .1rem solid rgba(var(--color-foreground),.15);
    border-radius: var(--swatch--border-radius);
    display: block;
    max-width: 100%;
    width: var(--swatch--size)
}

.swatch--square {
    --swatch--border-radius: var(--swatch-input--border-radius,0.2rem)
}

.swatch--unavailable {
    border-color: rgba(var(--color-foreground),.5);
    border-style: dashed
}

volume-pricing {
    display: block;
    margin-top: 2rem
}

volume-pricing li:nth-child(odd) {
    background: rgba(var(--color-foreground),.04)
}

volume-pricing ul {
    margin-top: 1.2rem
}

volume-pricing li {
    display: flex;
    font-size: 1.4rem;
    justify-content: space-between;
    letter-spacing: .06rem;
    padding: .6rem .8rem
}

div.volume-pricing-note {
    margin-top: -2.6rem
}

.product--no-media .volume-pricing-note {
    text-align: center
}

.product--no-media volume-pricing {
    width: 30rem
}

.volume-pricing-note span,volume-pricing .label-show-more {
    font-size: 1.2rem;
    letter-spacing: .07rem
}

volume-pricing show-more-button {
    margin-top: .8rem
}

.price-per-item__container,.product-form__input price-per-item {
    align-items: center;
    display: flex;
    gap: 1rem
}

.product-form__input .price-per-item {
    color: rgba(var(--color-foreground));
    font-size: 1.4rem;
    letter-spacing: .06rem
}

.price-per-item dl {
    margin: 0
}

.price-per-item dd {
    margin-left: 0
}

.price-per-item__container .variant-item__old-price,.price__regular .variant-item__old-price {
    color: rgba(var(--color-foreground),.75);
    font-size: 1.2rem;
    letter-spacing: .07rem
}

.product-disclaimer .caption.heading-caption {
    font-size: var(--font-size-caption)
}

#MainContent.loading {
    opacity: .6;
    pointer-events: none
}

product-info {
    display: block
}

.product {
    margin: 0
}

.product.grid {
    gap: 0
}

.product--no-media {
    margin: 0 auto;
    max-width: 57rem
}

.product__media-wrapper {
    padding-left: 0
}

.product-container .main-pdp-price {
    align-items: center;
    font-size: var(--font-size-h5)
}

.helper-container {
    position: relative
}

@media screen and (min-width: 750px) {
    .product__column-sticky {
        display:block;
        position: sticky;
        top: 3rem;
        z-index: 2
    }

    .product--thumbnail .thumbnail-list {
        padding-right: var(--media-shadow-horizontal-offset)
    }

    .product__info-wrapper.grid__item {
        padding: 0
    }

    .product__info-wrapper--extra-padding {
        padding: 0 0 0 8rem
    }

    .product--right .product__info-wrapper {
        padding: 0 5rem 0 0
    }

    .product--right .product__info-wrapper--extra-padding {
        padding: 0 8rem 0 0
    }

    .product--right .product__media-list {
        margin-bottom: 2rem
    }

    .product__media-container .slider-buttons {
        display: flex
    }

    .product__media-wrapper .big-image-slider .slider-buttons {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        z-index: 4
    }
}

@media screen and (min-width: 990px) {
    .product--large:not(.product--no-media) .product__media-wrapper {
        max-width:65%;
        width: calc(65% - var(--grid-desktop-horizontal-spacing)/2)
    }

    .product--large:not(.product--no-media) .product__info-wrapper {
        padding: 0;
        width: calc(50% - 45px)
    }

    .product--large:not(.product--no-media).product--right .product__info-wrapper {
        padding: 0 4rem 0 0
    }

    .product--medium:not(.product--no-media) .product__media-wrapper,.product--small:not(.product--no-media) .product__info-wrapper {
        max-width: 55%;
        width: calc(55% - var(--grid-desktop-horizontal-spacing)/2)
    }

    .product--medium:not(.product--no-media) .product__info-wrapper,.product--small:not(.product--no-media) .product__media-wrapper {
        max-width: 45%;
        width: calc(45% - var(--grid-desktop-horizontal-spacing)/2)
    }
}

.shopify-payment-button__button {
    font-family: inherit;
    min-height: 4.6rem
}

.shopify-payment-button__button [role=button]:focus:not(:focus-visible) {
    box-shadow: none!important;
    outline: 0
}

.shopify-payment-button__more-options {
    margin: 1.6rem 0 1rem;
    text-decoration: underline;
    text-underline-offset: .3rem
}

.shopify-payment-button__button+.shopify-payment-button__button--hidden {
    display: none
}

.product-form {
    display: block
}

.product-form__error-message-wrapper:not([hidden]) {
    align-items: flex-start;
    display: flex;
    margin-bottom: 1.5rem
}

.product-form__error-message-wrapper svg {
    flex-shrink: 0;
    height: 1.5rem;
    margin-right: .7rem;
    margin-top: .25rem;
    width: 1.5rem
}

.product-form__input {
    border: none;
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 1.2rem;
    max-width: 44rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0
}

.product-form__input:has(.pdp-variants-wrapper) {
    max-width: 100%
}

.product-form__input .form__label {
    padding-left: 0
}

.product-form__input .select {
    max-width: 100%
}

.product-form__submit {
    margin-bottom: 1rem
}

.product-form__submit[aria-disabled=true]+.shopify-payment-button .shopify-payment-button__button[disabled],.product-form__submit[disabled]+.shopify-payment-button .shopify-payment-button__button[disabled] {
    cursor: not-allowed;
    opacity: .5
}

@media screen and (forced-colors:active) {
    .product-form__submit[aria-disabled=true] {
        color: Window
    }
}

.product__info-container>*+* {
    margin: 7px 0
}

@keyframes shake {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-2px)
    }

    50% {
        transform: translateX(2px)
    }

    75% {
        transform: translateX(-2px)
    }

    to {
        transform: translateX(0)
    }
}

.product-container .pdp-shelly-badge-wrapper {
    margin: 20px 0;
    max-width: 180px
}

.product-container .pdp-shelly-badge-wrapper:has(.badge-wrapper) {
    max-width: 100%
}

.product-container .pdp-shelly-badge-wrapper:has(.badge-wrapper) .badge-wrapper {
    max-width: 180px
}

.product__info-container .consent-checkbox-info-wrapper {
    align-items: baseline;
    background-color: var(--color-blue-extralight);
    border-radius: var(--default-border-radius);
    cursor: pointer;
    display: flex;
    gap: 13.5px;
    padding: 10px 25px 14px 12px
}

.product__info-container .product-vendor-info-wrapper {
    font-size: var(--font-size-body-mobile)
}

.product__info-container .product-vendor-info-wrapper a {
    color: inherit;
    font-weight: var(--font-weight-bold)
}

.product__info-container .consent-checkbox-info-wrapper.consent-error {
    animation: shake .3s ease-in-out;
    border: 1px solid red
}

.product__info-container .consent-checkbox-info-wrapper .content-title-tooltip-swrapper {
    align-items: center;
    display: flex
}

.product__info-container .consent-checkbox-info-wrapper .content-title-tooltip-swrapper .tooltip-content-wrapper {
    display: flex
}

.product__info-container .consent-checkbox-info-wrapper .checkbox_content_wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.product__info-container .consent-checkbox-info-wrapper .checkbox_content_wrapper .tooltip-content .tooltip-body * {
    margin: 0
}

.product__info-container .consent-checkbox-info-wrapper .consent_checkbox_description_wrapper {
    max-width: 460px
}

.product__info-container .consent-checkbox-info-wrapper .consent_checkbox_description_wrapper * {
    font-size: var(--font-size-caption-mobile);
    margin: 0
}

.product__info-container .consent-checkbox-info-wrapper .consent_checkbox_description_wrapper a {
    color: inherit
}

.product__info-container .consent-checkbox-info-wrapper .content-title-tooltip-swrapper .consent-title {
    font-size: var(--font-size-caption);
    font-weight: var(--font-weight-semibold)
}

.consent-checkbox-info-wrapper input.checkbox-input {
    margin: 0
}

.product__info-container .consent-checkbox-info-wrapper .info-tooltip {
    margin-left: 6px
}

.product__info-container iframe {
    max-width: 100%
}

.product__text {
    margin-bottom: 0
}

a.product__text {
    display: block;
    text-decoration: none
}

.product__text.caption-with-letter-spacing {
    text-transform: uppercase
}

.product__title {
    margin-bottom: 1.5rem;
    word-break: break-word
}

.product__title>* {
    margin: 0
}

.product__title>a {
    display: none
}

.product__title+.product__text.caption-with-letter-spacing {
    margin-top: -1.5rem
}

.product__text.caption-with-letter-spacing+.product__title {
    margin-top: 0
}

.product__accordion .accordion__content {
    padding: 0 1rem
}

.product .price .badge,.product .price dl {
    margin-bottom: .5rem
}

.product .price dl {
    margin-top: .5rem
}

.product-description {
    padding-right: 28px
}

.product-description .caption {
    line-height: var(--line-height-text-loose)
}

.product .price--sold-out .price__badge-sale {
    display: none
}

.product .pdp-variants-wrapper {
    display: flex;
    flex: unset;
    flex-wrap: wrap;
    gap: 24px 12px;
    margin: 0;
    max-width: unset;
    min-width: unset;
    padding-top: 28px;
    width: 100%
}

.product .pdp-variants-wrapper label.block-option {
    justify-content: space-between;
    width: calc(25% - 9px)
}

.product .pdp-variants-wrapper.three-a-line label.block-option {
    width: calc(33% - 7px)
}

.pdp-variants-wrapper .product .pdp-variants-wrapper .variant-title-wrapper {
    line-height: var(--line-height-loose)
}

.product .pdp-variants-wrapper .caption-block-option {
    gap: 4px
}

.product .pdp-variants-wrapper .variant-img-wrapper {
    display: flex;
    flex: 1;
    justify-content: center;
    width: 100%
}

.product variant-selects:has(.pdp-variants-wrapper) {
    -webkit-appearance: none;
    overflow-x: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: none
}

.product variant-selects:has(.pdp-variants-wrapper)::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 989px) {
    .product__info-container {
        max-width:60rem
    }

    .product__info-container>:first-child {
        margin-top: 0
    }
}

.product__description-title {
    font-weight: 600
}

.product--no-media .product__sku,.product--no-media .product__tax,.product--no-media .product__text,.product--no-media .product__title,.product--no-media shopify-payment-terms {
    text-align: center
}

.product--no-media .product__info-wrapper,.product--no-media .product__media-wrapper {
    padding: 0
}

.product--no-media .share-button {
    max-width: 100%
}

.product--no-media .product-form,.product--no-media .product-form__quantity,.product--no-media .product__pickup-availabilities,.product--no-media .product__view-details,.product--no-media .share-button {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.product--no-media .product-form {
    flex-direction: column
}

.product--no-media .product-form>.form {
    max-width: 30rem;
    width: 100%
}

.product--no-media .product-form__quantity {
    flex-direction: column;
    max-width: 100%
}

.product-form__quantity .form__label {
    margin-bottom: .6rem
}

.product-form__quantity {
    display: flex
}

.price-per-item__label.form__label {
    margin-bottom: 0
}

.product-form__quantity-top .form__label {
    margin-bottom: 1.2rem
}

.product--no-media .product__info-container>modal-opener {
    display: block;
    text-align: center
}

.product--no-media .product-popup-modal__button {
    padding-right: 0
}

.product--no-media .price {
    text-align: center
}

.product__media-list video {
    border-radius: calc(var(--media-radius) - var(--media-border-width))
}

@media screen and (max-width: 749px) {
    .product__media-list {
        margin-bottom:3rem;
        width: calc(100% + 4rem)
    }

    .slider.product__media-list::-webkit-scrollbar {
        height: .2rem;
        width: .2rem
    }

    .product__media-list .product__media-item {
        width: 100%
    }

    .product--mobile-columns .product__media-item {
        width: calc(50% - 1.5rem - var(--grid-mobile-horizontal-spacing))
    }
}

@media screen and (min-width: 750px) {
    .product--thumbnail .product__media-list,.product--thumbnail_slider .product__media-list {
        padding-bottom:calc(var(--media-shadow-vertical-offset)*var(--media-shadow-visible))
    }

    .product__media-list {
        padding-right: calc(var(--media-shadow-horizontal-offset)*var(--media-shadow-visible))
    }

    .product--thumbnail .product__media-item:not(.is-active),.product--thumbnail_slider .product__media-item:not(.is-active) {
        display: none
    }

    .product__media-wrapper .big-image-slider .product__media-item {
        display: block;
        flex-shrink: 0;
        width: 100%
    }

    .product__media-wrapper .big-image-slider .product__media-list {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory
    }

    .thumbnail-slider {
        height: calc(400px + 4rem);
        overflow: hidden;
        position: relative
    }

    .thumbnail-slider .thumbnail-list.slider--mobile {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 1rem;
        grid-template-columns: none;
        height: 100%;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory
    }

    .thumbnail-slider .thumbnail-list__item {
        flex-shrink: 0;
        height: 80px;
        width: 80px
    }

    .thumbnail-slider .thumbnail-list__item:before {
        display: none;
        padding-bottom: 0
    }

    .thumbnail-slider .slider-buttons {
        display: none
    }

    @media screen and (min-width: 750px) {
        .thumbnail-slider .slider-buttons {
            display:flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between;
            pointer-events: none;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 4
        }
    }
}

@media screen and (min-width: 750px) {
    .thumbnail-slider .slider-buttons .slider-button {
        align-items:center;
        background: var(--color-blue-light-transparent);
        border-radius: 50%;
        display: flex;
        height: 30px;
        justify-content: center;
        margin: .5rem 0;
        pointer-events: auto;
        position: relative;
        width: 30px;
        z-index: 5
    }

    .thumbnail-slider .slider-button--next,.thumbnail-slider .slider-button--prev {
        transform: rotate(90deg)
    }

    .slider-mobile-gutter .slider-button[disabled=disabled] {
        opacity: 0
    }
}

.product-media-modal__content>.product__media-item--variant.product__media-item--variant {
    display: none
}

.product-media-modal__content>.product__media-item--variant:first-child {
    display: block
}

@media screen and (min-width: 750px) and (max-width:989px) {
    .product__media-list .product__media-item:first-child {
        padding-left:0
    }

    .product--thumbnail_slider .product__media-list {
        margin-left: 0
    }

    .product__media-list .product__media-item {
        width: 100%
    }
}

.product__media-icon .icon {
    height: 1.4rem;
    width: 1.2rem
}

.product__media-icon,.thumbnail__badge {
    align-items: center;
    background-color: var(--color-white);
    border-radius: var(--full-border-radius);
    bottom: 16px;
    display: flex;
    height: 34px;
    justify-content: center;
    position: absolute;
    right: 16px;
    width: 34px;
    z-index: 1
}

.product__modal-opener--image .product__media-toggle:hover {
    cursor: zoom-in
}

@media screen and (min-width: 750px) {
    .grid__item.product__media-item--full {
        width:100%
    }

    .product--columns .product__media-item:not(.product__media-item--single):not(:only-child) {
        max-width: calc(50% - var(--grid-desktop-horizontal-spacing)/2)
    }

    .product--large.product--columns .product__media-item--full .deferred-media__poster-button {
        height: 5rem;
        width: 5rem
    }

    .product--medium.product--columns .product__media-item--full .deferred-media__poster-button {
        height: 4.2rem;
        width: 4.2rem
    }

    .product--medium.product--columns .product__media-item--full .deferred-media__poster-button .icon {
        height: 1.8rem;
        width: 1.8rem
    }

    .product--small.product--columns .product__media-item--full .deferred-media__poster-button {
        height: 3.6rem;
        width: 3.6rem
    }

    .product--small.product--columns .product__media-item--full .deferred-media__poster-button .icon {
        height: 1.6rem;
        width: 1.6rem
    }
}

@media screen and (min-width: 990px) {
    .product--stacked .product__media-item {
        max-width:calc(50% - var(--grid-desktop-horizontal-spacing)/2)
    }

    .product:not(.product--columns) .product__media-list .product__media-item--full,.product:not(.product--columns) .product__media-list .product__media-item:first-child {
        max-width: 100%;
        width: 100%
    }

    .product__modal-opener .product__media-icon {
        border: none;
        height: 44px;
        width: 44px
    }
}

.product__media-item>* {
    display: block;
    position: relative
}

.product__media-toggle {
    background-color: transparent;
    border: none;
    color: currentColor;
    display: flex;
    padding: 0
}

.product__media-toggle:after {
    bottom: calc(var(--border-width)*-1);
    content: "";
    cursor: pointer;
    display: block;
    left: calc(var(--border-width)*-1);
    margin: 0;
    padding: 0;
    position: absolute;
    right: calc(var(--border-width)*-1);
    top: calc(var(--border-width)*-1);
    z-index: 2
}

.product__media-toggle:focus-visible {
    box-shadow: none;
    outline: 0
}

@media (forced-colors:active) {
    .product__media-toggle:focus-visible,.product__media-toggle:focus-visible:after {
        outline: 1px solid transparent;
        outline-offset: 2px
    }
}

.product__media-toggle.focused {
    box-shadow: none;
    outline: 0
}

.product-media-modal {
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.product-media-modal[open] {
    opacity: 1;
    visibility: visible;
    z-index: 101
}

.product-media-modal__dialog {
    align-items: center;
    display: flex;
    height: 100vh
}

.product-media-modal__content {
    background-color: var(--color-white);
    max-height: 100vh;
    overflow: auto;
    width: 100%
}

.product-media-modal__content>:not(.active),.product__media-list .deferred-media {
    display: none
}

@media screen and (min-width: 750px) {
    .product-media-modal__content {
        padding-bottom:2rem
    }

    .product-media-modal__content>:not(.active) {
        display: block
    }

    .product__modal-opener:not(.product__modal-opener--image) {
        display: none
    }

    .product__media-list .deferred-media {
        display: block
    }
}

@media screen and (max-width: 749px) {
    .product--thumbnail .is-active .product__modal-opener:not(.product__modal-opener--image),.product--thumbnail_slider .is-active .product__modal-opener:not(.product__modal-opener--image) {
        display:none
    }

    .product--thumbnail .is-active .deferred-media,.product--thumbnail_slider .is-active .deferred-media {
        display: block;
        width: 100%
    }

    .product-media-modal__content .photoswipe-zoom--image {
        height: auto;
        width: 750px
    }
}

.product-media-modal__content>* {
    display: block;
    height: auto;
    margin: auto
}

.product-media-modal__content .media {
    background: none
}

.product-media-modal__model {
    width: 100%
}

.product-media-modal__toggle {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 1.2rem;
    position: fixed;
    right: 2rem;
    top: 2rem;
    z-index: 2
}

.product-media-modal__content .deferred-media {
    width: 100%
}

@media screen and (min-width: 750px) {
    .product-media-modal__content {
        padding:2rem 11rem
    }

    .product-media-modal__content>* {
        width: 100%
    }

    .product-media-modal__content>*+* {
        margin-top: 2rem
    }

    .product-media-modal__toggle {
        right: 5rem;
        top: 2.2rem
    }
}

@media screen and (min-width: 990px) {
    .product-media-modal__content {
        padding:2rem 11rem
    }

    .product-media-modal__content>*+* {
        margin-top: 1.5rem
    }

    .product-media-modal__content {
        padding-bottom: 1.5rem
    }

    .product-media-modal__toggle {
        right: 5rem
    }

    .product-media-modal__content .photoswipe-zoom--image {
        height: auto;
        width: calc(100vw - 22rem)
    }
}

.product-media-modal__content .photoswipe-zoom--image {
    max-width: calc(var(--max-width) + 100px)
}

.product-media-modal__toggle .icon {
    height: auto;
    margin: 0;
    width: 2.2rem
}

.product-popup-modal {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.product-popup-modal[open] {
    opacity: 1;
    visibility: visible;
    z-index: 101
}

.product-popup-modal__content {
    border-radius: var(--popup-corner-radius);
    border-style: solid;
    border-width: var(--popup-border-width);
    height: 80%;
    left: 50%;
    margin: 5rem auto 0;
    overflow: auto;
    padding: 0 1.5rem 0 3rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 92%
}

@media screen and (min-width: 750px) {
    .product-popup-modal__content {
        margin-top:10rem;
        padding: 0 3rem;
        width: 70%
    }

    .product-media-modal__dialog .global-media-settings--no-shadow {
        overflow: visible!important
    }
}

.product-popup-modal__content img {
    max-width: 100%
}

@media screen and (max-width: 749px) {
    .product-popup-modal__content table {
        display:block;
        margin: 0;
        max-width: -moz-fit-content;
        max-width: fit-content;
        overflow-x: auto;
        white-space: nowrap
    }

    .product-media-modal__dialog .global-media-settings,.product-media-modal__dialog .global-media-settings iframe,.product-media-modal__dialog .global-media-settings img,.product-media-modal__dialog .global-media-settings model-viewer,.product-media-modal__dialog .global-media-settings video {
        border: none;
        border-radius: 0
    }
}

.product-popup-modal__opener {
    display: inline-block
}

.product-popup-modal__button {
    min-height: 4.4rem;
    padding-left: 0;
    padding-right: 1.3rem;
    text-decoration-thickness: .1rem;
    text-underline-offset: .3rem;
    transition: text-decoration-thickness var(--duration-short) ease
}

.product-popup-modal__button:hover {
    text-decoration-thickness: .2rem
}

.product-popup-modal__content-info {
    padding-right: 4.4rem
}

.product-popup-modal__content-info>* {
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    width: 100%
}

@media screen and (max-width: 749px) {
    .product-popup-modal__content-info>* {
        max-height:100%
    }
}

.product-popup-modal__toggle {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0 0 0 auto;
    padding: 1.2rem;
    position: sticky;
    top: 1.5rem;
    width: 4rem;
    z-index: 2
}

.product-popup-modal__toggle .icon {
    height: auto;
    margin: 0;
    width: 2.2rem
}

.product__media-list .media>* {
    overflow: hidden
}

.thumbnail-list {
    flex-wrap: wrap;
    grid-gap: 1rem
}

.slider--mobile.thumbnail-list:after {
    content: none
}

@media screen and (min-width: 750px) {
    .product--stacked .thumbnail-list {
        display:none
    }

    .thumbnail-list {
        display: grid;
        grid-template-columns: repeat(4,1fr)
    }
}

.thumbnail-list_item--variant:not(:first-child) {
    display: none
}

@media screen and (min-width: 990px) {
    .thumbnail-list {
        grid-template-columns:repeat(4,1fr)
    }

    .product--medium .thumbnail-list {
        grid-template-columns: repeat(5,1fr)
    }

    .product--large .thumbnail-list {
        grid-template-columns: repeat(6,1fr)
    }
}

@media screen and (max-width: 749px) {
    .product__media-item {
        align-items:center;
        display: flex
    }

    .product__modal-opener {
        width: 100%
    }

    .thumbnail-slider {
        align-items: center;
        display: flex
    }

    .thumbnail-slider .thumbnail-list.slider {
        display: flex;
        flex: 1;
        scroll-padding-left: .5rem
    }

    .thumbnail-list__item.slider__slide {
        width: calc(33% - .6rem)
    }

    .product__media-wrapper .slider-mobile-gutter.thumbnail-slider .slider-button {
        display: none
    }
}

@media screen and (min-width: 750px) {
    .product--thumbnail_slider .thumbnail-slider {
        align-items:center;
        display: flex
    }

    .thumbnail-slider .thumbnail-list.slider--tablet-up {
        display: flex;
        flex: 1;
        padding: .5rem;
        scroll-padding-left: .5rem
    }

    .product__media-wrapper .slider-mobile-gutter .slider-button {
        display: flex
    }

    .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
        width: calc(25% - .8rem)
    }

    .product--thumbnail_slider .slider-mobile-gutter .list-unstyled.slider .slider-button {
        display: flex
    }
}

@media screen and (min-width: 900px) {
    .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
        width:calc(25% - .8rem)
    }

    .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
        width: calc(20% - .8rem)
    }
}

.thumbnail {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.thumbnail img {
    border-radius: var(--default-border-radius)
}

.thumbnail:hover {
    opacity: .7
}

.thumbnail[aria-current] {
    border: none;
    overflow: visible!important
}

.thumbnail[aria-current]:after {
    border-bottom: 2px solid var(--color-blue-primary);
    bottom: -8px;
    content: "";
    height: 2px;
    height: 100%;
    left: 0;
    margin-top: 6px;
    position: absolute;
    top: unset;
    width: 100%;
    z-index: 0
}

.image-magnify-full-size {
    border-radius: calc(var(--media-radius) - var(--media-border-width));
    cursor: zoom-out;
    margin: 0;
    z-index: 1
}

.image-magnify-hover {
    cursor: zoom-in
}

.product__media-icon--none,.product__modal-opener--image .product__media-zoom-none {
    display: none
}

.product__modal-opener>.loading__spinner {
    align-items: center;
    display: flex;
    height: 48px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 48px
}

.product__modal-opener .path {
    opacity: .75
}

@media (hover: hover) {
    .product__media-icon--hover,.product__media-zoom-hover {
        display:none
    }
}

@media screen and (max-width: 749px) {
    .product__media-icon--hover,.product__media-zoom-hover {
        display:flex
    }

    .product--large:not(.product--no-media) .product__info-wrapper {
        padding: 0;
        width: calc(50% - 22px)
    }
}

.js .product__media {
    overflow: hidden!important
}

.thumbnail img {
    background-color: var(--color-blue-extralight);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    width: 100%
}

.thumbnail__badge .icon {
    height: 1rem;
    width: 1rem
}

.thumbnail__badge .icon-3d-model {
    height: 1.2rem;
    width: 1.2rem
}

.thumbnail__badge {
    height: 2rem;
    left: auto;
    right: calc(.4rem + var(--media-border-width));
    top: calc(.4rem + var(--media-border-width));
    width: 2rem
}

@media screen and (min-width: 750px) {
    .product:not(.product--small) .thumbnail__badge {
        height:3rem;
        width: 3rem
    }

    .product:not(.product--small) .thumbnail__badge .icon {
        height: 1.2rem;
        width: 1.2rem
    }

    .product:not(.product--small) .thumbnail__badge .icon-3d-model {
        height: 1.4rem;
        width: 1.4rem
    }
}

.thumbnail-list__item {
    position: relative
}

.thumbnail-list__item:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.product:not(.featured-product) .product__view-details {
    display: none
}

.product__view-details {
    display: block;
    text-decoration: none
}

.product__view-details:hover {
    text-decoration: underline;
    text-underline-offset: .3rem
}

.product__view-details .icon {
    flex-shrink: 0;
    margin-left: 1.2rem;
    width: 1.2rem
}

.product__inventory {
    align-items: center;
    display: flex;
    gap: .5rem
}

.product--no-media .product__inventory {
    justify-content: center
}

.product__inventory.visibility-hidden:empty {
    display: block
}

.product__inventory.visibility-hidden:empty:after {
    content: "#"
}

.icon-with-text {
    --icon-size: calc(var(--font-heading-scale)*3rem);
    --icon-spacing: calc(var(--font-heading-scale)*1rem)
}

.icon-with-text--horizontal {
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.icon-with-text--vertical {
    --icon-size: calc(var(--font-heading-scale)*2rem)
}

.icon-with-text .icon {
    height: var(--icon-size);
    width: var(--icon-size)
}

.icon-with-text--horizontal .icon,.icon-with-text--horizontal img {
    margin-bottom: var(--icon-spacing)
}

.icon-with-text--vertical .icon {
    margin-right: var(--icon-spacing);
    min-height: var(--icon-size);
    min-width: var(--icon-size)
}

.icon-with-text img {
    height: var(--icon-size);
    -o-object-fit: contain;
    object-fit: contain;
    width: var(--icon-size)
}

.icon-with-text--vertical img {
    margin-right: var(--icon-spacing)
}

.icon-with-text--horizontal .h4 {
    padding-top: calc(var(--icon-size) + var(--icon-spacing));
    text-align: center
}

.icon-with-text--horizontal img+.h4,.icon-with-text--horizontal svg+.h4,.icon-with-text--horizontal.icon-with-text--text-only .h4 {
    padding-top: 0
}

.icon-with-text__item {
    align-items: center;
    display: flex
}

.icon-with-text--horizontal .icon-with-text__item {
    flex-direction: column;
    width: 33%
}

.icon-with-text--vertical .icon-with-text__item {
    margin-bottom: var(--icon-size)
}

.product__sku.visibility-hidden:after {
    content: "#"
}

.product-media-container {
    --aspect-ratio: var(--preview-ratio);
    --ratio-percent: calc(1/var(--aspect-ratio)*100%);
    max-width: calc(100% - var(--media-border-width)*2);
    position: relative;
    width: 100%
}

.product-media-container.constrain-height {
    --viewport-offset: 400px;
    --constrained-min-height: 300px;
    --constrained-height: max(var(--constrained-min-height),calc(100vh - var(--viewport-offset)));
    margin-left: auto;
    margin-right: auto
}

.product-media-container .media {
    padding-top: var(--ratio-percent)
}

@media screen and (max-width: 749px) {
    .product-media-container.media-fit-cover {
        align-self:stretch;
        display: flex
    }

    .product-media-container.media-fit-cover .media {
        position: static
    }

    .product--large:not(.product--no-media) .product__info-wrapper {
        width: 100%
    }
}

@media screen and (min-width: 750px) {
    .product-media-container {
        max-width:100%
    }

    .product-media-container:not(.media-type-image) {
        --aspect-ratio: var(--ratio)
    }

    .product-media-container.constrain-height {
        --viewport-offset: 170px;
        --constrained-min-height: 500px
    }

    .product-media-container.media-fit-cover,.product-media-container.media-fit-cover .media,.product-media-container.media-fit-cover .product__modal-opener {
        height: 100%
    }

    .product-media-container.media-fit-cover .deferred-media__poster img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

.product-media-container .product__modal-opener {
    display: block;
    position: relative
}

@media screen and (min-width: 750px) {
    .product-media-container .product__modal-opener:not(.product__modal-opener--image) {
        display:none
    }
}

.recipient-form {
    --recipient-checkbox-margin-top: 0.64rem;
    display: block;
    margin-bottom: 2.5rem;
    max-width: 44rem;
    position: relative
}

.recipient-form-field-label {
    margin: .6rem 0
}

.recipient-form-field-label--space-between {
    display: flex;
    justify-content: space-between
}

.recipient-checkbox {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    max-width: inherit;
    position: relative;
    word-break: break-word
}

.recipient-form>input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    height: 1.6rem;
    left: 0;
    margin: var(--recipient-checkbox-margin-top) 0;
    position: absolute;
    top: 0;
    width: 1.6rem;
    z-index: -1
}

.recipient-fields__field {
    margin: 0 0 2rem
}

.recipient-fields .field__label {
    max-width: calc(100% - 3.5rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recipient-checkbox>svg {
    flex-shrink: 0;
    margin-right: 1.2rem;
    margin-top: var(--recipient-checkbox-margin-top)
}

.recipient-form .icon-checkmark {
    left: .28rem;
    position: absolute;
    top: .4rem;
    visibility: hidden;
    z-index: 5
}

.recipient-form>input[type=checkbox]:checked+label .icon-checkmark {
    visibility: visible
}

.js .recipient-fields {
    display: none
}

.recipient-fields hr {
    margin: 1.6rem auto
}

.recipient-form>input[type=checkbox]:checked~.recipient-fields {
    animation: animateMenuOpen var(--duration-default) ease;
    display: block
}

.recipient-email-label,.recipient-form>input[type=checkbox]:not(:checked,:disabled)~.recipient-fields {
    display: none
}

.js .recipient-email-label.required {
    display: inline
}

.recipient-form ul {
    padding-left: 4.4rem;
    text-align: left
}

.recipient-form ul a {
    display: inline
}

.recipient-form .error-message:first-letter {
    text-transform: capitalize
}

@media screen and (forced-colors:active) {
    .recipient-checkbox>svg {
        background-color: inherit
    }

    .recipient-form>input[type=checkbox]:checked+label .icon-checkmark {
        border: none
    }
}

.product--thumbnail.product {
    flex-wrap: nowrap;
    gap: 90px
}

.product-breadcrumbs {
    margin-bottom: 16px
}

.caption-02,.price--on-sale .caption-02.price-item,.product-breadcrumbs a {
    color: var(--color-grey-medium-dark);
    font-size: var(--font-size-caption-mobile);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-loose);
    text-decoration: none
}

.price--on-sale .caption-02.price-item.price-item--regular {
    display: flex;
    margin: 0;
    text-decoration: line-through
}

.caption-02.bold,.price--on-sale .caption-02.price-item.bold {
    font-weight: var(--font-weight-bold)
}

.product-breadcrumbs a:not(:last-child):after {
    content: ">";
    margin: 4px
}

.product-breadcrumbs a.active {
    color: var(--color-blue-primary)
}

.product__info-wrapper .seperator {
    border: 1px solid;
    border-top: none;
    color: var(--color-grey-medium);
    height: .6px;
    margin: 20px 0
}

.form__label.caption-02.bold {
    color: var(--color-grey-extradark);
    font-weight: var(--font-weight-bold);
    margin-bottom: 10px
}

.extra-warranty-container .li-content {
    margin: auto 8px
}

.extra-warranty-container .li-content .black {
    color: var(--color-black)
}

.extra-warranty-container .li-content .blue {
    color: var(--color-blue-primary)
}

.extra-warranty-container .li-content .blue-medium {
    color: var(--color-blue-medium)
}

.extra-warranty-container .li-content .grey {
    color: var(--color-grey-extradark)
}

.extra-warranty-container .li-content .white {
    color: var(--color-white)
}

.extra-warranty-container .text-list {
    gap: 4px;
    margin: 0 0 0 35px
}

.extra-warranty-container {
    background-color: var(--color-blue-extralight);
    border-radius: var(--default-border-radius);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 16px 14px 12px
}

.consent-checkbox-info-wrapper input[type=checkbox],.extra-warranty-container input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--color-grey-dark);
    border-radius: var(--small-border-radius);
    height: 14px;
    margin: 0;
    position: relative;
    width: 14px
}

.consent-checkbox-info-wrapper input[type=checkbox]:checked,.extra-warranty-container input[type=checkbox]:checked {
    border: 1px solid var(--color-blue-primary)
}

.consent-checkbox-info-wrapper input[type=checkbox]+.checkmark,.extra-warranty-container input[type=checkbox]+.checkmark {
    align-items: center;
    display: none;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%
}

.consent-checkbox-info-wrapper input[type=checkbox]:checked+.checkmark,.extra-warranty-container input[type=checkbox]:checked+.checkmark {
    display: flex
}

.extra-warranty-container .checkbox-container {
    align-items: center;
    display: flex;
    gap: 13.5px
}

.extra-warranty-container .warranty-heading {
    align-items: center;
    display: flex
}

.extra-warranty-container .warranty-price {
    margin-left: auto
}

.consent-checkbox-info-wrapper .checkbox-wrapper,.extra-warranty-container .checkmark {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.warranty-info {
    gap: 6px
}

.warranty-info,.warranty-info .tooltip-body {
    align-items: center;
    display: flex
}

.warranty-info .tooltip-body .info-tooltip {
    margin-left: 6px
}

.warranty-icon {
    display: inline-flex;
    position: relative
}

.warranty-icon .warranty-time {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.cart-drawer-progress-bar-promo-product-page {
    background-color: var(--color-orange-light);
    border-radius: 4px;
    color: #d89444;
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    padding: 8px 16px
}

.cart-drawer-progress-bar-promo-product-page em {
    font-style: normal
}

.cart-drawer-progress-bar-promo-product-page strong {
    color: #cf7e20
}

.cart-drawer-progress-bar-promo-product-page em strong {
    color: #ad6b1d
}

.cart-drawer-progress-bar-promo-product-page * {
    margin: 0
}

.cart-drawer-progress-bar-promo-product-page .main {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: center
}

.cart-drawer-progress-bar-promo-product-page .main svg {
    stroke-width: 1.2px
}

.buttons-row {
    align-items: stretch;
    display: flex;
    gap: 8px;
    margin-bottom: 0;
    margin-top: 16px
}

.shopify-block.shopify-app-block+.buttons-row {
    margin-top: 8px
}

.buttons-row .buttons {
    flex-grow: 1
}

.buttons-row .buttons button {
    flex-direction: row-reverse;
    gap: 12px;
    width: 100%
}

.buttons-row .buttons .product-form__buttons button {
    padding-left: 0;
    padding-right: 0
}

.product-form__buttons .btn.btn-filled-blue {
    border: none
}

.buttons-row button circle,.buttons-row button path {
    stroke: currentColor
}

.buttons-row .wishlist path {
    stroke-width: 1px
}

.buttons-row .quantity__button svg {
    width: 22px
}

.buttons-row .quantity__button path {
    stroke: none
}

.buttons-row .wishlist svg {
    height: 22px;
    width: 24px
}

.buttons-row .wishlist button {
    height: -moz-fit-content;
    height: fit-content
}

.buttons-row:has(.notify-me) .wishlist {
    align-items: center;
    display: flex;
    height: 60px
}

.buttons-row:has(.notify-me) .wishlist button {
    background-color: transparent;
    border: none;
    padding: 8px 6px
}

.buttons-row:has(.notify-me) .wishlist button svg {
    height: 15px;
    width: auto
}

.buttons-row button:has(>.loading__spinner:not(.hidden))>:is(span,svg) {
    opacity: 0
}

.key-features .caption {
    letter-spacing: normal
}

.key-features-container {
    border: 1px solid var(--color-grey-medium);
    border-radius: var(--default-border-radius);
    padding: 20px 27px 38px 40px
}

.key-features .text-list svg {
    margin: 0
}

.key-features {
    margin-top: 20px
}

.key-features-container .icons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center
}

.key-features-container .title-row>span {
    white-space: nowrap
}

.key-features-container .icons .feature-icon {
    background-color: var(--color-grey-extralight);
    border-radius: var(--full-border-radius);
    display: flex;
    height: 44px;
    padding: 11px;
    width: 44px
}

.key-features-container .icons .feature-icon svg {
    height: 100%;
    width: 100%
}

.key-features-container .title-row {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between
}

@media screen and (max-width: 1200px) {
    .product--thumbnail.product {
        gap:45px
    }

    .key-features-container {
        padding: 20px 25px
    }
}

.product-info-button {
    margin-top: 28px
}

.product-info-button .btn {
    font-weight: var(--font-weight-semibold)
}

.preorder-info {
    align-items: center;
    display: inline-flex;
    gap: 0;
    justify-content: center;
    text-align: center;
    width: 100%
}

.preorder-info p {
    margin: 0
}

.product-status {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-top: 7px
}

.product-status .indicator {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    position: relative;
    width: 16px
}

.product-status .indicator:before {
    background-color: currentColor;
    border-radius: var(--full-border-radius);
    content: "";
    display: block;
    height: 100%;
    opacity: .15;
    position: absolute;
    width: 100%
}

.product-status.in-stock {
    color: var(--color-green)
}

.product-status.out {
    color: var(--color-grey-dark)
}

.product-status.a-few {
    color: var(--color-orange)
}

.product-status.discontinued {
    color: var(--color-secondary-red-medium)
}

.product-status.discontinued .tooltip-header svg path,.product-status.discontinued .tooltip-icon svg path {
    fill: currentColor
}

.product-status.preorder {
    color: var(--color-blue-primary)
}

.product-status.off {
    color: var(--color-secondary-red-dark)
}

.product-status-badge {
    align-items: center;
    border-radius: var(--default-border-radius);
    display: flex;
    justify-content: center;
    padding: 2px 8px
}

.product-status-badge-most-popular {
    background: #044189;
    border: 1px solid var(--color-blue-extra-dark);
    border-radius: 4px
}

.product-status-badge-best-value {
    background: #00a676;
    border: 1px solid #00a676;
    border-radius: 4px
}

.product-status-badge-best-value .product-status,.product-status-badge-most-popular .product-status {
    color: var(--color-white);
    font-weight: 700;
    line-height: 1.5
}

.product-status-badge .product-status {
    margin: 0
}

.product-status-badge-discontinued,.product-status-badge-off {
    background-color: var(--color-secondary-red-light)
}

.product-status-badge-in-stock {
    background-color: var(--color-green-light)
}

.product-status-badge-out {
    background-color: var(--color-grey-extralight)
}

.product-status-badge-a-few {
    background-color: var(--color-orange-light)
}

.product-status-badge-preorder {
    background-color: var(--color-blue-extralight)
}

.product-status .indicator i {
    background-color: currentColor;
    border-radius: var(--full-border-radius);
    display: block;
    height: 7.1px;
    width: 7.1px
}

.product-container .show-on-mobile {
    display: none
}

.caption-block-option {
    font-size: calc(var(--font-size-body-mobile) - 1px)
}

.block-option {
    align-items: center;
    border: 1px solid var(--color-grey-light);
    border-radius: var(--default-border-radius);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 26px 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: var(--default-transition);
    width: 100%
}

.block-option.active:not(.pdp-variant-option-wrapper) {
    border: 1px solid var(--color-blue-primary)
}

.block-option.disabled .block-option-header .info-tooltip .tooltip-icon,.block-option.disabled .block-option-header>:not(.info-tooltip),.block-option.disabled>:not(.block-option-header,.product-status-badge) {
    opacity: .6
}

.block-option-header {
    align-items: center;
    display: flex;
    gap: 4px
}

.block-option.disabled.active {
    border: 1px solid var(--color-grey-dark)
}

.block-option.disabled.active .product-status-badge .product-status {
    color: var(--color-grey-extradark)
}

.block-option .product-status-badge {
    left: 50%;
    max-width: calc(100% - var(--default-border-radius)*2);
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%);
    width: -moz-max-content;
    width: max-content
}

.block-option picture img {
    -o-object-fit: contain;
    object-fit: contain
}

.block-option picture {
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 4px;
    max-width: 110px;
    width: 100%
}

.block-options-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(130px,1fr))
}

.block-options-flex {
    display: flex
}

.block-options-flex .block-option {
    width: 100%
}

.block-options {
    align-items: stretch;
    gap: 12px;
    justify-content: flex-start;
    overflow-x: auto;
    padding-top: 28px;
    row-gap: 24px
}

.block-options,.block-options.large .block-option {
    max-width: unset;
    width: 100%
}

.block-options .block-price,.block-options .price-total-wrapper {
    display: flex;
    gap: 4px
}

.block-options .block-price:has(.price-total-wrapper) {
    flex-direction: column
}

.block-options .block-price:has(.price-total-wrapper) .product-status {
    justify-content: center
}

.block-options .block-price .price .price-item {
    margin: 0
}

.block-options .block-price,.block-options .block-price .caption-02 {
    color: var(--color-grey-extradark)
}

.block-option .block-price .price--on-sale .price-item--regular {
    color: var(--color-grey-dark);
    font-weight: var(--font-weight-semibold)
}

.block-option .block-price .price--on-sale .price-item--sale {
    color: var(--color-secondary-red-dark)
}

.block-option .block-price :is(.price--sold-out .price__availability,.price__regular) {
    display: flex
}

.block-option .block-price .price--on-sale .price__regular {
    display: none
}

.block-option .block-price.per-piece .price-per-piece {
    color: var(--color-secondary-red-dark)
}

.block-option .price--on-sale .price__sale {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    gap: 3px;
    justify-content: center
}

.block-option:hover {
    box-shadow: var(--box-shadow-grey)
}

.product-faq .accordion_item {
    border-bottom: 1px solid var(--color-grey-medium);
    display: block
}

.product-faq .accordion-content p {
    margin: 0
}

.product-faq .accordion {
    border: 0;
    margin: 0
}

.product-faq .accordion-content {
    padding-bottom: 24px
}

.extra-warranty info-tooltip {
    margin-left: 6px
}

.product-container media-gallery .product-media-container.has-deferred-video {
    --aspect-ratio: 1;
    --ratio-percent: 100%
}

@media screen and (min-width: 990px) and (max-width:1320px) {
    .caption-block-option {
        display:flex;
        flex-direction: column
    }
}

@media screen and (max-width: 989px) {
    .product-container .pdp-shelly-badge-wrapper {
        margin:15px 0;
        max-width: 130px
    }

    .product__info-wrapper .buttons-row .product-form__quantity {
        width: -moz-fit-content;
        width: fit-content
    }

    .buttons-row .buttons .product-form__buttons button.notify-me {
        white-space: break-spaces
    }

    .product__info-wrapper .buttons-row .product-form__quantity .quantity {
        height: 100%
    }

    .caption-block-option {
        font-size: calc(var(--font-size-caption-mobile-s) - 1px)
    }

    .block-options {
        -moz-column-gap: 8px;
        column-gap: 8px;
        row-gap: 20px
    }

    .block-option {
        min-width: 140px;
        padding: 26px 4px 16px
    }

    .block-option picture {
        width: 100%
    }

    .pdp-variant-option-wrapper.block-option {
        max-width: 140px
    }

    .block-options-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(115px,1fr));
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .block-options-grid:has(.checkbox-form) {
        padding-top: 1.3rem
    }

    .block-options-grid .checkbox-form {
        -moz-column-gap: 6px;
        column-gap: 6px;
        overflow-x: auto;
        padding: 3rem 1.5rem 1.5rem
    }

    .caption-02,.product-breadcrumbs a {
        font-size: var(--font-size-caption-mobile-s)
    }

    .product-container .show-on-mobile {
        align-items: baseline;
        display: flex;
        flex-direction: column
    }

    .product-container .hide-on-mobile {
        display: none
    }

    .product-container .product-title {
        margin-bottom: 4px
    }

    .product-container .product__tax {
        margin: auto 0
    }

    .product-description {
        padding-right: 0
    }

    .extra-warranty-container .text-list {
        margin-left: 20px
    }

    .extra-warranty-container {
        gap: 6px
    }

    .extra-warranty-container svg {
        margin: 0
    }

    .buttons-row {
        flex-wrap: wrap
    }

    .product-form__quantity {
        display: flex;
        width: 100%
    }

    .quantity {
        min-height: 44px
    }

    .buttons-row .wishlist button {
        background-color: var(--color-grey-extralight);
        border: none;
        padding: 16px
    }

    .product__media-list .product__media-item {
        position: relative
    }

    product-info .faq {
        margin-top: 15px
    }
}

slider-component {
    --desktop-margin-left-first-item: max(5rem,calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing))/2));
    display: block;
    position: relative
}

slider-component.slider-component-full-width {
    --desktop-margin-left-first-item: 1.5rem
}

@media screen and (max-width: 749px) {
    slider-component.page-width {
        padding:0 1.5rem
    }

    .slider-buttons {
        margin-top: 10px
    }
}

@media screen and (min-width: 749px) and (max-width:990px) {
    slider-component.page-width {
        padding:0 5rem
    }
}

.slider__slide {
    --focus-outline-padding: 0.5rem;
    --shadow-padding-top: calc((var(--shadow-vertical-offset)*-1 + var(--shadow-blur-radius))*var(--shadow-visible));
    --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius))*var(--shadow-visible));
    flex-shrink: 0;
    padding-bottom: 0;
    scroll-snap-align: start
}

@media screen and (max-width: 749px) {
    .slider.slider--mobile {
        flex-wrap:inherit;
        overflow-x: auto;
        position: relative;
        scroll-behavior: smooth;
        scroll-padding-left: 1.5rem;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 1rem
    }

    .product__media-list.slider.slider--mobile {
        scroll-padding-left: 0
    }

    .slider--mobile:after {
        content: "";
        padding-left: 1.5rem;
        width: 0
    }

    .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
        padding-bottom: var(--focus-outline-padding)
    }

    .slider.slider--mobile.contains-content-container .slider__slide {
        --focus-outline-padding: 0rem
    }
}

@media screen and (min-width: 750px) {
    .slider.slider--tablet-up {
        flex-wrap:inherit;
        overflow-x: auto;
        position: relative;
        scroll-behavior: smooth;
        scroll-padding-left: 1rem;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch
    }

    .slider.slider--tablet-up .slider__slide {
        margin-bottom: 0
    }
}

@media screen and (max-width: 989px) {
    .slider.slider--tablet {
        flex-wrap:inherit;
        overflow-x: auto;
        position: relative;
        scroll-behavior: smooth;
        scroll-padding-left: 1.5rem;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 1rem
    }

    .slider--tablet:after {
        content: "";
        margin-left: calc(var(--grid-desktop-horizontal-spacing)*-1);
        padding-left: 1.5rem;
        width: 0
    }

    .slider.slider--tablet .slider__slide {
        margin-bottom: 0;
        padding-bottom: max(var(--focus-outline-padding),var(--shadow-padding-bottom));
        padding-top: max(var(--focus-outline-padding),var(--shadow-padding-top))
    }

    .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
        padding-bottom: var(--focus-outline-padding)
    }

    .slider.slider--tablet.contains-content-container .slider__slide {
        --focus-outline-padding: 0rem
    }
}

.slider--everywhere {
    flex-wrap: inherit;
    overflow-x: auto;
    position: relative;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem
}

.slider.slider--everywhere .slider__slide {
    margin-bottom: 0;
    scroll-snap-align: center
}

.big-image-slider {
    position: relative
}

.big-image-slider .slider-button,.thumbnail-slider-buttons .slider-button {
    align-items: center;
    border: 1px solid var(--color-black);
    border-radius: var(--full-border-radius);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    transition: var(--default-transition);
    width: 40px
}

.big-image-slider .slider-button svg path,.thumbnail-slider-buttons .slider-button svg path {
    fill: var(--color-black)
}

.big-image-slider .slider-button svg,.thumbnail-slider-buttons .slider-button svg {
    height: 14px;
    width: 14px
}

.thumbnail-slider-buttons .slider-button--next {
    margin-top: 10px
}

.thumbnail-slider-buttons .slider-button--prev {
    margin-bottom: 10px
}

@media screen and (max-width: 749px) {
    .thumbnail-slider-buttons .slider-button {
        display:none
    }

    .slider.slider--mobile {
        flex-wrap: inherit;
        overflow-x: auto;
        position: relative;
        scroll-behavior: smooth;
        scroll-padding-left: 1.5rem;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 1rem
    }

    .product__media-list.slider.slider--mobile {
        scroll-padding-left: 0
    }

    .slider--mobile:after {
        content: "";
        padding-left: 1.5rem;
        width: 0
    }

    .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
        padding-bottom: var(--focus-outline-padding)
    }

    .slider.slider--mobile.contains-content-container .slider__slide {
        --focus-outline-padding: 0rem
    }
}

@media screen and (min-width: 990px) {
    .slider-component-desktop.page-width {
        max-width:none
    }

    .slider--desktop {
        flex-wrap: inherit;
        overflow-x: auto;
        position: relative;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 1rem;
        scroll-padding-left: var(--desktop-margin-left-first-item)
    }

    .slider--desktop:after {
        content: "";
        margin-left: calc(var(--grid-desktop-horizontal-spacing)*-1);
        padding-left: 5rem;
        width: 0
    }

    .slider.slider--desktop .slider__slide {
        margin-bottom: 0;
        padding-bottom: max(var(--focus-outline-padding),var(--shadow-padding-bottom));
        padding-top: max(var(--focus-outline-padding),var(--shadow-padding-top))
    }

    .slider--desktop .slider__slide:first-child {
        margin-left: var(--desktop-margin-left-first-item);
        scroll-margin-left: var(--desktop-margin-left-first-item)
    }

    .slider-component-full-width .slider--desktop {
        scroll-padding-left: 1.5rem
    }

    .slider-component-full-width .slider--desktop .slider__slide:first-child {
        margin-left: 1.5rem;
        scroll-margin-left: 1.5rem
    }

    .slider-component-full-width .slider--desktop:after {
        padding-left: 1.5rem
    }

    .slider--desktop.grid--5-col-desktop .grid__item {
        width: calc((100% - var(--desktop-margin-left-first-item))/5 - var(--grid-desktop-horizontal-spacing)*2)
    }

    .slider--desktop.grid--4-col-desktop .grid__item {
        width: calc((100% - var(--desktop-margin-left-first-item))/4 - var(--grid-desktop-horizontal-spacing)*3)
    }

    .slider--desktop.grid--3-col-desktop .grid__item {
        width: calc((100% - var(--desktop-margin-left-first-item))/3 - var(--grid-desktop-horizontal-spacing)*4)
    }

    .slider--desktop.grid--2-col-desktop .grid__item {
        width: calc((100% - var(--desktop-margin-left-first-item))/2 - var(--grid-desktop-horizontal-spacing)*5)
    }

    .slider--desktop.grid--1-col-desktop .grid__item {
        width: calc(100% - var(--desktop-margin-left-first-item) - var(--grid-desktop-horizontal-spacing)*9)
    }

    .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
        padding-bottom: var(--focus-outline-padding)
    }

    .slider.slider--desktop.contains-content-container .slider__slide {
        --focus-outline-padding: 0rem
    }
}

@media (prefers-reduced-motion) {
    .slider {
        scroll-behavior: auto
    }
}

.slider {
    scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground),.04);
    -ms-overflow-style: none;
    scrollbar-width: none
}

.slider::-webkit-scrollbar {
    display: none;
    height: .4rem;
    width: .4rem
}

.slider::-webkit-scrollbar-thumb {
    background-color: rgb(var(--color-foreground));
    border: 0;
    border-radius: .4rem
}

.slider::-webkit-scrollbar-track {
    background: rgba(var(--color-foreground),.04);
    border-radius: .4rem
}

.slider-counter {
    display: flex;
    justify-content: center;
    min-width: 4.4rem
}

@media screen and (min-width: 750px) {
    .slider-counter--dots {
        margin:0 1.2rem
    }
}

.slider-counter__link {
    padding: 1rem
}

@media screen and (max-width: 749px) {
    .slider-counter__link {
        padding:.7rem
    }
}

.slider-counter__link--dots .dot {
    border: .1rem solid rgba(var(--color-foreground),.5);
    border-radius: 50%;
    display: block;
    height: 1rem;
    padding: 0;
    width: 1rem
}

.slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: rgb(var(--color-foreground))
}

@media screen and (forced-colors:active) {
    .slider-counter__link--active.slider-counter__link--dots .dot {
        background-color: CanvasText
    }
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
    border-color: rgb(var(--color-foreground))
}

.slider-counter__link--dots .dot,.slider-counter__link--numbers {
    transition: transform .2s ease-in-out
}

.slider-counter__link--active.slider-counter__link--numbers,.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,.slider-counter__link--numbers:hover {
    transform: scale(1.1)
}

.slider-counter__link--numbers {
    color: rgba(var(--color-foreground),.5);
    text-decoration: none
}

.slider-counter__link--numbers:hover {
    color: rgb(var(--color-foreground))
}

.slider-counter__link--active.slider-counter__link--numbers {
    color: rgb(var(--color-foreground));
    text-decoration: underline
}

.slider-buttons {
    align-items: center;
    display: flex;
    justify-content: center
}

.big-image-slider .slider-button path {
    color: var(--color-black)
}

.slider-buttons.thumbnail-slider-buttons {
    flex-direction: column
}

@media screen and (min-width: 990px) {
    .slider:not(.slider--everywhere):not(.slider--desktop) .slider-buttons {
        align-items:center;
        display: flex;
        height: 100%;
        justify-content: space-between;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 4
    }

    .slider:not(.slider--everywhere):not(.slider--desktop) .slider-buttons .slider-button {
        pointer-events: auto
    }
}

@media screen and (max-width: 989px) {
    .slider--desktop:not(.slider--tablet) .slider-buttons {
        display:none
    }
}

@media screen and (min-width: 750px) {
    .product__media-wrapper .big-image-slider .slider--mobile .slider-buttons,.product__media-wrapper .big-image-slider .slider-buttons,.slider--mobile .slider-buttons {
        display:flex
    }
}

.slider-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    margin: 0 8px;
    opacity: .7;
    width: 44px
}

.slider-button:not([disabled]):hover {
    color: rgb(var(--color-foreground))
}

.slider-button .icon {
    height: .6rem
}

.slider-button[disabled] {
    opacity: 0
}

.slider-buttons.thumbnail-slider-buttons .slider-button--next svg {
    transform: rotate(90deg)
}

.slider-buttons.thumbnail-slider-buttons .slider-button--prev svg {
    transform: rotate(-90deg)
}

.slider-buttons.thumbnail-slider-buttons .slider-button--next:not([disabled]):hover .icon {
    transform: rotate(-90deg) scale(1.1)
}

.slider-buttons.thumbnail-slider-buttons .slider-button--prev:not([disabled]):hover .icon {
    transform: rotate(90deg) scale(1.1)
}

.big-image-slider .slider-button.slider-button--prev {
    transform: rotate(180deg)
}

.slider-pagination {
    align-items: center;
    bottom: 20px;
    display: flex;
    gap: 8px;
    justify-content: center;
    left: 50%;
    margin: 0;
    padding: 0 8px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 10
}

.slider-pagination__dot {
    background-color: transparent;
    border: 1px solid var(--color-grey-extradark);
    border-radius: 50%;
    cursor: pointer;
    height: 10px;
    padding: 0;
    position: relative;
    transition: var(--default-transition);
    width: 10px
}

.slider-pagination__dot--active {
    background-color: var(--color-blue-medium);
    border-color: var(--color-blue-medium);
    transform: scale(1.2)
}

@media screen and (min-width: 750px) {
    .slider-pagination.mobile-only {
        display:none
    }
}

@media screen and (max-width: 749px) {
    slider-component.page-width {
        padding:0 1.5rem
    }

    .slider-buttons .slider-button {
        display: none
    }
}

.product--no-media .rating-wrapper {
    text-align: center
}

.rating {
    display: inline-block;
    margin: 0
}

.product .rating-star {
    --letter-spacing: 0.8;
    --font-size: 1.7
}

.card-wrapper .rating-star {
    --letter-spacing: 0.7;
    --font-size: 1.4
}

.rating-star {
    --color-rating-star: rgb(var(--color-foreground));
    --percent: calc((var(--rating)/var(--rating-max) + var(--rating-decimal)*var(--font-size)/(var(--rating-max)*(var(--letter-spacing) + var(--font-size))))*100%);
    display: inline-block;
    font-family: Times;
    font-size: calc(var(--font-size)*1rem);
    letter-spacing: calc(var(--letter-spacing)*1rem);
    line-height: 1;
    margin: 0
}

.rating-star:before {
    background: linear-gradient(90deg,var(--color-rating-star) var(--percent),rgba(var(--color-foreground),.15) var(--percent));
    -webkit-background-clip: text;
    content: "★★★★★";
    -webkit-text-fill-color: transparent
}

.rating-text {
    display: none
}

.rating-count {
    display: inline-block;
    margin: 0
}

@media (forced-colors:active) {
    .rating {
        display: none
    }

    .rating-text {
        display: block
    }
}

.deferred-media__poster {
    background-color: transparent;
    border: none;
    border-radius: calc(var(--border-radius) - var(--border-width));
    cursor: pointer;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.media>.deferred-media__poster {
    align-items: center;
    display: flex;
    justify-content: center
}

.deferred-media__poster img {
    height: 100%;
    max-width: 100%;
    width: auto
}

.deferred-media {
    overflow: hidden
}

.deferred-media:not([loaded]) template {
    z-index: -1
}

.deferred-media[loaded]>.deferred-media__poster {
    display: none
}

.deferred-media__poster:focus-visible {
    border-radius: calc(var(--media-radius) - var(--media-border-width));
    box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground),var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground),.5);
    outline: none
}

.deferred-media__poster:focus {
    border-radius: calc(var(--media-radius) - var(--media-border-width));
    box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground),var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground),.5);
    outline: none
}

.global-media-settings--full-width .deferred-media__poster:is(:focus,:focus-visible),.global-media-settings--full-width .deferred-media__poster {
    border-radius: 0
}

@media (forced-colors:active) {
    .deferred-media__poster:focus {
        outline: 1px solid transparent
    }
}

.deferred-media__poster:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 0
}

.deferred-media__poster-button {
    align-items: center;
    background-color: rgb(var(--color-background));
    border: .1rem solid rgba(var(--color-foreground),.1);
    border-radius: 50%;
    color: rgb(var(--color-foreground));
    display: flex;
    height: 6.2rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: transform var(--duration-short) ease,color var(--duration-short) ease;
    width: 6.2rem;
    z-index: 1
}

.deferred-media__poster-button:hover {
    transform: translate(-50%,-50%) scale(1.1)
}

.deferred-media__poster-button .icon {
    height: 2rem;
    width: 2rem
}

.deferred-media__poster-button .icon-play {
    margin-left: .2rem
}

media-gallery {
    display: flex;
    flex-direction: row-reverse;
    gap: 40px
}

media-gallery slider-component {
    width: 100%
}

media-gallery .thumbnail-slider {
    max-width: 85px
}

media-gallery .thumbnail-slider ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 18px;
    height: 100%;
    max-width: 85px
}

media-gallery .product-media-container {
    border: none;
    margin: 0
}

.product__media-wrapper {
    flex-shrink: 1;
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    top: calc(var(--header-height) + 5px)
}

.product-media-container .media {
    background-color: var(--color-blue-extralight);
    border-radius: 14px
}

media-gallery .product-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    left: 16px;
    position: absolute;
    top: 16px;
    z-index: 1
}

@media screen and (max-width: 989px) {
    .product__media-wrapper {
        position:static
    }

    media-gallery .thumbnail-slider ul {
        flex-direction: row;
        gap: 10px;
        height: 78px;
        max-width: unset;
        overflow-x: auto;
        padding-bottom: 10px;
        width: 100%
    }

    .product--thumbnail .product__media-list {
        margin-bottom: 0
    }

    .product--thumbnail.product {
        flex-direction: column;
        gap: 0;
        margin-top: 16px
    }

    media-gallery .product-badges {
        left: 12px;
        top: 12px
    }

    media-gallery .product-status {
        gap: 6px;
        margin: 0
    }

    media-gallery .product-status-container {
        background-color: var(--color-white);
        border-radius: 100px;
        margin-top: 0;
        padding: 2px 8px 2px 6px;
        z-index: 1
    }
}

@media screen and (max-width: 989px) {
    .product-status-container.show-on-mobile:not(:has(*)) {
        display:none
    }

    .product--thumbnail.product,.product-media-container .product__modal-opener,.product__media-wrapper,media-gallery .product__media-item {
        overflow-y: clip
    }
}

@media screen and (max-width: 749px) {
    media-gallery {
        flex-direction:column;
        gap: 10px
    }

    media-gallery .thumbnail-slider .slider__slide {
        aspect-ratio: 1;
        height: 100%;
        width: auto
    }

    media-gallery .thumbnail-slider {
        max-width: unset
    }
}

.features-section {
    -moz-column-gap: 550px;
    column-gap: 550px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding-top: 80px;
    row-gap: 28px
}

.features-section>* {
    flex: 1
}

.features-section .feature {
    background: var(--gradient-pdp-features);
    border: 1px solid var(--color-blue-extralight);
    border-radius: var(--default-border-radius);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px 22px;
    position: relative
}

.features-bg-wrapper.theme-darkblue .feature {
    background: var(--gradient-features-darkblue);
    border: .2px solid var(--color-blue-primary);
    color: var(--color-white)
}

.features-bg-wrapper:is(.theme-black,.theme-darkblue) .feature :is(h6,span) {
    color: var(--color-white)
}

.features-bg-wrapper .feature :is(h6,span) {
    word-break: break-word
}

.features-bg-wrapper.theme-black .feature {
    background: var(--gradient-features-black);
    border: .2px solid var(--color-grey-medium-dark);
    color: var(--color-white)
}

.features-bg-wrapper.theme-lightblue .feature svg {
    color: var(--color-blue-primary)
}

.features-section .feature svg {
    height: 35px;
    margin-bottom: 10px;
    width: 35px
}

.features-section .feature svg :is(path,circle) {
    fill: currentColor
}

.features-bg-wrapper .features-image {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    left: 50%;
    margin-bottom: -100px;
    margin-top: -275px;
    max-width: 350px;
    position: sticky;
    top: calc(var(--header-height) + 16px);
    transform: translateX(-50%);
    width: 100%
}

.features-image img {
    width: 120%
}

.features-bg-wrapper .features-image {
    aspect-ratio: 1
}

.features-bg-wrapper {
    margin-top: 150px;
    padding: 100px 0;
    position: relative
}

.features-bg-wrapper .background-snippet {
    min-height: 0;
    z-index: -1
}

@media screen and (max-width: 1200px) {
    .features-section {
        -moz-column-gap:400px;
        column-gap: 400px
    }
}

@media screen and (max-width: 989px) {
    .features-section {
        gap:8px;
        padding-top: 0
    }

    .features-bg-wrapper {
        padding-bottom: 50px;
        padding-top: 124px
    }

    .features-bg-wrapper .features-image {
        left: 50%;
        margin-top: -100px;
        max-width: 200px;
        position: absolute;
        top: 0;
        transform: translateX(-50%)
    }

    .features-section .feature svg {
        height: 26px;
        width: 26px
    }

    .features-section .feature h6 {
        margin: 0
    }

    .features-section .feature {
        gap: 4px
    }
}

.article-video-under-heading {
    cursor: pointer;
    height: auto;
    margin-bottom: 20px;
    margin-top: 14px;
    position: relative;
    width: 100%
}

.article-video-under-heading-video {
    width: 100%
}

.article-drawer .video-section-poster {
    cursor: auto;
    pointer-events: none
}

.article-drawer .video-section-poster.cover-image {
    cursor: pointer;
    position: relative
}

.article-drawer .video-section-poster.cover-image:before {
    background: var( --gradient-black-transparent);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.drawer-content .two-col-entry-arrow.close-button {
    padding: 0;
    z-index: 2
}

.play-button-icon-drawer-poster {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2
}

.play-button-icon-drawer-poster svg {
    height: 50px;
    width: 50px
}

.article-drawer .cover-image {
    border-bottom-left-radius: var(--border-radius-big);
    border-bottom-right-radius: var(--border-radius-big);
    overflow: hidden
}

.article-drawer .cover-image img {
    height: 100%;
    max-height: 350px
}

.article-drawer .subheading {
    display: block;
    margin-bottom: 10px
}

.article-drawer .wrapper {
    margin-top: 80px
}

.article-drawer .cover-image+.wrapper,.article-drawer video-section+.wrapper {
    margin-top: 0
}

.article-content .linked-products,.article-drawer .linked-products {
    display: flex;
    gap: 20px
}

.article-content .linked-products>*,.article-drawer .linked-products>* {
    max-width: 153px;
    width: 100%
}

.collection_header {
    overflow: hidden
}

.collection_header .heading-text {
    text-align: center
}

.collection_header_blocks_holder {
    -webkit-appearance: none;
    overflow: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: none
}

.collection_header_blocks {
    display: flex;
    gap: 16px;
    margin-top: 40px;
    width: 100%
}

.collection_header_block {
    align-items: center;
    border: 1px solid var(--color-grey-medium);
    border-radius: var(--default-border-radius);
    color: var(--color-grey-extradark);
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    max-width: 270px;
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    transition: var(--default-transition);
    width: 100%
}

.collection_header_block.active {
    background: var(--color-grey-extralight-50);
    border-color: var(--color-blue-medium);
    border-width: 2px;
    box-shadow: var(--shadow-pdp-pack)
}

.collection_header_block_icon {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 30px
}

.collection_header_block_icon svg {
    aspect-ratio: 1/1;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.collection_header_block_icon svg path {
    fill: var(--color-grey-extradark);
    transition: var(--default-transition)
}

.collection_header_block.active .collection_header_block_icon svg path {
    fill: var(--color-blue-medium)
}

.collection_header_block_title {
    line-height: var(--line-height-text)
}

@media(min-width: 990px) {
    .collection_header_block:hover {
        background:var(--color-grey-extralight-50);
        border-color: var(--color-blue-medium);
        box-shadow: var(--shadow-pdp-pack)
    }

    .collection_header_block:hover .collection_header_block_icon svg path {
        fill: var(--color-blue-medium)
    }
}

@media(max-width: 989px) {
    .collection_header_block {
        flex-direction:row;
        gap: 8px;
        max-width: unset;
        padding: 10px 14px
    }

    .collection_header_block,.collection_header_blocks {
        width: -moz-max-content;
        width: max-content
    }

    .collection_header_block_icon {
        width: 20px
    }

    .collection_header_holder>div.page-width {
        padding: 0
    }

    .collection_header_blocks>.collection_header_block:first-of-type {
        margin-left: 1.5rem
    }

    .collection_header_blocks>.collection_header_block:last-of-type {
        margin-right: 1.5rem
    }
}

.app-inline-banner {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.app-inline-blocks-container {
    display: flex;
    gap: 18px
}

.app-inline-banner-section {
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width: 989px) {
    .app-inline-banner {
        display:flex;
        flex-direction: column
    }
}

.highlighted-product {
    padding: 80px 0;
    position: relative
}

.highlighted-product x-popover {
    z-index: 6
}

.highlighted-product .background-snippet {
    min-height: unset
}

.highlighted-product .highlight .image {
    max-width: 215px
}

.highlighted-product .highlight {
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.highlighted-product .highlight picture {
    width: auto
}

.highlight-product-wrapper {
    display: flex;
    gap: 40px;
    justify-content: center
}

@media screen and (max-width: 989px) {
    .highlighted-product .highlight .image {
        max-width:65px
    }

    .highlight-product-wrapper {
        gap: 8px
    }

    .highlight-product-wrapper .popover-trigger {
        height: 7px;
        width: 7px
    }

    .highlight-product-wrapper .popover-trigger:after,.highlight-product-wrapper .popover-trigger:before {
        height: 15px;
        width: 15px
    }

    .highlight-product-wrapper .popover-fixed {
        left: 0;
        width: 100%
    }
}

.icons-section {
    padding: 90px 0;
    position: relative
}

.icons-section .background-snippet {
    min-height: unset;
    z-index: -1
}

.icons-section .icon-wrapper svg {
    height: 100%;
    width: 100%
}

.icons-section .icon-wrapper {
    height: var(--icon-size);
    width: var(--icon-size)
}

.icons-section .icon-wrapper-colored svg [stroke] {
    stroke: currentColor
}

.icons-section .icon-wrapper-colored svg [fill] {
    fill: currentColor
}

.icons-section .icons-container {
    display: grid;
    gap: 60px;
    grid-template-columns: repeat(var(--grid-column-count),minmax(200px,max-content));
    justify-content: var(--justify-content-blocks,flex-start)
}

.icons-section .heading-content {
    align-items: var(--justify-content-value);
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
    text-align: var(--align-text-value)
}

.icons-section .heading-content:empty {
    display: none
}

.icons-section .footer-info-container {
    margin-top: 50px
}

.icons-section.icon-position-top {
    text-align: center
}

.icons-section.icon-position-top .icons-container {
    justify-content: space-evenly
}

.icons-section.icon-position-top :is(.icon-wrapper,.caption) {
    margin: 0 auto
}

.icons-section .icon-container a {
    color: var(--color-blue-primary);
    text-underline-offset: 2px;
    transition: var(--default-transition)
}

.icons-section .icon-container a:hover {
    color: var(--color-blue-light)
}

.icons-section .icon-container {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.icons-section.icon-position-left .icon-container {
    flex-direction: row;
    gap: 26px
}

.icons-section.icon-position-left .icon-wrapper {
    flex-shrink: 0
}

.icons-section .footer-info {
    font-size: var(--font-size-caption-mobile-s);
    line-height: var(--line-height-text)
}

@media screen and (max-width: 989px) {
    .icons-section .icon-wrapper {
        height:var(--icon-size-mobile);
        width: var(--icon-size-mobile)
    }

    .icons-section .icons-container {
        grid-template-columns: repeat(auto-fit,minmax(300px,max-content))
    }

    .icons-section .icons-container.mobile-two-columns {
        -moz-column-gap: 14px;
        column-gap: 14px;
        grid-template-columns: repeat(auto-fit,minmax(150px,max-content))
    }

    .icons-section {
        text-align: center
    }

    .icons-section.icon-position-left .icon-container {
        flex-direction: column
    }

    .icons-section :is(.icon-wrapper,.caption) {
        margin: 0 auto
    }

    .icons-section .icons-container {
        justify-content: center
    }
}

.discount-code-relative-container {
    position: relative
}

.discount-text-plan {
    background: var(--color-secondary-red-light);
    color: var(--color-secondary-red-dark);
    padding: 2px 8px 3px;
    position: absolute;
    right: 50%;
    top: 0;
    transform: translate(50%,-50%);
    width: -moz-fit-content;
    width: fit-content
}

.get-your-plan-background .background-snippet {
    z-index: -2
}

section.get-your-plan {
    overflow: hidden;
    position: relative
}

div.white-theme-plan :is(span) {
    color: var(--color-white)
}

div.white-theme-plan :is(.subscription-plan-description,.subheading-price-plan) {
    color: var(--color-grey-medium)
}

.subheading-price-plan {
    color: var(--color-grey-medium-dark);
    font-size: var(--font-size-caption-mobile-s)
}

.subscription-plan-description {
    color: var(--color-grey-extradark);
    font-size: var(--font-size-caption-mobile-s);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-text);
    margin-bottom: 18px
}

.subscription-plan-container-background {
    z-index: -1
}

.get-your-plan-heading-container {
    display: flex;
    flex-direction: column;
    justify-content: var(--justify-content-value);
    margin-bottom: 50px;
    text-align: var(--text-align-value)
}

.subscription-plan-container {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    max-width: 330px;
    overflow: hidden;
    padding: 32px 24px;
    position: relative;
    width: 100%
}

.plan-pricing-container {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 32px
}

.plan-pricing-container-title {
    align-items: baseline;
    display: flex;
    gap: 3px;
    justify-content: flex-start
}

.subscription-plans-container {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: center
}

.selling-points-container {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 32px
}

.selling-points-container span {
    align-items: center;
    display: flex;
    gap: 8px
}

@media (max-width: 989px) {
    .subscription-plans-container {
        flex-direction:column
    }

    .subscription-plan-container {
        max-width: 100%
    }
}

.simple-image-container {
    margin: auto;
    width: -moz-fit-content;
    width: fit-content
}

.simple-image-section {
    overflow: hidden;
    position: relative
}

.banner_simple_breadcrumbs {
    padding-top: 40px
}

.banner_simple_holder {
    --height: 400px;
    --height-mobile: 300px;
    height: var(--height)
}

.banner_simple_holder img {
    height: 100%
}

@media(max-width: 989px) {
    .banner_simple_holder {
        height:var(--height-mobile)
    }
}

.hide-variants variant-selects {
    display: none
}

.highlited-products :is(.quick-add.no-js-hidden.hidden-quick-add product-form button,.quick-add__submit) {
    background: var(--gradient-blue);
    border-radius: var(--default-border-radius);
    color: var(--color-white);
    padding: 12px
}

.highlited-products .quick-add-modal {
    display: none
}

.highlited-products :is(.quick-add.no-js-hidden.hidden-quick-add product-form button:hover,.quick-add__submit:hover) {
    box-shadow: var(--box-shadow-blue-light);
    color: var(--color-blue-light)
}

.highlited-products :is(.quick-add__submit:after,.quick-add__submit:before) {
    display: none
}

.highlited-products .button:after,.highlited-products .button:before,.quick-add.no-js-hidden.hidden-quick-add {
    display: none
}

.highlited-products .show_add_to_cart .quick-add.no-js-hidden.hidden-quick-add {
    display: block;
    margin-top: auto
}

.highlited-products .show_add_to_cart .quick-add.no-js-hidden.hidden-quick-add form {
    display: flex
}

.highlited-products-product-container {
    display: flex;
    gap: 15px
}

.highlited-products-product-container:not(.horizontal-card) a.card__inner {
    border-radius: 0;
    border-top-left-radius: var(--default-border-radius);
    border-top-right-radius: var(--default-border-radius)
}

.pagination-arrow-next-highlited.swiper-button-disabled,.pagination-arrow-prev-highlited.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.swiper-container-highlited-products {
    position: relative
}

.pagination-arrow-next-highlited,.pagination-arrow-prev-highlited {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

.pagination-arrow-prev-highlited {
    left: 0
}

.pagination-arrow-prev-highlited svg {
    transform: rotate(180deg)
}

.pagination-arrow-next-highlited {
    right: 0
}

.highlited-products-product-container.horizontal-card .card__inner {
    margin: 0
}

.highlited-products-product-container.horizontal-card .card.card--standard {
    flex-direction: row
}

.highlited-products-product-container.horizontal-card a.card__inner {
    border-radius: 0;
    border-bottom-left-radius: var(--default-border-radius);
    border-top-left-radius: var(--default-border-radius)
}

.highlited-products-product-container.horizontal-card .card>.card__content {
    background-color: var(--color-white);
    border-bottom-right-radius: var(--default-border-radius);
    border-top-right-radius: var(--default-border-radius);
    gap: 14px;
    justify-content: flex-start;
    padding: 16px
}

.highlited-products-product-container:not(.horizontal-card) .card>.card__content {
    background-color: var(--color-white);
    padding: 16px 18px 14px
}

.highlited-products-product-container:not(.horizontal-card) .card>a.card__inner {
    margin: 0
}

.highlited-products-product-container.horizontal-card {
    flex: 1;
    max-width: 561px;
    width: 100%
}

.highlited-products-btn :is(button,a) {
    width: -moz-fit-content;
    width: fit-content
}

.heading-highlited-products {
    display: flex;
    flex-direction: column;
    justify-content: var(--justify_content);
    margin-bottom: 50px;
    text-align: var(--text_align)
}

.highlited-products-background {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.add-circle {
    align-self: center
}

.add-circle svg {
    flex: 1;
    height: 100%;
    max-height: 59px;
    max-width: 57px;
    min-width: 40px;
    position: relative;
    width: 100%
}

.highlited-products-flex-container {
    display: flex;
    gap: 15px;
    justify-content: var(--justify-content-products)
}

.highlited-products-product-container:not(.horizontal-card) {
    flex: 2;
    max-width: 284px;
    width: 100%
}

.highlited-products {
    overflow: hidden;
    position: relative
}

.highlited-products-background {
    display: flex
}

.highlited-products-product-container:not(.horizontal-card) .card>.card__content {
    border-bottom-left-radius: var(--default-border-radius);
    border-bottom-right-radius: var(--default-border-radius);
    flex: 1
}

.highlited-products-product-container.no-price .product_card_price_holder,.highlited-products-product-container.no-typically-used-for .product_card_typically_used_for {
    display: none
}

@media (min-width: 990px) {
    .highlited-products-product-container.no-hover-state .card:not(.card--simplified):has(.card__inner:hover) .card__content .product_card_description_holder {
        opacity:0;
        pointer-events: none
    }

    .highlited-products-product-container.no-hover-state .card:not(.card--simplified):has(.card__inner:hover) .product_card_content_holder {
        opacity: 1;
        pointer-events: all
    }

    .highlited-products-product-container.no-hover-state product-card .card__inner:has(.has-custom-secondary-image):hover~.card__content:has(.card__heading) {
        pointer-events: all;
        transform: translateY(0)
    }

    .highlited-products-product-container.no-hover-state product-card .card__inner:hover .card-feature-icons-container {
        opacity: 1
    }
}

@media screen and (max-width: 989px) {
    .highlited-products-flex-container.grid-container {
        display:grid;
        gap: 9px;
        grid-template-columns: repeat(2,1fr)
    }

    .highlited-products-flex-container.grid-container .highlited-products-product-container {
        gap: 9px
    }

    .highlited-products-flex-container.grid-container .highlited-products-product-container product-card {
        flex: 1
    }

    .highlited-products-flex-container.grid-container .highlited-products-product-container.horizontal-card .add-circle,.highlited-products-flex-container.grid-container .highlited-products-product-container:nth-child(2n) .add-circle {
        display: none
    }

    .highlited-products-flex-container.grid-container .highlited-products-product-container.horizontal-card {
        grid-column: span 2;
        max-width: 100%
    }

    .highlited-products-flex-container.grid-container .highlited-products-product-container:not(.horizontal-card) {
        min-width: 100%
    }

    .highlited-products-product-container.horizontal-card {
        flex: none;
        height: auto
    }

    .highlited-products-product-container.horizontal-card .card__inner {
        flex: 1
    }

    .highlited-products swiper-slide {
        width: -moz-fit-content;
        width: fit-content
    }

    .highlited-products modal-opener {
        display: flex;
        justify-content: center;
        overflow: hidden;
        width: 100%
    }

    .add-circle svg {
        max-height: 28px;
        max-width: 28px
    }

    .add-circle {
        align-items: center;
        display: flex;
        height: auto;
        justify-content: center
    }

    .highlited-products-product-container:not(.horizontal-card) {
        height: auto;
        min-width: 176px
    }

    .highlited-products-product-container .card>.card__content {
        background-color: var(--color-white);
        flex: 1;
        width: auto
    }

    .highlited-products .card__inner {
        margin-bottom: 0
    }
}

.discontinued-wrapper {
    background: var(--color-grey-extralight);
    border-radius: var(--default-border-radius);
    padding: 20px 16px 22px 12px
}

.discontinued-recommended-container {
    border-top: 1px solid var(--color-grey-medium-dark);
    margin-top: 20px;
    padding-top: 26px
}

.discontinued-recommended-product {
    color: inherit;
    display: flex;
    gap: 20px;
    text-decoration: none
}

.discontinued-recommended-product picture {
    border-radius: var(--medium-border-radius);
    max-width: 115px;
    overflow: hidden
}

.discontinued-recommended-heading {
    display: block;
    margin-bottom: 10px
}

.discontinued-recommended-text {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.discontinued-recommended-text .link {
    color: var(--color-blue-primary);
    text-decoration: underline;
    text-underline-offset: 1px
}

.back-in-stock-checkmark.extra-warranty-container {
    background-color: unset;
    margin: 24px 0 20px;
    padding: 0
}

.waitinglist p {
    margin: 0
}

.back-in-stock-checkmark .caption {
    line-height: var(--line-height-text);
    margin-right: 20px
}

.back-in-stock-checkmark.extra-warranty-container div.checkmark {
    margin-bottom: auto;
    margin-top: 5px
}

.waitinglist .footer-info {
    margin-top: 12px
}

.waitinglist .heading-text {
    margin-bottom: 14px
}

.waitinglist .hidden-block {
    display: none
}

.waitinglist .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--color-white);
    border: 1px solid var(--color-grey-medium);
    border-radius: var(--medium-border-radius);
    box-shadow: var(--box-shadow-grey);
    color: var(--color-grey-extradark);
    margin-top: 16px;
    padding: 10px 20px;
    width: 100%
}

.waitinglist .styled-select {
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: 100%
}

.waitinglist .styled-select svg {
    color: var(--color-grey-extradark);
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(50%)
}

.waitinglist .form-control::-moz-placeholder {
    color: var(--color-grey-medium-dark)
}

.waitinglist .form-control::placeholder {
    color: var(--color-grey-medium-dark)
}

.product-block {
    display: flex;
    gap: 20px;
    margin: 24px 0 8px
}

.product-block picture {
    border-radius: var(--medium-border-radius);
    max-width: 115px;
    overflow: hidden
}

.product-block .product-block-content {
    display: flex;
    flex-direction: column;
    gap: 7px
}

.product-block .grey {
    color: var(--color-grey-extradark)
}

.product-block .price-row {
    align-items: center;
    display: flex;
    gap: 8px
}

.product-block .price-row .bold {
    font-weight: var(--font-weight-bold)
}

product-recommendations swiper-slide {
    max-width: 318px;
    width: 100%
}

product-recommendations .heading-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

product-recommendations .recommendations-navigation {
    align-items: center;
    display: flex;
    gap: 30px
}

product-recommendations .succesful-customers-section-arrow-next,product-recommendations .succesful-customers-section-arrow-prev {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

product-recommendations .succesful-customers-section-swiper-navigation-container {
    gap: 12px
}

product-recommendations .recommendations-navigation-mobile {
    display: none
}

product-recommendations swiper-container {
    margin-bottom: 32px
}

product-recommendations .recommendations-navigation-mobile button {
    margin-top: 10px
}

@media screen and (max-width: 989px) {
    product-recommendations swiper-slide {
        max-width:193px
    }

    product-recommendations .recommendations-navigation {
        display: none
    }

    product-recommendations .recommendations-navigation-mobile {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 100%
    }
}

.energy-class .energy-class-label-container.open-drawer {
    border: none;
    color: var(--color-grey-dark);
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 28px
}

.energy-class-label-container svg {
    height: 18px;
    width: auto
}

.energy-class-label-container .energy-class-label-wrapper {
    align-items: center;
    display: flex;
    gap: 10px
}

.energy-class-label-container .underlined {
    text-decoration-thickness: 1px
}

.energy-class-content picture {
    border-radius: var(--default-border-radius);
    margin: 32px 0;
    overflow: hidden
}

.energy-class-content a {
    color: var(--color-blue-primary);
    transition: var(--default-transition)
}

@media screen and (min-width: 989px) {
    .energy-class-content a:hover {
        color:var(--color-blue-light)
    }
}

.local-navigation .fixed-bar {
    left: 0;
    position: fixed;
    top: 0;
    transition: var(--default-transition);
    width: 100%;
    z-index: 9
}

.local-navigation a {
    text-decoration: none;
    transition: var(--default-transition)
}

.local-navigation .product-title {
    margin: 0
}

.local-navigation .fixed-bar:not(.mobile-buy-button) {
    opacity: 0;
    transform: translateY(-100%)
}

.local-navigation.shown .fixed-bar:not(.mobile-buy-button) {
    opacity: 1;
    transform: translateY(0)
}

.local-navigation .navigation_holder {
    display: flex;
    gap: 0;
    height: 60px
}

.local-navigation .sections-nav {
    cursor: grab;
    margin: 0;
    overflow: hidden
}

.local-navigation .section-nav-container {
    align-items: center;
    display: flex;
    gap: 30px;
    overflow: hidden;
    width: 100%
}

.local-navigation button[type=submit] {
    flex-direction: row-reverse;
    font-weight: var(--font-weight-semibold);
    gap: 14px;
    padding: 10px 30px
}

.local-navigation button[type=submit] path {
    stroke: currentColor
}

.local-navigation .badge {
    padding: 6px 14px;
    text-wrap: nowrap;
    transition: var(--default-transition)
}

.local-navigation .badge .badge_text {
    line-height: var(--line-height-loose)
}

.local-navigation .mobile-buy-button {
    display: none
}

.local-navigation .buy-buttons-container,.local-navigation .product-title {
    flex-shrink: 0
}

.local-navigation a.active {
    color: var(--color-blue-primary)
}

.local-navigation a.active .badge {
    border-color: var(--color-blue-primary);
    color: var(--color-blue-primary)
}

.local-navigation .sections-nav swiper-slide {
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width: 990px) {
    .local-navigation a:hover {
        color:var(--color-blue-primary)
    }

    .local-navigation a:hover .badge {
        border-color: var(--color-blue-primary);
        color: var(--color-blue-primary)
    }
}

@media screen and (max-width: 990px) {
    .local-navigation .buy-buttons-container {
        display:none
    }

    .local-navigation .navigation {
        background-color: var(--color-grey-extralight);
        margin: 0
    }

    .local-navigation .navigation_holder {
        background-color: transparent;
        border-radius: 0;
        box-shadow: none
    }

    .local-navigation a .badge {
        border-color: var(--color-grey-medium)
    }

    .local-navigation .section-nav-container {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
        justify-content: center;
        max-width: calc(100% + 3rem);
        width: 100%
    }

    .local-navigation .navigation_holder {
        height: unset;
        padding: 10px 0 2px
    }

    .local-navigation .sections-nav {
        display: flex;
        gap: 12px;
        margin: 0 -1.5rem;
        padding: 0 0 8px 1.5rem;
        width: calc(100% + 3rem)
    }

    .local-navigation .mobile-buy-button {
        bottom: 0;
        display: flex;
        padding-bottom: 10px;
        top: unset;
        transform: translateY(100%)
    }

    .local-navigation .mobile-buy-button button {
        display: flex;
        margin: 0 auto;
        max-width: 400px;
        padding: 12px 0;
        white-space: wrap;
        width: 100%
    }

    .local-navigation .mobile-buy-button .page-width {
        width: 100%
    }

    .local-navigation .mobile-buy-button.shown {
        transform: translateY(0)
    }
}