* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

html {
    scroll-behavior: smooth;
    padding-bottom: 0 !important;
}

body {
    overflow-x: clip;
    word-break: break-word;
    position: relative;
    width: 100vw;
    background-color: rgb(var(--layout-background-color));
    color: rgb(var(--layout-text-color));
}
body.hidden {
    overflow: clip !important;
    touch-action: none !important;
    -ms-touch-action: none !important;
    overscroll-behavior-y: none;
}
.body.disable-selection {
    user-select: none !important;
    -webkit-user-select: none !important;
}

.md-no-anim, .md-no-anim * {
    transition: none !important;
}

/* #region Fade in */

.fade-in.inside-content {
    position: relative;
}

.fade-in::before {
    content: "";
    position: absolute;
    inset: 0; 
    display: var(--fade-in-element-display, block);
    background-color: rgb(var(--layout-background-color));
    opacity: 1;
    transition: opacity var(--fade-in-duration) ease-out;
    pointer-events: none; 
    z-index: 9999; 
}

.fade-in.inside-content::before {
    top: var(--header-group-height, 0);
}

.body.loaded .fade-in::before,
.body.loaded.fade-in::before {
    opacity: 0;
}

@media screen and (min-width: 921px) {
    .html-fade-in .has-first-overlapping-section.fade-in::before,
    .html-fade-in .has-first-overlapping-section .fade-in::before {
        all: unset;
    }
    .html-fade-in .has-first-overlapping-section.body::before {
        content: "";
        position: absolute;
        inset: 0; 
        top: var(--header-group-height, 0);
        display: var(--fade-in-element-display, block);
        background-color: rgb(var(--layout-background-color));
        opacity: 1;
        transition: opacity var(--fade-in-duration) ease-out;
        pointer-events: none; 
        z-index: 9999; 
    }
    .html-fade-in .has-first-overlapping-section.body.loaded::before {
        opacity: 0;
    }
}

/* #endregion */

.html-ltr #shop-hcaptcha-badge-container {
    left: calc(100% - 56px) !important;
}

.no-user-select {
    user-select: none;
    -webkit-user-select: none;
}

.cursor-pointer {
    cursor: pointer !important;
}

object {
    overflow: visible !important;
    padding: 0;
    display: block;
    height: fit-content;
}

a {
    color: inherit;
    text-decoration: none;
}
a, button {
    cursor: pointer;
}
a, button, label, dialog, p, a:focus, button:focus, input, input:focus, select, [role="button"] {
    -webkit-tap-highlight-color: transparent!important;
    -webkit-appearance: none;
    appearance: none;
    -webkit-text-fill-color: inherit;
    -moz-appearance: none;
}
a:not(.focused), button:not(.focused), label:not(.focused), dialog:not(.focused), p, a:not(.focused):focus, input:not(.focused), input:not(.focused):focus, select:not(.focused),
input:not(.focused):active, textarea:not(.focused),textarea:not(.focused):focus,textarea:active {
    outline: none;
}
input.focused + label {
    outline: -webkit-focus-ring-color auto 1px;
}

button {
    border: none;
    background-color: transparent;
}

li {
    list-style-type: none;
}

img {
    object-fit: cover;
}

h1, h2, h3, h4, h5, h6 {
    word-break: break-word;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}
input[type='number'] {
    -moz-appearance: textfield;
    appearance: textfield;
    border: none;
}
input[type='number']:focus {
    border: none;
}

input {
    caret-color: rgb(var(--layout-text-color));
}

.theme-content {
    display: flex;
    background-color: rgb(var(--layout-background-color));
    position: relative;
    width: 100vw;
    max-width: 100%;
    z-index: 1;
    min-height: 100vh;
}
.inside-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.with-sidebars .inside-content {
    container: inside-content / inline-size;
}

[hidden] {
    display: none !important;
}

@media screen and (min-width: 921px) {
    @supports selector(:has(+ *)) {
        .inside-content:has(main .shopify-section:first-child .overlapping-section) .header-section,
        .inside-content:has(main .shopify-section:first-child .overlapping-section) .header-group__sections {
            margin-bottom: -100%;
        }
    }
    .has-first-overlapping-section .inside-content .shopify-section-header-hidden:not(.header--static) .header-section {
        transform: translateY(-100%);
    }
    overlap-navigation:not(.loaded) .shopify-section:first-child .overlapping-container-js + .banner__content {
        opacity: 0;
    }
    overlap-navigation:not(.loaded) .shopify-section:first-child .overlapping-section .slideshow__controls,
    overlap-navigation:not(.loaded) .shopify-section:first-child .overlapping-section .slideshow__controls-button {
        opacity: 0;
    }
}
@media screen and (max-width: 920px) {
    @supports selector(:has(+ *)) {
        .inside-content:has(main .shopify-section:first-child .overlapping-section) .mobile-header-section.transparent-header,
        .inside-content:has(main .shopify-section:first-child .overlapping-section) .header-group.header-group--mobile-overlap-enabled .header-group__sections {
            margin-bottom: -100%;
        }
    }
    .has-first-overlapping-section .inside-content .shopify-section-mobile-header-hidden:not(.header--static) .mobile-header-section {
        transform: translateY(-200%);
    }
}

.header-group {
    position: relative;
}

.inside-content main {
    flex: 1 1 auto;
    max-width: 100%;
}
.page-width {
    max-width: var(--page-width);
    margin: 0 auto;
}
.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.section-padding--spacious {
    padding-inline-start: 48px;
    padding-inline-end: 48px;
}
.section-padding--compact {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
}

.shopify-section:first-of-type .ordinal-section {
    padding-top: max(calc(24px + var(--padding-top)), 0px);
}

.shopify-section:last-of-type .ordinal-section--spacious {
    padding-bottom: max(calc(160px + var(--padding-bottom)), 0px);
}

.shopify-section:last-of-type .ordinal-section--compact {
    padding-bottom: max(calc(48px + var(--padding-bottom)), 0px);
}

.ordinal-section--spacious {
    --section-padding: 96px;
}
.ordinal-section--spacious.ordinal-section--lines {
    --section-padding: 64px;
}
.ordinal-section--compact {
    --section-padding: 32px
}
.ordinal-section {
    padding-top: max(calc(var(--section-padding) + var(--padding-top)), 0px);
    padding-bottom: max(calc(var(--section-padding) + var(--padding-bottom)), 0px);
}

.app {
    font-family: var(--base-font-family);
    font-style: var(--base-font-style);
    font-weight: var(--base-font-weight);
}

input {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    transition-delay: 300s;
    transition-property: background-color, color;
}
input[type="checkbox"], 
input[type="radio"] {
    border: var(--outline-thickness) solid rgb(var(--accent-button-color));
    background: transparent;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.no-default-color input[type="checkbox"] {
    border-color: rgb(var(--layout-text-color));
}
input[type="checkbox"] {
    border-radius: 3px;
}
input[type="checkbox"]:focus {
    outline-offset: -1px;
}
input[type="checkbox"]:checked {
    background-color: rgb(var(--accent-button-color));
    position: relative;
}
.no-default-color input[type="checkbox"]:checked {
    background-color: rgb(var(--layout-text-color));
}
input[type="checkbox"]:checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 5;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 90%;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 90%;
    background-color: rgb(var(--layout-background-color));
    -moz-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjcyNDIgMTYuMzUwOEwwLjgzMzI1MiA5LjUxMTY1TDIuMDExNTkgOC4zMzMzM0w3LjY3MjQyIDEzLjk5NDFMMTcuNDk5OSA0LjE2NjY2TDE4LjY3ODMgNS4zNDQ5OUw3LjY3MjQyIDE2LjM1MDhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjcyNDIgMTYuMzUwOEwwLjgzMzI1MiA5LjUxMTY1TDIuMDExNTkgOC4zMzMzM0w3LjY3MjQyIDEzLjk5NDFMMTcuNDk5OSA0LjE2NjY2TDE4LjY3ODMgNS4zNDQ5OUw3LjY3MjQyIDE2LjM1MDhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjcyNDIgMTYuMzUwOEwwLjgzMzI1MiA5LjUxMTY1TDIuMDExNTkgOC4zMzMzM0w3LjY3MjQyIDEzLjk5NDFMMTcuNDk5OSA0LjE2NjY2TDE4LjY3ODMgNS4zNDQ5OUw3LjY3MjQyIDE2LjM1MDhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}
input[type="radio"] {
    border-radius: 50%;
}
input[type="radio"]:checked {
    background-image: radial-gradient(rgb(var(--layout-background-color)) 0px, rgb(var(--layout-background-color)) 20%, rgb(var(--accent-button-color)) 20%, rgb(var(--accent-button-color)) 100%);
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}
input[disabled="disabled"] {
    cursor: default;
    background-color: rgb(var(--layout-background-color));
    border: var(--outline-thickness) solid rgba(var(--layout-text-color), 0.8);
}

textarea {
    background-color: transparent;
    border-radius: var(--textarea-radius);
    color: rgb(var(--layout-text-color));
}

.select {
    position: relative;
}
select {
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    border-radius: var(--field-radius);
    background: transparent;
    padding-inline: 12px 32px;
    padding-block: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    min-height: 44px;
}
.select svg {
    fill: rgb(var(--layout-text-color));
}
.select select {
    -webkit-appearance: none;
    appearance: none;
    -webkit-text-fill-color: rgb(var(--layout-text-color));
    -moz-appearance: none;
    line-height: calc(44px - var(--outline-thickness));
}
.select-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-end: 12px;
    display: flex;
    align-items: center;
    z-index: 3;
    pointer-events: none;
}
.select-icon svg {
    width: auto;
    height: 100%;
}

.solid-button, 
.outlined-button,
.link-button {
    width: fit-content;
    transition: all var(--animation-duration) var(--transition-timing-function);
}
.solid-button, 
.outlined-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
}
.link-button {
    display: inline;
}
.big-button,
.shopify-challenge__button,
.solid-button {
    position: relative;
    color: rgb(var(--base-button-color));
    background-color: rgb(var(--accent-button-color));
    border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
    z-index: 3;
}
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept,
body .shopify-pc__prefs__header-actions > button.primary {
    border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
}
shopify-accelerated-checkout {
    --shopify-accelerated-checkout-button-block-size: 44px;
    --shopify-accelerated-checkout-button-border-radius: var(--button-radius);
    --shopify-accelerated-checkout-button-box-shadow: none;
    --shopify-accelerated-checkout-skeleton-background-color: #dedede;
    --shopify-accelerated-checkout-skeleton-animation-opacity-start: 1;
    --shopify-accelerated-checkout-skeleton-animation-opacity-end: 0.5;
    --shopify-accelerated-checkout-skeleton-animation-duration: 4s;
    --shopify-accelerated-checkout-skeleton-animation-timing-function: ease;
}

shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-block-size: 42px;
    --shopify-accelerated-checkout-button-inline-size: 54px;
    --shopify-accelerated-checkout-button-border-radius: var(--button-radius);
    --shopify-accelerated-checkout-button-box-shadow: none;
    --shopify-accelerated-checkout-inline-alignment: flex-start;
    --shopify-accelerated-checkout-row-gap: 8px;
    --shopify-accelerated-checkout-skeleton-background-color: #dedede;
    --shopify-accelerated-checkout-skeleton-animation-opacity-start: 1;
    --shopify-accelerated-checkout-skeleton-animation-opacity-end: 0.5;
    --shopify-accelerated-checkout-skeleton-animation-duration: 4s;
    --shopify-accelerated-checkout-skeleton-animation-timing-function: ease;
}
.big-button,
.shopify-challenge__button {
    padding: 12px 32px;
    min-height: 64px;
    transition: background-color var(--animation-duration) var(--transition-timing-function);
}
.solid-button,
.outlined-button,
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept,
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline,
body .shopify-pc__prefs__header-actions > button {
    padding: 6px 24px;
    min-height: 44px;
}
.outlined-button::after,
.buttons-zoom.elem-hover--outlined:not(.disabled)::after,
.solid-button::after, 
.big-button::after, 
.shopify-challenge__button::after,
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept::after,
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline::after,
body .shopify-pc__prefs__header-actions > button::after {
    content: '';
    display: inline-block;
    position: absolute;
    inset: 0;
    border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
}
.outlined-button::after,
.buttons-zoom.elem-hover--outlined:not(.disabled)::after,
.solid-button::after, 
.big-button::after, 
.shopify-challenge__button::after {
    background: transparent;
}
.buttons-zoom.elem-hover--outlined:not(.disabled) a {
    z-index: 1;
}
.outlined-button::after,
.buttons-zoom.elem-hover--outlined:not(.disabled)::after {
    border: var(--outline-thickness) solid rgb(var(--accent-button-color));
    transition: transform var(--animation-duration) var(--transition-timing-function), border var(--animation-duration) var(--transition-timing-function);
}
.buttons-zoom.elem-hover--outlined:not(.disabled) .outlined-button::after {
    display: none;
}
.elem-hover {
    width: fit-content;
}
.solid-button::after, 
.big-button::after, 
.shopify-challenge__button::after {
    border: var(--outline-thickness) solid transparent;
}
.no-default-color .big-button, 
.no-default-color .solid-button, 
.no-default-color .shopify-challenge__button {
    color: rgb(var(--layout-background-color));
    background-color: rgb(var(--layout-text-color));
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.no-default-color .big-button[disabled], 
.no-default-color .solid-button[disabled], 
.no-default-color .shopify-challenge__button[disabled] {
    color: rgb(var(--layout-background-color));
    background-color: rgba(var(--layout-text-color), 0.8);
}
.big-button svg
.solid-button svg {
    fill: rgb(var(--base-button-color));
}
.big-button[disabled] svg
.solid-button[disabled] svg {
    fill: rgba(var(--layout-text-color), 0.8);
}
.buttons-zoom.elem-hover {
    position: relative;
}
.buttons-zoom .solid-button:not([disabled])::before,
.buttons-zoom .big-button:not([disabled])::before,
.buttons-zoom.elem-hover--solid:not(.disabled)::before {
    content: "";
    position: absolute;
    background-color: rgb(var(--accent-button-color));
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--button-radius);
    overflow: clip;
    transition: transform var(--animation-duration) var(--transition-timing-function), background-color var(--animation-duration) var(--transition-timing-function);
}
.buttons-zoom .solid-button:not([disabled])::before,
.buttons-zoom .big-button:not([disabled])::before {
    z-index: -1;
}
.buttons-zoom.elem-hover--solid:not(.disabled)::before {
    z-index: 0;
}
.no-default-color .buttons-zoom .solid-button:not([disabled])::before,
.no-default-color .buttons-zoom .big-button:not([disabled])::before,
.no-default-color .buttons-zoom.elem-hover--solid:not(.disabled)::before {
    background-color: rgb(var(--layout-text-color));
}

.big-button[disabled],
.solid-button[disabled] {
    color: rgb(var(--layout-background-color));
    background-color: rgba(var(--layout-text-color), 0.8);
}
.big-button[disabled],
.solid-button[disabled],
.outlined-button[disabled],
.link-button[disabled],
button[disabled] {
    cursor: default;
    pointer-events: none;
}
.outlined-button {
    position: relative;
    color: rgb(var(--accent-button-color));
    background-color: transparent;
    border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
}

.outlined-button svg {
    fill: rgb(var(--accent-button-color));
}
.outlined-button[disabled],
.no-default-color .outlined-button[disabled],
.link-button[disabled] {
    color: rgba(var(--layout-text-color), 0.8);
}
.outlined-button[disabled]::after, 
.no-default-color .outlined-button[disabled]::after {
    border: var(--outline-thickness) solid rgba(var(--layout-text-color), 0.8);
}
.outlined-button[disabled] svg {
    fill: rgba(var(--layout-text-color), 0.8);
}
.no-default-color .outlined-button,
.no-default-color .link-button {
    color: rgb(var(--layout-text-color));
}
.no-default-color .outlined-button::after,
.no-default-color .buttons-zoom.elem-hover--outlined:not(.disabled)::after {
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
}
.no-default-color .outlined-button svg {
    fill: rgb(var(--layout-background-color));
}
.no-default-color .outlined-button[disabled] svg {
    fill: rgba(var(--layout-background-color), 0.8);
}
.link-button {
    color: rgb(var(--accent-button-color));
    background-color: transparent;
}

@media (hover: hover) {
    .big-button:hover, 
    .solid-button:hover, 
    .shopify-challenge__button:hover {
        background-color: rgb(var(--hover-button-color));
    }
    .buttons-zoom .big-button:hover::before, 
    .buttons-zoom .solid-button:hover::before,
    .buttons-zoom.elem-hover--solid:hover::before {
        transform: scale3d(1.02,1.1,1);
        background-color: rgb(var(--hover-button-color));
    }
    .no-default-color .big-button:hover,
    .no-default-color .solid-button:hover, 
    .no-default-color .shopify-challenge__button:hover {
        color: rgb(var(--layout-background-color));
        background-color: rgb(var(--layout-text-color));
        opacity: .7;
    }
    .no-default-color .buttons-zoom .big-button:hover::before,
    .no-default-color .buttons-zoom .solid-button:hover::before, 
    .no-default-color .buttons-zoom .elem-hover--solid:hover::before,
    .no-default-color .buttons-zoom.elem-hover--solid:hover::before {
        background-color: rgb(var(--layout-text-color));
    }
    .outlined-button:hover {
        color: rgb(var(--hover-button-color));
    }
    .outlined-button:hover svg {
        fill: rgb(var(--hover-button-color));
    }
    .no-default-color .outlined-button:hover {
        color: rgb(var(--layout-text-color));
        opacity: .7;
    }
    .outlined-button:hover::after,
    .buttons-zoom .outlined-button:hover::after,
    .buttons-zoom.elem-hover--outlined:hover::after {
        border: var(--outline-thickness) solid rgb(var(--hover-button-color));
    }
    .buttons-zoom .outlined-button:hover::after,
    .buttons-zoom.elem-hover--outlined:hover::after {
        transform: scale3d(1.02,1.1,1);
    }
    .no-default-color .outlined-button:hover::after, 
    .no-default-color .buttons-zoom .outlined-button:hover::after, 
    .no-default-color .buttons-zoom.elem-hover--outlined:hover::after {
        border: var(--outline-thickness) solid rgba(var(--layout-text-color), 0.7);
    }
    .link-button:hover {
        color: rgb(var(--hover-button-color));
    }
    .no-default-color .link-button:hover {
        color: rgb(var(--layout-text-color)); 
        opacity: .7;
    }
}

.text-align-center {
    text-align: center;
}

.ltr-text {
    direction: ltr;
    unicode-bidi: embed; 
}

.richtext p:not(:last-child) {
    padding-bottom: 1em;
    display: block;
}

.richtext table:not(:last-child) {
    margin-bottom: 2em;
    margin-top: 1em;
}

.richtext *:not(p):not(:first-child):not(strong):not(em):not(a):not(li):not(span):not(.table-block__col):not(.table-block__col *):not(table):not(table *) {
    padding-top: 1em;
    display: block;
}

.richtext *:not(p):not(:last-child):not(:only-child):not(strong):not(em):not(a):not(span):not(.table-block__col):not(.table-block__col *):not(table):not(table *) {
    padding-bottom: .5em;
    display: block;
}

.rte,
.richtext {
    max-width: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; 
}

.rte:has(> table) > *:not(table),
.richtext:has(> table) > *:not(table) {
    max-width: calc(100vw - 16px * 2);
    position: sticky;
    position: -webkit-sticky;
    left: 0;
} 

.rte table,
.richtext table {
    border-collapse: collapse;
    width: max-content;
}

.rte table th,
.richtext table th {
    padding: 12px;
    text-align: start;
}

.rte table tr,
.richtext table tr {
    height: fit-content !important;
    border-collapse: collapse;
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.rte table td,
.richtext table td {
    height: fit-content !important;
    padding: 12px;
}

.rte table tr:last-child,
.richtext table tr:last-child {
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.richtext ul {
    display: inline-block;
}
.richtext ul li {
    list-style-type: disc;
}
.richtext ol li {
    list-style-type: auto;
}
.richtext ul, .richtext ol {
    width: fit-content;
}
.center .richtext ul, .center .richtext ol {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.field--checkbox .richtext ul, .field--checkbox  .richtext ol {
    margin-inline-start: 0;
    margin-inline-end: 0;
}
.richtext ul li, .richtext ol li {
    display: list-item !important;
    list-style-position: inside;
    text-align: start;
    width: fit-content;
}

.richtext:not(.text-block__item) h1 {
    font-size: 48px;
    line-height: 64px;
    letter-spacing: -0.01em;
    font-weight: inherit;
}
.richtext:not(.text-block__item) h2 {
    font-size: 40px;
    line-height: 54px;
    letter-spacing: normal;
    font-weight: inherit;
}
.richtext:not(.text-block__item) h3 {
    font-size: 32px;
    line-height: 46px;
    letter-spacing: normal;
    font-weight: inherit;
}
.richtext:not(.text-block__item) h4 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: normal;
    font-weight: inherit;
}
.richtext:not(.text-block__item) h5 {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: normal;
    font-weight: inherit;
}
.richtext:not(.text-block__item) h6 {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: normal;
    font-weight: inherit;
}

.custom-type-preset .richtext:not(.text-block__item) {
    --coefficient: 0.8;
}

.custom-type-preset .richtext:not(.text-block__item) h1,
.custom-type-preset .richtext:not(.text-block__item) h2,
.custom-type-preset .richtext:not(.text-block__item) h3,
.custom-type-preset .richtext:not(.text-block__item) h4,
.custom-type-preset .richtext:not(.text-block__item) h5,
.custom-type-preset .richtext:not(.text-block__item) h6 {
    font: var(--heading-m-font);
    letter-spacing: var(--heading-m-letter-spacing);
}

.custom-type-preset .richtext:not(.text-block__item) h1 {
    font-size: max(var(--body-m-font-size), var(--heading-m-font-size));
}
.custom-type-preset .richtext:not(.text-block__item) h2 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-m-font-size) * var(--coefficient)));
}
.custom-type-preset .richtext:not(.text-block__item) h3 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-m-font-size) * var(--coefficient) * var(--coefficient)));
}
.custom-type-preset .richtext:not(.text-block__item) h4 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-m-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}
.custom-type-preset .richtext:not(.text-block__item) h5 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-m-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}
.custom-type-preset .richtext:not(.text-block__item) h6 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-m-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.richtext.text-block__item h1,
.richtext.text-block__item h2,
.richtext.text-block__item h3,
.richtext.text-block__item h4,
.richtext.text-block__item h5,
.richtext.text-block__item h6 {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
}

.uppercase {
    text-transform: uppercase;
}

.body.custom-type-preset .bolder-font {
    font-weight: bold;
}
.body.custom-type-preset .none-uppercase {
    text-transform: none;
}
.body.custom-type-preset .none-bolder-font {
    font-weight: normal;
}

/* Swiper */

.swiper {
    --swiper-theme-color: rgb(var(--layout-text-color));
    --swiper-pagination-bullet-horizontal-gap: 0;
    --swiper-pagination-bullet-border-radius: 0;
    --swiper-pagination-bullet-width: calc(100% / var(--total-slides));
    --swiper-pagination-bullet-height: 3px;
    --swiper-pagination-bullet-size: 3px;
    --swiper-pagination-bullet-inactive-color: transparent;
}

.swiper-pagination.swiper-pagination-bullets {
    display: flex;
    top: unset !important;
    --swiper-pagination-bottom: 0;
    background-color: rgba(var(--layout-text-color), .15);
}

.swiper-pagination-bullet {
    position: relative;
    background-color: transparent;
    width: calc(100% / var(--total-slides));
    transition: none;
    animation: none;
}

.swiper-pagination-bullet-active {
    background-color: rgb(var(--layout-text-color));
}

@media screen and (max-width: 768px) {
    .swiper {
        --swiper-pagination-color: rgb(var(--layout-text-color));
    }
    .swiper-pagination-bullet-active::after {
        width: 100%;
    }
    .slider__slide--two-wide {
        flex: 0 0 100%;
    }
}

.swiper-gallery .swiper-button-lock {
    display: flex;
}

.swiper-gallery .swiper-pagination-bullet:only-child {
    display: block !important;
}

@media screen and (min-width: 769px) {
    .swiper-pagination--hidden {
        visibility: hidden;
    }
}

@keyframes countingBar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/* Animation for links */

.link-animation {
    position: relative;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.link-animation--underline span,
.link-animation span,
.menu__list--secondary-sidebar .link-animation--underline span {
    background-color: transparent;
    background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    background-repeat: no-repeat;
    transition: background-size var(--animation-duration) var(--transition-timing-function);
}
.link--highlighted .link-animation--underline span,
.link--highlighted .link-animation span,
.menu__list--secondary-sidebar .link--highlighted .link-animation--underline span {
    background-color: transparent;
    background-image: linear-gradient(to top,rgb(var(--highlight-color)) 0px,rgb(var(--highlight-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    background-repeat: no-repeat;
    transition: background-size var(--animation-duration) var(--transition-timing-function);
}
.link-animation--underline span,
.link-animation span {
    background-position: right bottom, right bottom;
    background-size: 0% 1px, 100% 1px;
}
.link-animation--underline.underline-active span,
.link-animation.underline-active span {
    background-size: 100% 1px, 100% 1px;
}
.menu__list--secondary-sidebar .link-animation--underline span,
.menu__list--secondary-sidebar .link-animation span {
    background-position: bottom left, bottom left;
    background-size: 1px 0%, 1px 100%;
}
.menu__item.color-accent .link-animation--underline span,
.menu__item.color-accent .link-animation span {
    background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
}
.underline-active {
    cursor: default;
}
.menu__item-link .underline-active {
    cursor: pointer;
}
.link-animation--slide span {
    line-height: 135% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform var(--animation-duration) .1s;
    position: relative;
}
.link-animation--slide:not(.underline-active) span::before {
    content: attr(data-hover);
    line-height: 135% !important;
    position: absolute;
    top: 100%;
    display: flex;
    align-items: flex-start;
    overflow-y: clip;
    transition: opacity 0.1s var(--transition-timing-function) 0.1s;
}
.secondary-sidebar .link-animation--slide:not(.underline-active) span::before {
    top: 0;
    left: -100%;
}
.transparent-sidebar:not(.overlap-slide-out-menu-opened).invert-sidebar .link-animation--slide:not(.underline-active) span::before {
    content: attr(data-hover);
    background: inherit;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.menu__list--secondary-sidebar .underline-active {
    background-color: transparent;
    background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    background-repeat: no-repeat;
}
.underline-active {
    background-position: right bottom, right bottom;
    background-size: 100% 1px, 100% 1px;
}
.menu__list--secondary-sidebar .underline-active {
    background-position: left top, left top;
    background-size: 1px 100%, 1px 100%;
    transition: background-size var(--animation-duration) var(--transition-timing-function);
}
.richtext a,
.link-button,
.icon-button.link-button .icon-button__title {
    color: rgb(var(--accent-button-color));
    position: relative;
    background-color: transparent;
    background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    background-repeat: no-repeat;
    background-position: right bottom, right bottom;
    background-size: 100% 1px, 100% 1px;
    transition: color var(--animation-duration) var(--transition-timing-function);
}

.link-button[disabled], 
.icon-button.link-button[disabled] .icon-button__title {
    background-image: linear-gradient(to top,rgba(var(--layout-text-color), 0.8) 0px,rgba(var(--layout-text-color), 0.8) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    color: rgba(var(--layout-text-color), 0.8);
}

.no-default-color .richtext a,
.no-default-color .link-button,
.no-default-color .icon-button.link-button .icon-button__title {
    color: rgb(var(--layout-text-color));
    background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    transition: color var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
}

.no-default-color .link-button[disabled],
.no-default-color .icon-button.link-button[disabled] .icon-button__title {
    color: rgba(var(--layout-text-color), 0.8);
    background-image: linear-gradient(to top,rgba(var(--layout-text-color), 0.8) 0px,rgba(var(--layout-text-color), 0.8) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
}

.richtext-link--underline a,
.link-button--underline {
    transition: background-size var(--animation-duration) var(--transition-timing-function), color var(--animation-duration) var(--transition-timing-function), background-position var(--animation-duration) var(--transition-timing-function);
}

.icon-button.link-button {
    background-image: none!important;
    background-size: 0 !important;
}

.solid-button.icon-button svg {
    fill: rgb(var(--layout-background-color));
    transition: fill var(--animation-duration) var(--transition-timing-function);
}
.outlined-button.icon-button svg, 
.link-button.icon-button svg {
    fill: rgb(var(--accent-button-color));
    transition: fill var(--animation-duration) var(--transition-timing-function);
}

.no-default-color .outlined-button.icon-button svg,
.no-default-color .link-button.icon-button svg {
    fill: rgb(var(--layout-text-color));
}
.outlined-button[disabled].icon-button svg,
.link-button[disabled].icon-button svg {
    fill: rgba(var(--layout-text-color), 0.8);
}
@media (hover: hover) {
    .outlined-button.icon-button:hover svg,
    .link-button.icon-button:hover svg {
        fill: rgb(var(--hover-button-color));
    }
    .no-default-color .outlined-button.icon-button:hover svg,
    .no-default-color .link-button.icon-button:hover svg {
        fill: rgba(var(--layout-text-color), 0.7);
    }
}

@media (hover: hover) {
    .richtext a:hover,
    .link-button:not(.icon-button):hover,
    .icon-button.link-button:hover .icon-button__title {
        color: rgb(var(--hover-button-color));
        opacity: 1;
        background-image: linear-gradient(to top,rgb(var(--hover-button-color)) 0px,rgb(var(--hover-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    .icon-button.link-button:hover svg {
        fill: rgb(var(--hover-button-color));
    }
    .no-default-color .richtext a:hover,
    .no-default-color .link-button:not(.icon-button):hover,
    .no-default-color .icon-button.link-button:hover .icon-button__title  {
        color: rgb(var(--layout-text-color));
        background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
        opacity: .7;
    }
    .no-default-color .richtext-link--underline a:hover,
    .no-default-color .link-button--underline:not(.icon-button):hover,
    .no-default-color .icon-button.link-button--underline:hover .icon-button__title {
        opacity: 1;
        animation: startAnimateUnderlinedLinksNoColor var(--animation-duration) var(--transition-timing-function), endAnimateUnderlinedLinksNoColor var(--animation-duration) var(--transition-timing-function)  var(--animation-duration);
    }
    .richtext-link--underline a:hover,
    .link-button--underline:not(.icon-button):hover,
    .icon-button.link-button--underline:hover .icon-button__title  {
        opacity: 1;
        animation: startAnimateUnderlinedLinks var(--animation-duration) var(--transition-timing-function), endAnimateUnderlinedLinks var(--animation-duration) var(--transition-timing-function)  var(--animation-duration);
    }
}

@keyframes startAnimateUnderlinedLinksNoColor {
    0% {
        background-position: right bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    100% {
        background-position: right bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}
@keyframes endAnimateUnderlinedLinksNoColor {
    from {
        background-position: left bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    to {
        background-position: left bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}

@media (hover: hover) {
    .hover-link:hover .link-animation:not(.underline-active) {
        opacity: .7;
    }
    .hover-link:hover .link-animation--underline:not(.underline-active) span {
        background-position: left bottom, left bottom;
        background-size: 100% 1px, 100% 1px;
    }
    .menu__list--secondary-sidebar .hover-link:hover .link-animation--underline:not(.underline-active) span {
        background-position: top left, top left;
        background-size: 1px 100%, 1px 100%;
    }
    .hover-link:hover .link-animation--slide:not(.underline-active) span {
        transform: translateY(-100%);
    }
    .secondary-sidebar .hover-link:hover .link-animation--slide:not(.underline-active) span {
        transform: translateX(100%);
    }
    .hover-link:hover .link-animation--slide:not(.underline-active) span::before {
        opacity: 0.7;
        background: inherit;
    }
    .menu__item-title--overlap_slide_out .hover-link:hover .link-animation--slide:not(.underline-active) span::before {
        opacity: 1;
    }
}

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

summary {
    list-style: none;
}

html.no-js .no-js-hidden {
    display: none !important;
}

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

.product__placeholder img {
    width: 100%;
    height: 100%
}

.media {
    display: block;
    position: relative;
    overflow: clip;
}
  
.media--transparent {
    background-color: transparent;
}

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

.media .lazy-image img {
    width: 100%;
    height: 100%;
}

.product--full_width .media > *:not(.zoom):not(.deferred-media__poster-button),
.product--full_width .media model-viewer {
    display: block;
    min-width: 100%;
    width: auto;
    height: 100%;
}

.media--square {
    padding-bottom: 100%;
}
.media--portrait {
    padding-bottom: 125%;
}
.media--landscape {
    padding-bottom: 66.6%;
}

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

figure {
    display: flex;
    position: relative;
    width: 100%;
}

figure.lazy-image--absolut,
figure.lazy-image--absolut img {
    width: 100%;
    height: 100%;
} 

figure.lazy-image,
figure.lazy-video {
    overflow: clip;
}

figure.lazy-image--absolut > img,
figure.lazy-image--absolut > video,
figure.lazy-image--absolut > .lazy-image__preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure:not(.lazy-image--absolut) .lazy-image__preloader {
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    left: -10px;
}

.lazy-image img,
.lazy-video video {
    opacity: 0;
}

.lazy-image--fade_scale img,
.lazy-image--fade_scale video {
    transform: scale(1.2);
    transition: opacity var(--images-duration) var(--transition-timing-function) var(--images-delay), transform var(--images-duration) var(--transition-timing-function) var(--images-delay);
}

.card.card-js .card__product-image .lazy-image--fade_scale.lazy-image:not(.lazyloaded) img {
    transform: scale(1.2);
    opacity: 0;
    transition: opacity var(--images-duration) var(--transition-timing-function) var(--images-delay), transform var(--images-duration) var(--transition-timing-function) var(--images-delay);
}

.lazy-image.lazyloaded img,
.lazy-video.lazyloaded video {
    opacity: 1;
}

.lazy-image--fade_scale.lazyloaded img,
.lazy-image--fade_scale.lazyloaded video,
.card.card-js .card__product-image .lazy-image--fade_scale.lazy-image.lazyloaded img {
    transform: scale(1);
    opacity: 1;
}

.lazy-image__preloader-pixelate img {
    opacity: 1!important;
    image-rendering: pixelated!important;
    transition: none!important;
}

.lazy-image .lazy-image__preloader,
.lazy-video .lazy-image__preloader {
    overflow: clip;
    transition: opacity var(--images-duration) var(--transition-timing-function) var(--images-delay);
    z-index: 1;
}

.lazy-image.lazyloaded .lazy-image__preloader,
.lazy-video.lazyloaded .lazy-image__preloader {
    opacity: 0;
    z-index: 0;
}

.figure-magnify-hover.lazy-image.lazyloaded .lazy-image__preloader,
.figure-magnify-hover.lazy-video.lazyloaded .lazy-image__preloader {
    z-index: -1;
}

.lazy-image__preloader-blur img {
    opacity: 1!important;
    image-rendering: unset!important;
}

.lazy-image__preloader-blur {
    position: relative;
}

.lazy-image .lazy-image__preloader-blur,
.lazy-video .lazy-image__preloader-blur {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    left: -10px;
    filter: none;
    transition: filter var(--images-duration) var(--transition-timing-function) var(--images-delay);
}

.lazy-image:not(.lazyloaded) .lazy-image__preloader-blur,
.lazy-video:not(.lazyloaded) .lazy-image__preloader-blur {
    filter: blur(10px);
}

.context-image .lazy-image__preloader img,
.lazy-image__preloader--full.lazy-image__preloader img {
    width: 100%;
    height: 100%;
}

.ratio-original {
    aspect-ratio: auto;
}
.ratio-original.lazy-image-container .lazy-image,
.ratio-original.lazy-image,
.ratio-original.lazy-image-container .lazy-video,
.ratio-original.lazy-video {
    aspect-ratio: var(--desktop-asp-rat);
}
.ratio-square {
    aspect-ratio: 1 / 1;
}
.ratio-portrait {
    aspect-ratio: 4 / 5;
}
.ratio-narrow_portrait {
    aspect-ratio: 2 / 3;
}
.ratio-traditional {
    aspect-ratio: 4 / 3;
}
.ratio-landscape {
    aspect-ratio: 3 / 2;
}
.ratio-wide {
    aspect-ratio: 16 / 9;
}
.ratio-super_wide {
    aspect-ratio: 4 / 1;
}
.ratio-vertical {
    aspect-ratio: 9 / 16;
}

.grid-container {
    container-type: inline-size;
    container-name: grid-container;
}

.placeholder {
    background-color: rgba(var(--layout-text-color), .07);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
    width: 100%;
    flex: 0 0 100%;
}

.placeholder + svg {
    fill: rgba(var(--layout-text-color), .5);
}

.page-placeholder {
    width: 64px;
    height: 64px;
}

.placeholder-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    font: var(--base-body-s-font);
    color: rgba(var(--layout-text-color), .7);
}

.rte > .placeholder-content:not(table) {
    position: absolute;
    left: 50%;
}

.custom-type-preset .placeholder-content {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.placeholder-svg {
    width: 100%;
    background-color: rgba(var(--layout-text-color), .07);
    fill: rgb(var(--layout-text-color), .5);
    aspect-ratio: inherit;
}

.unit-price {
    display: flex;
}

deferred-media {
    display: block;
}

@media (hover: hover) {
    .quantity__button:hover {
        opacity: 0.7;
    }
}

.quantity__button[name="minus"] {
    transform: rotate(180deg);
}

.quantity {
    display: flex;
    align-items: center;
    border-radius: var(--field-radius);
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    min-height: 44px;
    width: 168px;
}

.quantity__input {
    text-align: center;
    width: 100%;
    height: 100%;
    color: rgb(var(--layout-text-color));
}

.quantity__input::placeholder {
    color: rgb(var(--layout-text-color));
}

.quantity__button {
    flex-shrink: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--layout-text-color));
    padding: 0;
    width: 44px;
    height: 40px;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
  
.quantity__button svg {
    pointer-events: none;
    fill: rgb(var(--layout-text-color));
}

.quantity__button:focus-visible,
.quantity__input:focus-visible {
    z-index: 2;
}

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

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

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

/* #region Breadcrumbs */

.breadcrumbs-section__content {
    padding-top: var(--top-and-bottom-paddings);
    padding-bottom: var(--top-and-bottom-paddings);
}

.breadcrumbs--minimal_uppercase,
.breadcrumbs--minimal_basic,
.breadcrumbs--classic,
.breadcrumbs--avant_garde,
.breadcrumbs--contrast {
  font: var(--base-label-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.breadcrumbs--minimal_heavy {
  font: var(--base-body-l-font);
}

.breadcrumbs--brutalist {
  font: var(--base-body-l-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.breadcrumbs--duet {
  font: var(--base-body-m-font);
}

.breadcrumbs-component {
    display: block;
}

.breadcrumbs--center {
    justify-content: center;
}

.breadcrumbs--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.breadcrumbs__list--dim .breadcrumbs__item:not(.breadcrumbs__item--current) {
    opacity: .7;
}

.breadcrumbs__item--storage:has(a:empty) {
    display: none;
}

.breadcrumbs__item--current {
    pointer-events: none;
}

.breadcrumbs__item::after {
    content: '/';
    margin-inline-start: 8px;
}
.breadcrumbs__item--current::after {
    content: '';
}

.breadcrumbs__link {
    transition: opacity .3s var(--transition-timing-function);
}

.breadcrumbs__link:hover {
    opacity: .7;
}

.breadcrumbs__item:has(.breadcrumbs__link:empty) {
    display: none;
}

/* #endregion */

/* #region Store selector */

.store-selector-container {
    display: flex;
    justify-content: var(--horizontal-alignment);
    align-items: var(--vertical-alignment);
}

.store-selector-container--2.store-selector-container--medium,
.store-selector-container--2.store-selector-container--wide,
.store-selector-container--3.store-selector-container--medium {
    grid-column: span 2;
}

.store-selector-container--3.store-selector-container--wide {
    grid-column: span 3;
}

.store-selector {
    display: flex;
    column-gap: 4px;
    flex-wrap: nowrap;
    align-items: center;

    .miscellaneous-container--menu-drawer .miscellaneous__subblock & {
        padding: 0 10px;
        min-height: 44px;
        min-width: 44px;
    }
}

.store-selector__text {
    line-height: normal;
    text-align: start;
    word-break: normal;
}

.store-selector__icon {
    display: block;
    width: auto;
    aspect-ratio: 1 / 1;
}

.store-selector__icon svg {
    display: block;
    width: auto;
    aspect-ratio: 1/1;
    height: 100%;
    width: 100%;
    fill: rgb(var(--layout-text-color));
}

/* #endregion */

/* #region Pickup availability */

.pickup-availability-wrapper {
    position: relative;
}

.pickup-availability {
    display: inline-flex;

    .pickup-availability-wrapper &::after {
        content: '';
        position: absolute;
        inset: 0;
    }
}

.pickup-availability__icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -0.1em;
    height: 10px;
    width: 10px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    margin-inline-end: 8px;
}

.pickup-availability .pickup-availability--available .pickup-availability__icon {
    background-color: rgb(var(--pickup-available-icon));
}

.pickup-availability .pickup-availability--unavailable .pickup-availability__icon {
    border: 2px solid rgb(var(--pickup-out-of-stock-icon));
}

.pickup-availability__content {
    text-align: start;
}

.pickup-availability .pickup-availability--available.pickup-availability__content {
    color: rgb(var(--pickup-available-text));
}

.pickup-availability .pickup-availability--unavailable.pickup-availability__content {
    color: rgb(var(--pickup-out-of-stock-text));
}

/* #endregion */

.overlay {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgb(var(--layout-text-color));
}

.drawer.active .overlay,
.overlay.open, pickup-availability-drawer[open] .overlay,
.menu-drawer:not([hidden]) + .overlay {
    display: block; 
    opacity: 0.5;
    z-index: 30;
    animation: disableOpacity .3s var(--transition-timing-function);
}

@keyframes disableOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.5;
    }
}

@keyframes drawerOpenLeft {
    0% {
        inset-inline-start: -40px;
        opacity: 0;
    }
    100% {
        inset-inline-start: 0;
        opacity: 1;
    }
}

@keyframes drawerOpenRight {
    0% {
        inset-inline-end: -40px;
        opacity: 0;
    }
    100% {
        inset-inline-end: 0;
        opacity: 1;
    }
}

.button .loading-overlay__spinner svg circle,
.infinite-scroll.loading[data-trigger="button"] svg circle,
.quick .loading-overlay__spinner svg circle {
    stroke: rgb(var(--base-button-color)) !important;
}

.card__quick-view .loading-overlay__spinner svg circle {
    stroke: rgb(var(--accent-button-color)) !important;
}

.button-wrapper {
    display: flex;
    justify-content: flex-end;
    position: sticky;
    position: -webkit-sticky;
    top: 16px;
    background-color: transparent;
    z-index: 15;
}

.button-close {
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    z-index: 3;
    background-color: rgb(var(--layout-text-color));
    border-radius: var(--other-buttons-radius);
    transition: transform var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
}

.button-close::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    cursor: pointer;
    border-radius: var(--other-buttons-radius);
    background-color: rgb(var(--layout-text-color));
    box-shadow: 0px 0px 2px rgba(var(--layout-text-color), var(--close-button-shadow)), 0px 2px 10px rgba(var(--layout-text-color), var(--close-button-shadow));
    transition: transform var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
}
.filter-form .button-wrapper,
.store-selector-drawer .button-wrapper,
.cart-drawer .button-wrapper {
    display: flex;
    position: fixed;
    top: 16px;
    inset-inline-end: 16px;
    background-color: transparent;
    z-index: 15;
}

.cart-drawer .button-close.fill svg,
.store-selector-drawer .button-close.fill svg,
.filter-form .button-close.fill svg {
    fill: rgb(var(--popup-background-color));
}
.button-close svg {
    fill: rgb(var(--layout-background-color));
    transition: transform var(--animation-duration) var(--transition-timing-function), fill var(--animation-duration) var(--transition-timing-function);
}
.button-close.fill svg,
.no-default-color .button-close.fill:not(.close-popup) svg {
    fill: rgb(var(--layout-background-color));
}
.no-default-color .button-close:not(.close-popup),
.no-default-color .button-close:not(.close-popup)::after {
    background-color: rgb(var(--layout-text-color));
}
.no-default-color .button-close:not(.close-popup) svg {
    fill: rgb(var(--layout-background-color));
}
@media (hover: hover) {
    .button-close:hover {
        opacity: .7;
    }
    .button-close:hover svg {
        opacity: .7;
        transform: rotate(180deg);
    }
    .buttons-zoom .button-close:hover::after {
        transform: scale3d(1.1,1.1,1);
    }
}

.label {
    display: block;
    margin-bottom: 4px;
    color: rgb(var(--layout-text-color));
}
.input {
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    border-radius: var(--field-radius);
    color: rgb(var(--layout-text-color));
    min-height: 44px;
    padding: 8px 16px;
}
.input.required.invalid {
    border-color: rgb(var(--error-color));
}
.input.required.valid {
    border-color: rgb(var(--layout-text-color));
}
.input::placeholder, select::placeholder, textarea::placeholder {
    color: rgba(var(--layout-text-color), 0.5);
}

.fields-wrapper .field:not(:last-child) {
    margin-bottom: 16px;
}
.field--checkbox {
    display: flex;
    align-items: center;
    position: relative;
}
.field--checkbox input[type="checkbox"] {
    flex-shrink: 0;
}
.field--checkbox .label {
    color: rgb(var(--layout-text-color));
    margin-inline-start: 8px;
    margin-bottom: 0;
}
.field--checkbox, select {
    cursor: pointer;
}
.shopify-challenge__container {
    margin-top: 128px;
    margin-bottom: 128px;
}

.main--spacious .shopify-challenge__container {
    padding-inline-start: 48px;
    padding-inline-end: 48px;
}

.main--compact .shopify-challenge__container {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
}

.shopify-challenge__message {
    color: rgb(var(--layout-text-color));
    margin-bottom: 32px;
    font-family: var(--base-font-family);
    font-style: var(--base-font-style);
    font-weight: var(--base-font-weight);
    text-transform: uppercase; 
    letter-spacing: 0.02em;
    text-align: start;
}

.shopify-challenge__container .shopify-challenge__button {
    margin-top: 32px;
    width: 100%;
    min-height: 64px;
    cursor: pointer;
}

.popup-wrapper {
    display: none;
    opacity: 0;
    top: calc(50% + 40px);
}
.popup-wrapper:not(.filter-form).open {
    display: block;
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    max-height: calc(100% - 65px - 65px);
    width: 720px;
    max-width: calc(100% - 50px - 50px);
    scrollbar-width: none; 
    box-shadow: 0px 7px 38px 0px rgba(0, 0, 0, 0.10);
    z-index: 50;
    opacity: 1;
    background-color: rgb(var(--popup-background-color));
    animation: modalAndPopupOpen var(--animation-duration) var(--transition-timing-function);
}
.popup-wrapper.popup-wrapper--page:not(.filter-form).open {
    width: 1024px;
}

body.hidden .scroll-area {
    overflow-y: auto;
    min-height: 100%;
    max-height: calc(100vh - 130px);
    height: fit-content;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none; 
}

.hide-scrollbar::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

.hide-scrollbar::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

@keyframes modalAndPopupOpen {
    0% {
        top: 40px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.popup-content,
.popup__text.popup-content:last-child {  
    padding: 42px 64px 64px;
}
.popup__text.popup-content {
    padding: 42px 64px 0;
}
.popup-wrapper.open::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}
.popup-wrapper.open::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

ul:empty, p:empty {
    display: none;
}
.slider-button[disabled="disabled"] svg {
    fill: rgba(var(--layout-text-color), 0.5);
}

.dim {
    opacity: .7;
}

.heading {
    color: rgb(var(--layout-text-color));
}
.heading--accent {
    color: rgb(var(--accent-button-color));
}

.page-width {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.page-width--1200 {
    max-width: 1200px;
    width: 100%;
}
.page-width--1400 {
    max-width: 1400px;
    width: 100%;
}
.page-width--1700 {
    max-width: 1700px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 100%;
}
.hover-accent {
    transition: color var(--animation-duration) var(--transition-timing-function);
}
.hover-accent svg {
    transition: fill var(--animation-duration) var(--transition-timing-function);
}
.hover-opacity {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .hover-accent:hover {
        color: rgb(var(--hover-button-color));
    }
    .hover-accent:hover svg {
        fill: rgb(var(--hover-button-color));
    }
    .hover-opacity:hover {
        opacity: .7;
    }
}

overlap-navigation {
    display: block;
    width: 100%;
}

 .shopify-section-group-additional-header-sections {
    position: relative;
    z-index: 1;
 }

pickup-availability-drawer {
    display: block;
    visibility: hidden;
    position: fixed;
    pointer-events: none;
    top: 0;
    inset-inline-end: 0;
    z-index: 101;
}
pickup-availability-drawer[open] {
    display: block;
    visibility: visible;
    pointer-events: all;
}

/* Recommendation modal */
.recommendation-modal__container {
    background-color: rgb(var(--layout-background-color));
    color: rgb(var(--layout-text-color));
}

.recommendation-modal__close-button {
    width: 44px;
    height: 44px;
}

.recommendation-modal__message--bold {
    font-weight: inherit !important;
}

.recommendation-modal__benefits ul li {
    color: rgb(var(--layout-text-color));
}

.recommendation-modal__backdrop {
    background-color: rgb(var(--layout-text-color));
    opacity: 0.5;
}

.recommendation-modal__form button {
    margin-top: 24px !important;
}

.recommendation-modal__button {
    color: rgb(var(--layout-background-color));
    background-color: rgb(var(--layout-text-color));
    height: 64px !important;
    border-radius: var(--button-radius) !important;
}

.recommendation-modal__button--minimal {
    color: rgb(var(--layout-text-color));
    height: 44px !important;
    width: 100% !important;
    border: var(--line-width) solid rgb(var(--layout-text-color));
    text-decoration-line: none !important;
}

.brutalist .recommendation-modal__message,
.brutalist .recommendation-modal__message--align-start,
.brutalist .recommendation-modal__button {
    font: var(--base-body-l-font) !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.duet .recommendation-modal__message,
.duet .recommendation-modal__message--align-start,
.duet .recommendation-modal__button {
    font: var(--accent-body-m-font) !important;
}
.minimal_basic .recommendation-modal__message,
.minimal_basic .recommendation-modal__message--align-start,
.minimal_basic .recommendation-modal__button {
    font: var(--base-body-m-font) !important;
}
.minimal_uppercase .recommendation-modal__message,
.minimal_uppercase .recommendation-modal__message--align-start,
.minimal_uppercase .recommendation-modal__button {
    font: var(--base-body-s-font) !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.custom.custom-type-preset .recommendation-modal__message,
.custom.custom-type-preset .recommendation-modal__message--align-start,
.custom.custom-type-preset .recommendation-modal__button {
    font: var(--body-s-font) !important;
    text-transform: uppercase;
    letter-spacing: var(--body-s-letter-spacing);
}
.minimal_heavy .recommendation-modal__message,
.minimal_heavy .recommendation-modal__message--align-start,
.minimal_heavy .recommendation-modal__button {
    font: var(--base-heading-xs-font) !important;
}
.contrast .recommendation-modal__message,
.classic .recommendation-modal__message,
.contrast .recommendation-modal__message--align-start,
.classic .recommendation-modal__message--align-start,
.contrast .recommendation-modal__button,
.classic .recommendation-modal__button {
    font: var(--accent-body-l-font) !important;
}
.avant_garde .recommendation-modal__message,
.avant_garde .recommendation-modal__message--align-start,
.avant_garde .recommendation-modal__button {
    font: var(--base-body-m-font) !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.minimal_uppercase .recommendation-modal__benefits ul li, 
.minimal_basic .recommendation-modal__benefits ul li, 
.classic .recommendation-modal__benefits ul li,
.contrast .recommendation-modal__benefits ul li,
.minimal_uppercase .recommendation-modal__button--minimal, 
.minimal_basic .recommendation-modal__button--minimal, 
.classic .recommendation-modal__button--minimal,
.contrast .recommendation-modal__button--minimal,
.minimal_uppercase .recommendation-modal__content select, 
.minimal_basic .recommendation-modal__content select, 
.classic .recommendation-modal__content select,
.contrast .recommendation-modal__content select {
  font: var(--base-label-font) !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.custom.custom-type-preset .recommendation-modal__benefits ul li, 
.custom.custom-type-preset .recommendation-modal__button--minimal, 
.custom.custom-type-preset.recommendation-modal__content select {
    font: var(--label-font) !important;
    text-transform: uppercase;
    letter-spacing: var(--label-letter-spacing);
}
.minimal_heavy .recommendation-modal__benefits ul li,
.minimal_heavy .recommendation-modal__button--minimal,
.minimal_heavy .recommendation-modal__content select {
  font: var(--base-body-l-font) !important;
}
.brutalist .recommendation-modal__benefits ul li,
.brutalist .recommendation-modal__button--minimal,
.brutalist .recommendation-modal__content select {
  font: var(--base-body-l-font) !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.avant_garde .recommendation-modal__benefits ul li,
.avant_garde .recommendation-modal__button--minimal,
.avant_garde .recommendation-modal__content select {
  font: var(--accent-body-m-font) !important;
}
.duet .recommendation-modal__benefits ul li,
.duet .recommendation-modal__button--minimal,
.duet .recommendation-modal__content select {
  font: var(--base-body-m-font) !important;
}

/* Magnify */

.image-magnify-hover {
    cursor: zoom-in;
}
.figure-magnify-hover ~ .image-zoom-icon,
.image-magnify-hover ~ .image-zoom-icon {
    display: none;
}

.container-magnify-hover .image-zoom-icon {
    display: flex!important;
    pointer-events: none;
}

.image-zoom-icon .icon-zoom-out,
.image-zoom-icon .icon-zoom-in {
    display: flex;
}

.container-magnify-hover .image-zoom-icon .icon-zoom-out,
.container-magnify-hover.icon-zoom-out-visible .image-zoom-icon .icon-zoom-in {
    display: none;
}

.container-magnify-hover.icon-zoom-out-visible .image-zoom-icon .icon-zoom-out {
    display: flex;
}

.container-magnify-hover figure.lazyloaded > img {
    transition: none;
}

.image-magnify-full-size {
    cursor: zoom-out;
    z-index: 3;
}

.enable-blending {
    contain: paint !important;
}

.enable-blending .lazy-image,
.enable-blending .lazy-image__preloader {
    background: var(--blending-color, none);
}

.enable-blending .image-magnify-full-size,
.enable-blending .lazy-image img {
    mix-blend-mode: darken;
}

.image-magnify-full-size + img {
    opacity: 0!important;
}

.image-magnify-full-size {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}                                      

.image-magnify-full-size ~ .image-zoom-icon {
    display: flex;
}

html .custom-heading .styled,
html #body .custom-heading .styled {
    font-family: var(--custom-font-family) !important;
    font-style: var(--custom-font-style) !important;
    font-weight: var(--custom-font-weight) !important;
}

body.disable-scroll-body {
    position: fixed!important;
    inset-inline: 0;
    width: 100%;
}

/* Fonts */
.body-secondary-text--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.label-checkbox--minimal_heavy,
.label-checkbox--duet {
    font: var(--base-body-l-font);
}
.label-checkbox--avant_garde  {
    font: var(--accent-body-m-font);
}
.label-checkbox--minimal_uppercase,
.label-checkbox--minimal_basic,
.label-checkbox--classic,
.label-checkbox--contrast {
    font: var(--base-body-m-font);
}
.label-checkbox--brutalist {
    font: var(--accent-heading-xs-font);
}
.label-checkbox--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.body-secondary-text--minimal_basic,
.body-secondary-text--classic,
.label--minimal_uppercase,
.input--minimal_uppercase, .input--minimal_basic, .input--classic,
.big-button--minimal_uppercase, .big-button--classic,
.button--minimal_uppercase, .button--classic,
.minimal_uppercase .shopify-challenge__button,
.classic .shopify-challenge__button {
    font: var(--base-body-s-font);
}

.custom.custom-type-preset .shopify-challenge__button {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.buttons-uppercase.custom.custom-type-preset .shopify-challenge__button {
    text-transform: uppercase;
}
.buttons-font-bolder.custom.custom-type-preset .shopify-challenge__button {
    font-weight: bold;
}

.body-secondary-text--minimal_heavy,
.body-text--minimal_heavy,
.body-text--duet,
.label--minimal_heavy, .label--brutalist, .input--minimal_heavy, .input--brutalist,
.button--minimal_heavy  {
    font: var(--base-body-l-font);
}

.body-secondary-text--avant_garde,
.input--duet, .input--avant_garde,
.button--avant_garde, .button--contrast {
    font: var(--accent-body-s-font);
}

.body-secondary-text--contrast,
.label--minimal_basic, .label--classic, .label--avant_garde, .label--contrast,
.input--contrast,
.button--minimal_basic {
    font: var(--base-label-font);
}

.body-secondary-text--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.body-secondary-text--duet,
.body-text--minimal_uppercase,
.body-text--minimal_basic,
.body-text--classic,
.body-text--contrast,
.label--duet,
.big-button--minimal_basic, .big-button--avant_garde,
.minimal_basic .shopify-challenge__button,
.avant_garde .shopify-challenge__button {
    font: var(--base-body-m-font);
}
.body-text--avant_garde,
.button--duet {
    font: var(--accent-body-m-font);
}

.body-text--brutalist,
.big-button--contrast,
.contrast .shopify-challenge__button {
    font: var(--accent-heading-xs-font);
}

.label--minimal_uppercase, .label--minimal_basic, .label--classic, .label--avant_garde, .label--contrast, .label--brutalist,
.input--minimal_uppercase, .input--brutalist {
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.big-button--minimal_heavy, .big-button--brutalist,
.minimal_heavy .shopify-challenge__button,
.brutalist .shopify-challenge__button {
    font: var(--base-heading-xs-font);
}
.big-button--duet, 
.button--brutalist,
.duet .shopify-challenge__button {
    font: var(--accent-body-l-font);
}
.big-button--minimal_uppercase, .big-button--avant_garde, .big-button--brutalist,
.button--minimal_uppercase, .button--minimal_basic,
.minimal_uppercase .shopify-challenge__button,
.avant_garde .shopify-challenge__button,
.brutalist .shopify-challenge__button {
    text-transform: uppercase; 
} 
.big-button--minimal_uppercase, .big-button--avant_garde,
.button--minimal_uppercase, .button--minimal_basic,
.minimal_uppercase .shopify-challenge__button,
.avant_garde .shopify-challenge__button {
    letter-spacing: 0.02em;
}

.button-font--default,
.button-font--default .price-inside-button .price--custom,
.body-secondary-text--custom,
.label--custom,
.input--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.input--custom.uppercase::placeholder,
.buttons-uppercase .button-font--default,
.buttons-uppercase .button-font--default .shopify-payment-button__button {
    text-transform: uppercase;
}

.input--custom.bolder-font::placeholder,
.buttons-font-bolder .button-font--default,
.buttons-font-bolder .button-font--default .shopify-payment-button__button {
    font-weight: bold;
}

.body-text--custom {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}
main.password-main {
    position: relative;
    z-index: 1;
}
body .shopify-pc__prefs__dialog header h2 {
    font: var(--base-heading-s-font);
}
body.custom-type-preset .shopify-pc__prefs__dialog header h2 {
    font: var(--heading-s-font);
    letter-spacing: var(--heading-s-letter-spacing);
}
body #shopify-pc__banner__body-title,
body .shopify-pc__prefs__dialog h3,
body .shopify-pc__prefs__dialog label {
    font: var(--base-heading-xs-font);
}
body.custom-type-preset #shopify-pc__banner__body-title,
body.custom-type-preset .shopify-pc__prefs__dialog h3,
body.custom-type-preset .shopify-pc__prefs__dialog label {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}
body .shopify-pc__banner__body p,
body .shopify-pc__prefs__dialog p,
body .shopify-pc__prefs__dialog li {
    font: var(--base-body-m-font);
}
body.custom-type-preset .shopify-pc__banner__body p,
body.custom-type-preset .shopify-pc__prefs__dialog p,
body.custom-type-preset .shopify-pc__prefs__dialog li {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}
body .shopify-pc__banner__btns,
body .shopify-pc__prefs__header-actions {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
body.custom-type-preset .shopify-pc__banner__btns,
body.custom-type-preset .shopify-pc__prefs__header-actions {
    font: var(--body-s-font);
    text-transform: uppercase;
    letter-spacing: var(--body-s-letter-spacing);
}
body .shopify-pc__banner__btns > button,
body .shopify-pc__prefs__header-actions > button {
    position: relative;
}
body .shopify-pc__banner__body p a,
body .shopify-pc__banner__btn-manage-prefs span {
    text-decoration: none;
}
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs {
    text-decoration: none;
}
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline,
body .shopify-pc__prefs__header-actions > button:not(.primary) {
    border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
    transition: all var(--animation-duration) var(--transition-timing-function);
}
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept,
body .shopify-pc__prefs__header-actions > button.primary {
    transition: all var(--animation-duration) var(--transition-timing-function);
}
@media only screen and (max-width: 750px) {
    body .shopify-pc__prefs__header-actions {
        flex-direction: row;
        flex-wrap: wrap;
    }
    body .shopify-pc__prefs__header-actions > button {
        width: auto;
    }
}
@media screen and (max-width: 550px) {
    body .shopify-pc__banner__btns {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width: 920px) {
    .section-padding--spacious,
    .main--spacious .shopify-challenge__container {
        padding-inline-start: 24px;
        padding-inline-end: 24px;
    }
}

@media screen and (min-width: 921px) {
    .main_xs--spacious .inside-content {
        max-width: calc(100% - max(12.5%, 280px))
    }
    .main_xs--compact .inside-content {
        max-width: calc(100% - max(12.5%, 200px))
    }
    .main_xs_with_secondary--spacious .inside-content {
        max-width: calc(100% - max(12.5%, 280px) - 96px)
    }
    .main_xs_with_secondary--compact .inside-content {
        max-width: calc(100% - max(12.5%, 200px) - 96px)
    }
    .main_s--spacious .inside-content {
        max-width: calc(100% - max(18.75%, 280px))
    }
    .main_s--compact .inside-content {
        max-width: calc(100% - max(18.75%, 200px))
    }
    .main_s_with_secondary--spacious .inside-content {
        max-width: calc(100% - max(18.75%, 280px) - 96px)
    }
    .main_s_with_secondary--compact .inside-content {
        max-width: calc(100% - max(18.75%, 200px) - 96px)
    }
    .main_m--spacious .inside-content {
        max-width: calc(100% - max(25%, 280px))
    }
    .main_m--compact .inside-content {
        max-width: calc(100% - max(25%, 200px))
    }
    .main_m_with_secondary--spacious .inside-content {
        max-width: calc(100% - max(25%, 280px) - 96px)
    }
    .main_m_with_secondary--compact .inside-content {
        max-width: calc(100% - max(25%, 200px) - 96px)
    }
    .main_l--spacious .inside-content,
    .main_l--compact .inside-content {
        max-width: 50%;
    }
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .shopify-section:last-of-type .ordinal-section--spacious {
        padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
    }
    .ordinal-section--spacious {
        --section-padding: 80px;
    }
    .ordinal-section--spacious.ordinal-section--lines {
        --section-padding: 48px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width.ordinal-section--spacious {
        --section-padding: 80px;
    }
    .page-width.ordinal-section--spacious.ordinal-section--lines {
        --section-padding: 48px;
    }
    .shopify-section:last-of-type .ordinal-section--spacious.page-width {
        padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .shopify-challenge__container {
        margin-top: 96px;
        margin-bottom: 96px;
    }
    .shopify-section:last-of-type .ordinal-section--spacious {
        padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .ordinal-section--spacious {
        --section-padding: 64px;
    }
    .ordinal-section--spacious.ordinal-section--lines {
        --section-padding: 32px;
    }
    .shopify-section:first-of-type .ordinal-section {
        padding-top: max(calc(16px + var(--padding-top)), 0px);
    }
    .shopify-section:last-of-type .ordinal-section--spacious {
        padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
    }
    .section-padding--spacious,
    .section-padding--compact {
        padding-inline-start: 16px;
        padding-inline-end: 16px;
    } 
    .shopify-challenge__container {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .main--spacious .shopify-challenge__container,
    .main--compact .shopify-challenge__container {
        padding-inline-start: 16px;
        padding-inline-end: 16px;
    }
    .shopify-challenge__message  {
        margin-bottom: 24px;
    }
    .popup-wrapper:not(.filter-form).open {
        max-height: calc(100% - 32px);
        max-width: calc(100% - 16px);
    }
    .popup-content,
    .popup__text.popup-content:last-child {  
        padding: 42px 24px 48px;
    }
    .popup__text.popup-content {
        padding: 42px 24px 0;
    }
    .solid-button, 
    .outlined-button,
    .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept,
    .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline,
    body .shopify-pc__prefs__header-actions > button {
        min-width: 120px;
        padding: 6px 12px;
        min-height: 36px;
    }
    .prevent-fields-scale .input--text,
    .prevent-fields-scale .textarea,
    .prevent-fields-scale .quantity__input,
    .prevent-fields-scale .search__input,
    .prevent-fields-scale input.field__input,
    .prevent-fields-scale .search-field__text,
    .prevent-fields-scale .input,
    .prevent-fields-scale textarea,
    .prevent-fields-scale .newsletter__field  {
        font-size: 16px !important;
    }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
    .shopify-section:last-of-type .ordinal-section--spacious {
        padding-bottom: max(calc(48px + var(--padding-bottom)), 0px);
    }
    .shopify-section:last-of-type .ordinal-section--compact {
        padding-bottom: max(calc(32px + var(--padding-bottom)), 0px);
    }
    .ordinal-section--spacious {
        --section-padding: 48px;
    }
    .ordinal-section--compact {
        --section-padding: 24px
    }
    .section-padding--spacious, 
    .section-padding--compact {
        padding-inline-start: 16px;
        padding-inline-end: 16px;
    }
    .shopify-challenge__container {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width.ordinal-section--spacious {
        --section-padding: 80px;
    }
    .page-width.ordinal-section--spacious.ordinal-section--lines {
        --section-padding: 48px;
    }
    .shopify-section:last-of-type .ordinal-section--spacious.page-width {
        padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
    }
}

@media screen and (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .shopify-section:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
        .ordinal-section--spacious {
            --section-padding: 80px;
        }
        .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
        .shopify-section:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .ordinal-section--spacious {
            --section-padding: 64px;
        }
        .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 32px;
        }
        .shopify-section:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .shopify-section:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
        }
        .section-padding--spacious,
        .section-padding--compact {
            padding-inline-start: 16px;
            padding-inline-end: 16px;
        } 
        .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main--spacious .shopify-challenge__container,
        .main--compact .shopify-challenge__container {
            padding-inline-start: 16px;
            padding-inline-end: 16px;
        }
        .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .popup-wrapper:not(.filter-form).open {
            max-height: calc(100% - 32px);
            max-width: calc(100% - 16px);
        }
        .popup-content,
        .popup__text.popup-content:last-child {  
            padding: 42px 24px 48px;
        }
        .popup__text.popup-content {
            padding: 42px 24px 0;
        }
        .solid-button, 
        .outlined-button,
        .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept,
        .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline,
        body .shopify-pc__prefs__header-actions > button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }
    /* Mobile-mini */
    @container inside-content (max-width: 500px) {
        .shopify-section:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(48px + var(--padding-bottom)), 0px);
        }
        .shopify-section:last-of-type .ordinal-section--compact {
            padding-bottom: max(calc(32px + var(--padding-bottom)), 0px);
        }
        .ordinal-section--spacious {
            --section-padding: 48px;
        }
        .ordinal-section--compact {
            --section-padding: 24px
        }
        .section-padding--spacious, 
        .section-padding--compact {
            padding-inline-start: 16px;
            padding-inline-end: 16px;
        }
        .shopify-challenge__container {
            margin-top: 48px;
            margin-bottom: 48px;
        }
    }
}

/* Component accordion */
.accordion summary {
    position: relative;
    line-height: 1;
    color: rgb(var(--layout-text-color));
  }
    
  .accordion .summary__title {
    display: flex;
    gap: 4px;
    align-items: center;
    cursor: pointer;
  }
  
  .section-product-details .summary__title,
  .section-collapsible-tabs .summary__title,
  .store-selector-drawer .summary__title {
    justify-content: space-between;
  }
  
  .accordion-toggle {
    max-width: fit-content;
    word-break: break-word;
  }
  
  .accordion__panel {
    max-height: 0;
    transition: max-height 0.3s ease;
    overflow: clip;
  }
  
  .open_collapsible.is-open .accordion__panel:not([style]) {
    max-height: none;
  }
  
  .accordion__content {
    padding-top: 16px;
    height: fit-content;
    padding-bottom: 16px;
  }
  
  accordion-block .accordion-toggle {
    max-width: none;
  }
  
  .icon-accordion {
    display: inline-flex;
    align-items: center;
    position: relative;
  }
  
  .icon-accordion svg {
    fill: rgb(var(--layout-text-color));
    width: auto;
    height: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
  }
  
  .icon-accordion__close,
  .icon-accordion__open {
    height: 50%;
    display: flex;
    align-items: center;
    transition: transform var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
  }
  
  .icon-accordion__close {
    opacity: 1;
    position: relative;
    width: auto;
    transform: rotate(0deg);
  }
  .icon-accordion__open {
    opacity: 0;
    position: absolute;
    width: 0;
    transform: rotate(-90deg);
  }
  
  .accordion-toggle.is-open .icon-accordion__close:not(.share__icon-close) {
    transform: rotate(-90deg);
    opacity: 0;
    position: absolute;
    width: 0;
  }
  
  .accordion-toggle.is-open .icon-accordion__open {
    opacity: 1;
    position: relative;
    width: auto;
    transform: rotate(-180deg);
  } 
  
  .section-product-details .accordion__summary,
  .section-collapsible-tabs .accordion__summary,
  .store-selector-drawer .accordion__summary,
  .accordion__content img {
    max-width: 100%;
  }
  
  .summary__title-name {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .section-product-details .accordion-toggle,
  .section-collapsible-tabs .accordion-toggle {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
  }
  
  .store-selector-drawer .accordion-toggle {
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
  }
  
  .section-product-details .accordion__content--spacious,
  .section-collapsible-tabs .accordion__content--spacious {
    padding: 0 0 36px;
  }
  
  .section-product-details .accordion__content--compact,
  .section-collapsible-tabs .accordion__content--compact {
    padding: 0 0 16px;
  }
  
  .section-product-details .accordion + .accordion .accordion-toggle,
  .section-collapsible-tabs .accordion + .accordion .accordion-toggle,
  .store-selector-drawer .accordion + .accordion .accordion-toggle {
    border-top: var(--line-width) solid transparent;
  }
  
  .section-product-details .accordion-toggle--spacious .accordion__summary,
  .section-collapsible-tabs .accordion-toggle--spacious .accordion__summary,
  .store-selector-drawer .accordion-toggle--spacious .accordion__summary {
    padding: 24px 0;
  }
  
  .section-product-details .accordion-toggle--compact .accordion__summary,
  .section-collapsible-tabs .accordion-toggle--compact .accordion__summary,
  .store-selector-drawer .accordion-toggle--compact .accordion__summary {
    padding: 8px 0;
  }
  
  .accordion__content .accordion__text {
    text-transform: none;
    text-align: start;
  }
  
  /* Fonts */
  .accordion__title--minimal_uppercase {
    text-transform: uppercase;
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
  }
  .accordion__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
  }
  .accordion__title--minimal_basic {
    font: var(--base-body-s-font);
  }
  .accordion__title--minimal_heavy,
  .section-product-details .accordion__title--minimal_basic,
  .section-collapsible-tabs .accordion__title--minimal_basic,
  .store-selector-drawer .accordion__title--minimal_basic {
    font: var(--base-body-l-font);
  }
  .accordion__title--classic,
  .accordion__title--contrast {
    font: var(--base-body-m-font);
  }
  .accordion__title--avant_garde,
  .accordion__title--duet  {
    font: var(--accent-body-m-font);
  }
  .accordion__title--brutalist {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
  }
  .accordion__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
  }
  .section-product-details .accordion__title--minimal_uppercase,
  .section-collapsible-tabs .accordion__title--minimal_uppercase,
  .store-selector-drawer .accordion__title--minimal_uppercase,
  .section-product-details .accordion__title--avant_garde,
  .section-collapsible-tabs .accordion__title--avant_garde,
  .store-selector-drawer .accordion__title--avant_garde {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
  .section-product-details .accordion__title--custom,
  .section-collapsible-tabs .accordion__title--custom,
  .store-selector-drawer .accordion__title--custom {
    font: var(--body-l-font);
    letter-spacing: var(--body-l-letter-spacing);
  }
  .section-product-details .accordion__title--minimal_heavy,
  .section-collapsible-tabs .accordion__title--minimal_heavy,
  .store-selector-drawer .accordion__title--minimal_heavy {
    font: var(--base-heading-xs-font);
  }
  .section-product-details .accordion__title--classic,
  .section-product-details .accordion__title--duet,
  .store-selector-drawer .accordion__title--classic,
  .store-selector-drawer .accordion__title--duet,
  .section-collapsible-tabs .accordion__title--classic,
  .section-collapsible-tabs .accordion__title--duet {
    font: var(--accent-body-l-font);
  }
  .section-product-details .accordion__title--contrast,
  .section-collapsible-tabs .accordion__title--contrast,
  .store-selector-drawer .accordion__title--contrast {
    font: var(--accent-heading-s-font);
  }
  .section-product-details .accordion__title--brutalist,
  .section-collapsible-tabs .accordion__title--brutalist,
  .store-selector-drawer .accordion__title--brutalist {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
    text-transform: uppercase;
  }
  
  /* Styles for full-width page without sidebars */
  /* Mobile */
  @media screen and (max-width: 768px) {
    .section-product-details .accordion__title--brutalist,
    .section-collapsible-tabs .accordion__title--brutalist,
    .store-selector-drawer .accordion__title--brutalist {
      font: var(--base-heading-s-font);
      letter-spacing: normal;
    }
  }
  
  /* Sidebars */
  @media screen and (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
      .section-product-details .accordion__title--brutalist,
      .section-collapsible-tabs .accordion__title--brutalist,
      .store-selector-drawer .accordion__title--brutalist {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
      }
    }
  }

/* component free shipping */
.free-shipping-bar {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  
    .drawer & {
      margin: 16px 0 40px;
    }
  
    .cart-page & {
      margin-bottom: 32px;
    }
  }
  
  .progress-bar {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background-color: rgb(var(--layout-text-color));
  
    &::after {
      content: "";
      position: absolute;
      inset-inline-start: 0;
      top: 0;
      height: 100%;
      animation: grow-width 2.5s forwards;
    }
  
    &.progress-bar--complete::after {
      background-color: var(--complete-color);
    }
  
    &.progress-bar--in-progress::after {
      background-color: var(--progress-color);
    }
  }  
  
  @keyframes grow-width {
    100% {
      width: min(var(--progress-bar-width, 100%), 100%)
    }
  }

  /* Component tab */

  .component-tabs__tab--minimal_uppercase,
.component-tabs__tab--avant_garde {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.component-tabs__tab--minimal_basic {
    font: var(--base-body-l-font);
}
.component-tabs__tab--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.component-tabs__tab--classic,
.component-tabs__tab--duet{
    font: var(--accent-body-l-font);
}
.component-tabs__tab--contrast {
    font: var(--accent-heading-s-font);
}
.component-tabs__tab--brutalist {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
    text-transform: uppercase;
}
.component-tabs__tab--custom {
    font: var(--body-l-font);
    letter-spacing: var(--body-l-letter-spacing);
}

.component-tabs__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 48px;
    border-bottom: var(--line-width) solid transparent;
    color: rgba(var(--layout-text-color), 0.7);
    cursor: pointer;
}
.component-tabs__tab.active {
    border-bottom: var(--line-width) solid rgb(var(--layout-text-color));
    color: rgb(var(--layout-text-color));
    cursor: default;
    transition: opacity var(--animation-duration) var(--transition-timing-function), border-color var(--animation-duration) var(--transition-timing-function);
}
.component-tabs__tab {
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function), border-color calc(var(--animation-duration) / 2) var(--transition-timing-function);
    min-width: max-content;
    user-select: none;
    -webkit-user-select: none;
}
.color-default .component-tabs__tab {
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function), color calc(var(--animation-duration) / 2) var(--transition-timing-function), border-color calc(var(--animation-duration) / 2) var(--transition-timing-function);
}
.component-tabs {
    padding: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.component-tabs__wrapper {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
}
.component-tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
    display: none;
}

.component-tabs::-moz-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
    display: none;
    scrollbar-width: none;
}

@media (hover: hover) {
    .component-tabs__tab:not(.active):hover {
        opacity: 1;
        color: rgb(var(--accent-button-color));
        transition: opacity var(--animation-duration) var(--transition-timing-function), color var(--animation-duration) var(--transition-timing-function);
    }
    .no-default-color .component-tabs__tab:not(.active):hover {
        color: rgb(var(--layout-text-color));
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
}

.component-tabs__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function);
    overflow: clip;
}
.component-tabs__content.active {
    opacity: 1;
    position: relative;
    z-index: 3;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

/* Styles for full-width page without sidebars */
/* Mobile */
@media screen and (max-width: 768px) {
    .component-tabs__tab--brutalist {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .component-tabs__tab {
        padding: 16px 24px;
    }
}

/* Sidebars */
@media screen and (min-width: 921px) {
   /* Mobile */
    @container inside-content (max-width: 768px) {
        .component-tabs__tab--brutalist {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .component-tabs__tab {
            padding: 16px 24px;
        }
    } 
}
  
/* component loading */

.loading-overlay__spinner {
    width: 24px;
    position: absolute;
    z-index: 1;
    inset-inline-end: 0;
    top: 0;
    height: 24px;
}
.loading-overlay__spinner.loading-overlay__spinner--static {
    position: static;
}
.spinner {
    animation: rotator 1.8s linear infinite;
}
@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(270deg);
    }
}
.spinner .path,
.solid-button .spinner .path,
.big-button .spinner .path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
}
.spinner .path{
    animation: dash 1.8s ease-in-out infinite,
    colors 3.6s ease-in-out infinite;
}
.solid-button .spinner .path,
.big-button .spinner .path {
    stroke: rgb(var(--layout-background-color));
    animation: dash 1.8s ease-in-out infinite;
}

@keyframes colors {
	0% { stroke: rgb(var(--layout-text-color)); }
  100% { stroke: rgb(var(--accent-button-color)); }
}

@keyframes dash {
 0% { stroke-dashoffset: 187; }
 50% {
   stroke-dashoffset: 20.8;
   transform:rotate(135deg);
 }
 100% {
   stroke-dashoffset: 187;
   transform:rotate(450deg);
 }
}

.loading-overlay__spinner:not(.hidden) + .cart-item__price-wrapper,
.loading-overlay__spinner:not(.hidden) ~ cart-remove-button {
    opacity: 50%;
}
.loading-overlay__spinner:not(.hidden) ~ cart-remove-button {
    pointer-events: none;
    cursor: default;
}

/* Back to top */
.back-to-top-block {
    display: flex;
    flex-direction: column;
    justify-content: var(--back-to-top-vertical-alignment);
    align-items: var(--back-to-top-horizontal-alignment);
}

.back-to-top-block--secondary-sidebar.back-to-top-container {
    overflow-y: auto;
}

.back-to-top-block--secondary-sidebar .back-to-top__title {
    writing-mode: vertical-rl;
    min-height: fit-content;
    max-height: max-content;
    white-space: nowrap;
}

.back-to-top-block--secondary-sidebar .back-to-top {
    flex-direction: column;
 }

.back-to-top-container {
    display: flex;
    overflow-y: clip;
    align-items: center;
    justify-content: var(--back-to-top-horizontal-alignment);
}

.back-to-top {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    color: rgb(var(--layout-text-color));
    min-height: 32px;
    justify-content: center;
    min-width: 44px;
}

.back-to-top.back-to-top--style-icon {
    justify-content: var(--back-to-top-horizontal-alignment);
}

.back-to-top:focus {
    outline-offset: -1px;
}

.back-to-top__title {
    color: rgb(var(--layout-text-color));
}

.back-to-top__item {
    display: flex;
    align-items: center;
    min-height: 32px;
}

.back-to-top span {
    display: block;
    height: 100%;
}

.back-to-top__icon svg {
    display: block;
    width: auto;
    height: 100%;
    fill: rgb(var(--layout-text-color));
}

/* Fonts */
.back-to-top-container--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.back-to-top-container--minimal_basic,
.back-to-top-container--classic,
.back-to-top-container--avant_garde,
.back-to-top-container--contrast {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.back-to-top-container--minimal_heavy {
    font: var(--base-body-l-font);
}

.back-to-top-container--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.back-to-top-container--duet {
    font: var(--base-body-m-font);
}

.back-to-top-container--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

/* Logo */
.logo--header,
.logo--mobile-header {
    display: flex;
    justify-content: var(--logo-horizontal-alignment);
}

.logo--secondary-sidebar .logo__title {
    word-wrap: break-word;
}

.logo--secondary-sidebar.logo--rotate .logo__title {
    writing-mode: vertical-rl;
    height: fit-content;
}

.logo--secondary-sidebar.logo--rotate .logo__image img {
    transform: rotate(90deg);
}

.logo--header.logo--center .logo__title {
    text-align: center;
}

.logo--header.logo--flex-end .logo__title {
    text-align: end;
}

.logo__title {
    font-family: var(--logo-font-family);
    font-style: var(--logo-font-style);
    font-weight: var(--logo-font-weight);
    font-size: var(--logo-font-size);
    color: rgb(var(--layout-text-color));
    max-width: 100%;
    word-break: normal;
}

.logo__tagline {
    text-transform: var(--tagline-case);
    word-break: break-word;
    color: rgb(var(--layout-text-color));
}

.logo__image-item {
    display: block;
    width: auto;
    height: var(--logo-height);
}

.transparent-sidebar:not(.overlap-slide-out-menu-opened) .has-two-child .logo__image-item--solid,
.transparent-header:not(.colored) .has-two-child .logo__image-item--solid {
    display: none;
}

.transparent-sidebar:not(.overlap-slide-out-menu-opened) .logo__image.has-two-child .logo__image-item--solid,
.transparent-sidebar:not(.overlap-slide-out-menu-opened) .logo__image.section-color.has-two-child .logo__image-item--transparent,
.transparent-header.always_stick.colored .logo__image.has-two-child .logo__image-item--solid {
    display: block;
}
.transparent-sidebar:not(.overlap-slide-out-menu-opened) .logo__image.section-color.has-two-child .logo__image-item--solid,
.transparent-sidebar:not(.overlap-slide-out-menu-opened) .logo__image.has-two-child .logo__image-item--transparent,
.transparent-header.always_stick.colored .logo__image.has-two-child .logo__image-item--transparent,
.transparent-header.disable.colored .logo__image.has-two-child .logo__image-item--transparent,
.transparent-header.colored .logo__image.has-two-child .logo__image-item--transparent,
.transparent-sidebar:has( .menu-container--slide-out-overlap):hover .logo__image.has-two-child .logo__image-item--transparent,
.transparent-sidebar.overlap-slide-out-menu-opened .logo__image.has-two-child .logo__image-item--transparent {
    display: none;
}

.header-without-sidebars.transparent-header.always_stick.transparent .logo__image.has-two-child .logo__image-item--transparent,
.header-without-sidebars.transparent-header.disable.transparent .logo__image.has-two-child .logo__image-item--transparent,
.transparent-sidebar:has( .menu-container--slide-out-overlap):hover .logo__image.has-two-child .logo__image-item--solid {
    display: block;
}

.header-without-sidebars.transparent-header.always_stick.transparent .logo__image.has-two-child .logo__image-item--solid {
     display: none;
}

.transparent-header.stick_on_scroll.colored.secondary-header-section .logo__image .logo__image-item--transparent,
.transparent-header.stick_on_scroll.colored.header-without-sidebars .logo__image .logo__image-item--transparent {
    display: none;
}

.transparent-header.stick_on_scroll.transparent.secondary-header-section .logo__image .logo__image-item--solid {
    display: block;
}

.transparent-header.transparent.always_stick .logo__image.has-two-child .logo__image-item--solid,
.transparent-header.stick_on_scroll.transparent.secondary-header-section .logo__image.has-two-child .logo__image-item--transparent,
.transparent-header.stick_on_scroll.transparent.secondary-header-section .logo__image.has-two-child .logo__image-item--solid {
    display: none;
}

.transparent-header.transparent.always_stick .logo__image.has-two-child .logo__image-item--transparent,
.transparent-header.stick_on_scroll.transparent.secondary-header-section .logo__image.has-two-child .logo__image-item--transparent {
    display: block;
}

.shopify-section-header.animate .colored:not(.secondary-header-section) .logo__image.has-two-child .logo__image-item--transparent {
    display: none;
}

.shopify-section-header.animate .colored:not(.secondary-header-section) .logo__image .logo__image-item--solid {
    display: block;
}

.mobile-header-section:not(.transparent-header) .logo__image.has-two-child .logo__image-item--transparent {
    display: none;
}

.logo--main-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: var(--logo-vertical-alignment);
    align-items: var(--logo-horizontal-alignment);
    max-width: 100%;
}

.logo--secondary-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: var(--logo-vertical-alignment);
    align-items: center;
}

.logo--main-sidebar.logo--spacious {
    gap: 24px;
}

.logo--main-sidebar.logo--compact {
    gap: 16px;
}

.logo--center .logo__tagline {
    text-align: center;
}

/* Fonts */
.logo__tagline--minimal_uppercase {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.logo__tagline--minimal_basic,
.logo__tagline--minimal_heavy,
.logo__tagline--classic {
    font: var(--base-body-s-font);
}

.logo__tagline--avant_garde {
    font: var(--accent-body-s-font);
}

.logo__tagline--contrast {
    font: var(--base-label-font);
}

.logo__tagline--brutalist,
.logo__tagline--duet {
    font: var(--accent-body-m-font);
}

.logo__tagline--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}

/* Social media */
.social-media-block,
.social-media-container,
.social-media-container--main-sidebar {
    display: flex;
    flex-direction: column;
}
.social-media-block {
    align-items: var(--social-media-horizontal-alignment);
    text-align: var(--social-media-horizontal-alignment);
}

.social-media-container,
.social-media-container--secondary-sidebar .social-media {
    height: 100%;
}

.social-media-container--main-sidebar {
    justify-content: var(--social-media-vertical-alignment);
    align-items: var(--social-media-horizontal-alignment);
}

.social-media-container--secondary-sidebar .social-media__title {
    display: none;
}

.social-media-container--secondary-sidebar .social-media__text {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
}

.social-media-container--menu-drawer,
.social-media-container--footer,
.social-media-container--secondary-sidebar .social-media__text {
    height: fit-content;
}

.social-media__title {
    min-height: 32px;
    display: flex;
    color: rgb(var(--layout-text-color));
    align-items: center;
    justify-content: var(--social-media-horizontal-alignment);
}

.social-media-container--secondary-sidebar .social-media {
    flex-direction: column;
    align-items: center;
    justify-content: var(--social-media-vertical-alignment);
}

.social-media-container--menu-drawer,
.social-media-container--footer {
    width: 100%
}

.social-media-block--menu-drawer.social-media-block--space-between,
.social-media-block--footer.social-media-block--space-between {
    align-items: center;
}

.social-media {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
    justify-content: var(--social-media-horizontal-alignment);
}

.social-media__link:focus {
    outline-offset: -2px;
}

.social-media-container--logo_in_circle .social-media {
    gap: 0;
    margin: 0 -10px;
}

.social-media-container--header .social-media {
    align-items: center;
    justify-content: var(--social-media-horizontal-alignment);
}

.social-media-container--spacious {
    gap: 24px;
}

.social-media-container--spacious.social-media-container--logo_in_circle {
    gap: 14px;
}

.social-media-container--compact {
    gap: 16px;
}

.social-media-container--compact.social-media-container--logo_in_circle {
    gap: 6px;
}

.social-media__item {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: clip;
}

.social-media__item--short {
    aspect-ratio: 1/1;
}

.social-media__link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    color: rgb(var(--layout-text-color));
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.social-media-container--text .social-media__link,
.social-media-container--short_text .social-media__link {
    min-height: auto;
}

.social-media-container--logo_in_circle .social-media__link {
    min-width: 44px;
    padding: 0 10px;
}

.transparent-sidebar:not(.overlap-slide-out-menu-opened).invert-sidebar .social-media__link {
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.social-media__link.use-own-icon {
    justify-content: center;
    background: var(--social-media-icon);
    background-position: center;
    background-repeat: no-repeat;
    width: max(calc(24px * var(--desktop-font-scale)), 24px);
    background-size: max(calc(24px * var(--desktop-font-scale)), 24px) max(calc(24px * var(--desktop-font-scale)), 24px);
}
.social-media__link.buttons-zoom .social-media__icon {
    position: relative;
}
@media (hover: hover) {
    .social-media__link:hover {
        opacity: .7;
    }
}
.social-media.color-accent .social-media__link {
    color: rgb(var(--accent-button-color));
}

.social-media__link svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: rgb(var(--layout-text-color));
}

.social-media.color-accent .social-media__link svg,
.social-media.color-invert.color-accent .social-media__link svg,
.social-media.color-custom.color-accent .social-media__link svg {
    fill: rgb(var(--accent-button-color));
}

.social-media-block--2.social-media-block--medium,
.social-media-block--2.social-media-block--wide,
.social-media-block--3.social-media-block--medium {
    grid-column: span 2;
}

.social-media-block--3.social-media-block--wide {
    grid-column: span 3;
}

.social-media-block--menu-drawer,
.social-media-block--footer {
    display: flex;
    justify-content: var(--social-media-vertical-alignment);
}

.social-media-container--stretched-center {
    align-items: center;
}

.social-media-container--stretched-center .social-media {
    width: 100%;
    justify-content: space-between;
}

.social-media-block--1.social-media-block--medium .social-media-container,
.social-media-block--1.social-media-block--wide .social-media-container {
    width: 100%;
}

.social-media-block--1.social-media-block--short .social-media-container {
    width: 100%;
    max-width: 360px;
}

/* Fonts */
.social-media__title--minimal_uppercase,
.social-media--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.social-media--minimal_basic,
.social-media--classic {
    font: var(--base-body-s-font);
}
.social-media__title--minimal_basic,
.social-media__title--classic,
.social-media__title--avant_garde {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.social-media__title--contrast {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
}
.social-media__title--minimal_heavy,
.social-media__title--brutalist,
.social-media--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.social-media--minimal_heavy {
    font: var(--base-body-l-font);
}
.social-media--avant_garde {
    font: var(--accent-body-s-font);
}
.social-media--contrast {
    font: var(--base-label-font);
}
.social-media__title--duet,
.social-media--duet {
    font: var(--base-body-m-font);
}
.social-media__title--contrast {
    font: var(--accent-heading-xs-font);
}

.social-media__title--custom,
.social-media--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

@media screen and (max-width: 920px) {
    .social-media__link.use-own-icon {
        width: max(calc(24px * var(--mobile-font-scale)), 24px);
        background-size: max(calc(24px * var(--mobile-font-scale)), 24px) max(calc(24px * var(--mobile-font-scale)), 24px);
    }
}

@media screen and (max-width: 768px) {
    .social-media-block--1.social-media-block--short .social-media-container,
    .social-media-block--1.social-media-block--medium .social-media-container {
        width: 100%;
    }
}

/* Pagination */
.pagination__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagination__pages {
    display: flex;
    gap: 8px;
}

.pagination-wrapper--spacious.lines,
.pagination-wrapper--compact.lines {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.section-original.tablet .pagination-wrapper--spacious.lines {
    padding-top: 96px;
}

.section-original.mobile .pagination-wrapper--spacious.lines,
.section-original.mobile-mini .pagination-wrapper--spacious.lines,
.pagination-wrapper--spacious.lines {
    padding-top: 64px;
}

.pagination-wrapper--compact.lines {
    padding-top: 48px;
}

.pagination__pages .pagination__item {
    display: flex;
    gap: 8px;
    width: 44px;
    height: 44px;
}

.pagination__item {
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    -webkit-user-select: none;
    color: rgb(var(--layout-text-color));
    font: var(--base-body-s-font);
    border: var(--outline-thickness) solid transparent;
    border-radius: var(--field-radius);
    -webkit-border-radius: var(--field-radius);
    transition: border var(--animation-duration) var(--transition-timing-function), background-color var(--animation-duration) var(--transition-timing-function);
}

.custom-type-preset .pagination__item {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.pagination__item-arrow {
    background: transparent;
    border: none;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    overflow: clip;
}

.pagination__item--current {
    border-radius: var(--field-radius);
    --webkit-border-radius: var(--field-radius);
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
}

.pagination__item svg {
    fill: rgb(var(--layout-text-color));
}

.pagination__item--disable {
    cursor: auto;
    pointer-events: none;
}

.pagination__item--disable svg {
    fill: rgb(var(--layout-text-color), .63);
}

.pagination__item--next svg, 
.pagination__item--prev svg {
    transform:translateX(0px);
    transition: transform 0.15s var(--transition-timing-function);
}

.mobile-display {
    display: none;
}

.infinite-scroll {
    display: flex;
    justify-content: center;
}

@media (hover: hover) {
    .pagination__item:hover {
        background-color: rgba(var(--layout-text-color), 0.05);
    }
    .pagination__item--current:hover {
        opacity: 1;
        color: rgb(var(--layout-text-color));
        background-color: rgb(var(--layout-background-color));
        border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    }
    .pagination__item--disable:hover,
    .pagination__item--dots:hover,
    .pagination__item-arrow:hover  {
        opacity: 1;
        background-color: rgb(var(--layout-background-color));
    }
    .pagination__item--next:not([disabled]):hover svg {
        transform:translateX(-8px);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .pagination__item--prev:not([disabled]):hover svg {
        transform: translateX(8px);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
}
/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .pagination-wrapper--spacious.lines {
        padding-top: 48px;
    }
    .pagination-wrapper--compact.lines {
        padding-top: 32px;
    }
    .pagination__pages {
        flex-wrap: wrap;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .pagination-wrapper--spacious.lines {
        padding-top: 32px;
    }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
    .pagination__li {
        display: none;
    }
    .pagination__li.pagination__li--previous,
    .pagination__li.pagination__li--current,
    .pagination__li.pagination__li--current + .pagination__li {
        display: block;
    }
}

/* Sidebars */
@media screen and (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .pagination-wrapper--spacious.lines {
            padding-top: 48px;
        }
        .pagination-wrapper--compact.lines {
            padding-top: 32px;
        }
        .pagination__pages {
            flex-wrap: wrap;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .pagination-wrapper--spacious.lines {
            padding-top: 32px;
        }
    }
    /* Mobile-mini */
    @container inside-content (max-width: 500px) {
        .pagination__li {
            display: none;
        }
        .pagination__li.pagination__li--previous,
        .pagination__li.pagination__li--current,
        .pagination__li.pagination__li--current + .pagination__li {
            display: block;
        }
    }
}

/* Menu */
.menu-container {
    position: relative;
    padding: 0 !important;
}

.menu__navigation {
    height: 100%;
    width: 100%;
    justify-content: var(--menu-vertical-alignment);
    align-items: var(--menu-horizontal-alignment);
}

.menu__navigation--stretched .menu__list--column,
.menu__navigation--stretched .menu__list--main-sidebar {
    height: 100%;
}

.menu__navigation--stretched .menu__list--main-sidebar {
    justify-content: var(--menu-vertical-alignment);
}

.menu__navigation--stretched {
    align-items: center;
}

.menu__list {
    display: flex;
    flex-wrap: wrap;
    align-items: var(--menu-horizontal-alignment);
    user-select: none;
    -webkit-user-select: none;
    position: relative;
    width: 100%;
}

.section-padding--spacious .menu__list--main-sidebar.menu__list--slide_out,
.section-padding--spacious .slide-out-container--overlap .menu__dropdown-child,
.section-padding--spacious .slide-out-container--overlap .menu__dropdown-grandchild {
  width: calc(100% + 48px);
}

.section-padding--spacious .menu__list--main-sidebar.menu__list--slide_out .menu__item-title--first-level,
.section-padding--spacious .slide-out-container--overlap .menu__dropdown-child .menu__dropdown-child-item .menu__item-title--second-level a,
.section-padding--spacious .slide-out-container--overlap .menu__dropdown-grandchild .menu__dropdown-grandchild-item a {
    padding-inline-end: 48px;
}

.section-padding--compact .menu__list--main-sidebar.menu__list--slide_out,
.section-padding--compact .slide-out-container--overlap .menu__dropdown-child,
.section-padding--compact .slide-out-container--overlap .menu__dropdown-grandchild {
  width: calc(100% + 24px);
}

.section-padding--compact .menu__list--main-sidebar.menu__list--slide_out .menu__item-title--first-level,
.section-padding--compact .slide-out-container--overlap .menu__dropdown-child .menu__dropdown-child-item .menu__item-title--second-level a,
.section-padding--compact .slide-out-container--overlap .menu__dropdown-grandchild .menu__dropdown-grandchild-item a {
    padding-inline-end: 24px;
}

.menu__list--header {
    gap: 6px 24px;
    justify-content: var(--menu-horizontal-alignment);
}

.menu__dropdown-child,
.menu__dropdown-grandchild {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.main-sidebar .slide-out-container--overlap,
.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out {
    padding-top: var(--top-padding)!important;
    padding-bottom: calc(var(--bottom-padding) - var(--top))!important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.menu__dropdown-child::-webkit-scrollbar,
.menu__dropdown-grandchild::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

.menu__dropdown-child::-moz-scrollbar,
.menu__dropdown-grandchild::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.menu__list--spacious .menu__dropdown-child,
.menu__list--spacious .menu__dropdown-grandchild,
.menu__list--header .menu__dropdown-child,
.menu__list--header .menu__dropdown-grandchild {
    gap: 6px 0;
}

.menu__list--main-sidebar.menu__list,
.menu__list--main-sidebar.menu__list .menu__dropdown-child,
.menu__list--main-sidebar.menu__list .menu__dropdown-grandchild,
.menu__list--spacious .menu__item-title--slide_out ~ .menu__dropdown-container .menu__dropdown-child,
.menu__list--spacious .menu__dropdown-grandchild-container--overlap_slide_out .menu__dropdown-grandchild {
    gap: var(--links-gap) 0;
}

.menu__list--main-sidebar .menu__item-link,
.menu__list--main-sidebar .menu__dropdown-child-item-link,
.menu__list--main-sidebar .menu__dropdown-grandchild-link,
.menu__list--main-sidebar .slide-out-container--overlap .menu__dropdown-child-item-link,
.menu__list--main-sidebar .slide-out-container--overlap .menu__dropdown-grandchild-link,
.menu__list--main-sidebar .slide-out-container--simple .menu__dropdown-child-item-link {
    padding: var(--links-padding) 0;
}

.menu__list--main-sidebar.menu__list--slide_out,
.slide-out-container--overlap .menu__dropdown-child {
    width: calc(100% + 2px);
}

.bottom-menu .menu__list--header {
    justify-content: var(--bottom-menu-alignment);
}

.menu__list--main-sidebar {
    flex-direction: column;
}

.menu__list--secondary-sidebar {
    flex-direction: column;
    gap: 24px;
    flex-wrap: nowrap;
    align-items: center;
} 

.menu-container--secondary-sidebar .menu__navigation--stretched .menu__list--secondary-sidebar {
    height: 100%;
    justify-content: space-between;
}

.menu__list--secondary-sidebar .menu__item {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    height: fit-content;
    width: fit-content;
}

.menu__item {
    min-height: 32px;
    position: relative;
    max-width: 100%;
}

.menu__item-title {
    overflow-x: clip;
}

.menu__list--main-sidebar .menu__item-title--first-level {
    padding: 0 var(--left-and-right-paddings);
}

.menu__dropdown-container,
.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out {
    display: none;
    position: relative;
    cursor: initial;
}

.menu__item-title--slide_out.open ~ .menu__dropdown-container,
.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out.open {
    display: flex;
}

.menu__item-title--header.open ~ .menu__dropdown-container {
    display: flex;
    animation: openMenuDropdown var(--animation-duration) var(--transition-timing-function);
}

@keyframes openMenuDropdown {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.menu__item-title--collapsible ~ .menu__dropdown-container {
    max-height: 0;
    display: block;
    transition: max-height var(--animation-duration) var(--transition-timing-function);
    overflow: clip;
}
.menu__item-title--collapsible ~ .menu__dropdown-container .menu__dropdown-child {
    padding: 8px 0  16px 0;
}
.menu__item-title--collapsible.menu__item-title.underline ~ .menu__dropdown-container .menu__dropdown-child {
    padding-top: calc(8px + 0.3em);
}

.dropdown-icon {
    transition: transform var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
}

.dropdown-icon.dropdown-icon--minus,
.menu__item-title--second-level.open .dropdown-icon--plus.dropdown-icon--second-level {
    opacity: 0;
    position: absolute;
    width: 0;
    transform: rotate(-90deg);
}
.menu__item-title--second-level.open .dropdown-icon--minus.dropdown-icon--second-level,
.menu__item-title--second-level .dropdown-icon--plus.dropdown-icon--second-level {
    opacity: 1;
    position: relative;
    width: auto;
}
.menu__item-title--second-level.open .dropdown-icon--minus.dropdown-icon--second-level,
.menu__item-title--header.open .dropdown-icon--first-level.dropdown-icon--minus,
.menu__item-title--collapsible.open .dropdown-icon--first-level.dropdown-icon--minus,
.menu__item-title--slide_out.open .dropdown-icon--first-level.dropdown-icon--minus {
    transform: rotate(-180deg);
}

.menu__item-title--second-level .dropdown-icon--plus.dropdown-icon--second-level,
.menu__item-title--header .dropdown-icon--first-level.dropdown-icon--plus,
.menu__item-title--collapsible .dropdown-icon--first-level.dropdown-icon--plus,
.menu__item-title--slide_out .dropdown-icon--first-level.dropdown-icon--plus {
    transform: rotate(0deg);
}
.menu__item-title--expanded ~ .menu__dropdown-container {
    display: block;
}

.menu__list--main-sidebar.menu__list--flex-start .menu__dropdown-container,
.menu__list--flex-start .menu__dropdown-grandchild-container,
.menu__list--header .menu__dropdown-grandchild-container {
    inset-inline-start: 16px;
}
.menu__list--menu-drawer.menu__list--center .menu__dropdown-child,
.menu__list--menu-drawer.menu__list--center .menu__dropdown-grandchild,
.menu__list--main-sidebar.menu__list--center .menu__dropdown-grandchild {
    align-items: center;
}
.menu__list--menu-drawer.menu__list--center .menu__dropdown-child .menu__item-title,
.menu__list--menu-drawer.menu__list--center .menu__dropdown-grandchild .menu__item-title,
.menu__list--main-sidebar.menu__list--center .menu__item-title,
.menu__list--main-sidebar.menu__list--center .menu__item-title {
   margin: 0 auto;
}

.menu__item-title--expanded .menu__dropdown-child,
.menu__item-title--expanded ~ .menu__dropdown-container .menu__dropdown-grandchild {
    align-items: var(--menu-horizontal-alignment);
}

.menu__dropdown-grandchild-container .menu__dropdown-grandchild {
    padding: 8px 0 16px 0;
}

.hover-mega-menu__grandchildren-container .menu__dropdown-grandchild {
    padding: 20px 0 0;
}

.menu__item-title--expanded ~ .menu__dropdown-container,
.menu__item-title--expanded ~ .menu__dropdown-container .menu__dropdown-grandchild {
    padding: 16px 0;
}

.menu__list--main-sidebar  .menu__item-title--slide_out ~ .menu__dropdown-container {
    position: fixed;
    align-items: flex-start;
    height: calc(100vh - var(--top));
    z-index: 1;
    background-color: inherit;
    box-shadow: 12px 0px 16px -1px rgba(0, 0, 0, 0.12);  
}
.menu__list--main-sidebar  .menu__item-title--simple_slide_out ~ .menu__dropdown-container,
.menu__list--main-sidebar  .menu__item-title--overlap_slide_out ~ .menu__dropdown-container {
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.menu__list--main-sidebar  .menu__item-title--overlap_slide_out ~ .menu__dropdown-container:has( .menu__item-title--overlap_slide_out_second.open) {
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), 0);
    transition: border-inline-end 0s var(--transition-timing-function) 0.1s;
}

.menu__list--main-sidebar  .menu__item-title--overlap_slide_out ~ .menu__dropdown-container {
    opacity: 0;
}
.menu__list--main-sidebar  .menu__item-title--overlap_slide_out.open ~ .menu__dropdown-container {
    opacity: 1;
    transition: inset-inline-start 0.3s var(--transition-timing-function) 0.1s, opacity 0.3s var(--transition-timing-function) 0.1s;
}

.menu__list--main-sidebar  .menu__item-title--overlap_slide_out ~ .menu__dropdown-container {
    inset-inline-start: calc(0px - var(--left-padding));
    transition: none;
}

.menu__list--main-sidebar  .menu__item-title--overlap_slide_out:not(.open) ~ .menu__dropdown-container,
.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out:not(.open)  {
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 0;
}
.menu__list--main-sidebar  .menu__item-title--overlap_slide_out.open ~ .menu__dropdown-container,
.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out.open  {
    z-index: -1;
}

.menu__list--main-sidebar  .menu__item-title--overlap_slide_out.open ~ .menu__dropdown-container.change-index,
.menu__list--main-sidebar  .menu__item-title--overlap_slide_out.open ~ .menu__dropdown-container:has( .menu__dropdown-grandchild-container--overlap_slide_out.open) {
    z-index: 1;
}

.menu__list--main-sidebar .menu__item-title--overlap_slide_out.open ~ .menu__dropdown-container:not(.change-index) .menu__dropdown-child-item,
.menu__dropdown-grandchild-container--overlap_slide_out.open:not(.change-index) .menu__dropdown-grandchild-item  {
    pointer-events: none;
}

.menu__list--main-sidebar  .menu__item-title--overlap_slide_out.open ~ .menu__dropdown-container,
.menu__list--main-sidebar:has(.menu__item-title--overlap_slide_out.open:not(.closed)) .menu__item-title--overlap_slide_out.open.opened.closed ~ .menu__dropdown-container {
    inset-inline-start: var(--inset-inline-start);
}

.menu__list--main-sidebar:has(.menu__item-title--overlap_slide_out.open:not(.closed)) .menu__item-title--overlap_slide_out.open.opened.closed ~ .menu__dropdown-container .menu__dropdown-child,
.menu__list--main-sidebar:has(.menu__item-title--overlap_slide_out.open:not(.closed)) .menu__item-title--overlap_slide_out.open.opened.closed ~ .menu__dropdown-container .banner-block {
    opacity: 0;
    transition: opacity 0.3s var(--transition-timing-function);
}

.menu__list--main-sidebar:has(.menu__item-title--overlap_slide_out.opened.closed) .menu__item-title--overlap_slide_out.open.opened:not(.closed) ~ .menu__dropdown-container {
    transition: none!important;
}

.menu__list--main-sidebar:has(.menu__item-title--overlap_slide_out.open:not(.closed)) .menu__item-title--overlap_slide_out.open.opened.closed ~ .menu-divider,
.menu__list--main-sidebar:has(.menu__item-title--overlap_slide_out.opened.closed) .menu__item-title--overlap_slide_out.open.opened:not(.closed) ~ .menu-divider {
    transition: none!important;
}

.menu__list--main-sidebar:has(.menu__item-title--overlap_slide_out.opened.closed) .menu__item-title--overlap_slide_out.open.opened:not(.closed) ~ .menu__dropdown-container .menu__dropdown-child,
.menu__list--main-sidebar:has(.menu__item-title--overlap_slide_out.opened.closed) .menu__item-title--overlap_slide_out.open.opened:not(.closed) ~ .menu__dropdown-container .banner-block {
    animation: startOpacity 0.3s var(--transition-timing-function);
}

@keyframes startOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.menu__list--main-sidebar:not(:has( .menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out)) .menu__item-title--overlap_slide_out ~ .menu__dropdown-container {
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out {
    position: fixed;
    top: var(--top);
    inset-inline-start: calc(var(--inset-inline-start) + var(--padding-left));
    height: calc(100vh - var(--top));
    z-index: 2;
    align-items: flex-start;
    background-color: rgb(var(--layout-background-color));
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    box-shadow: 12px 0px 16px -1px rgba(0, 0, 0, 0.12);
    transition: none;
}

.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out {
    opacity: 0;
}
.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out.open {
    opacity: 1;
    inset-inline-start: var(--inset-inline-start-third);
    transition: inset-inline-start 0.3s var(--transition-timing-function) 0.1s, opacity 0.3s var(--transition-timing-function) 0.1s;
}

.menu__list--main-sidebar:has(.menu__dropdown-grandchild-container--overlap_slide_out.open:not(.closed)) .menu__dropdown-grandchild-container--overlap_slide_out.open.opened.closed {
    inset-inline-start: var(--inset-inline-start);
    opacity: 1;
}

.menu__list--main-sidebar:has(.menu__dropdown-grandchild-container--overlap_slide_out.open:not(.closed)) .menu__dropdown-grandchild-container--overlap_slide_out.open.opened.closed .menu__dropdown-grandchild,
.menu__list--main-sidebar:has(.menu__dropdown-grandchild-container--overlap_slide_out.open:not(.closed)) .menu__dropdown-grandchild-container--overlap_slide_out.open.opened.closed .banner-block {
    opacity: 0;
    transition: opacity 0.3s var(--transition-timing-function);
}

.menu__list--main-sidebar:has(.menu__dropdown-grandchild-container--overlap_slide_out.opened.closed) .menu__dropdown-grandchild-container--overlap_slide_out.open.opened:not(.closed) {
    transition: none!important;
}

.menu__list--main-sidebar:has(.menu__dropdown-grandchild-container--overlap_slide_out.opened) .menu__item-title--overlap_slide_out.open.opened ~ .menu__dropdown-container .menu__dropdown-child,
.menu__list--main-sidebar:has(.menu__dropdown-grandchild-container--overlap_slide_out.opened) .menu__item-title--overlap_slide_out.open.opened ~ .menu__dropdown-container .banner-block {
    opacity: 1!important;
    animation: none;
}

.menu__list--main-sidebar:has(.menu__dropdown-grandchild-container--overlap_slide_out.open:not(.closed)) .menu__dropdown-grandchild-container--overlap_slide_out.open.opened.closed ~ .menu-divider,
.menu__list--main-sidebar:has(.menu__dropdown-grandchild-container--overlap_slide_out.opened.closed) .menu__dropdown-grandchild-container--overlap_slide_out.open.opened:not(.closed) ~ .menu-divider {
    transition: none!important;
}

.menu__list--main-sidebar:has(.menu__dropdown-grandchild-container--overlap_slide_out.opened.closed) .menu__dropdown-grandchild-container--overlap_slide_out.open.opened:not(.closed) ~ .menu__dropdown-container .menu__dropdown-grandchild,
.menu__list--main-sidebar:has(.menu__dropdown-grandchild-container--overlap_slide_out.opened.closed) .menu__dropdown-grandchild-container--overlap_slide_out.open.opened:not(.closed) ~ .menu__dropdown-container .banner-block {
    animation: startOpacity 0.3s var(--transition-timing-function);
}

.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out .menu__dropdown-grandchild {
    padding-top: 0;
}

.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out.open,
.menu__list--main-sidebar:has(.menu__dropdown-grandchild-container--overlap_slide_out.open:not(.closed)) .menu__dropdown-grandchild-container--overlap_slide_out.open.opened.closed .menu__dropdown-grandchild {
    display: flex;
}

.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out .menu__dropdown-container--wrapper {
    overflow: auto;
    width: 100%;
    height: 100%;
  }

.menu__list--main-sidebar  .menu__item-title--slide_out ~ .menu__dropdown-container .menu__dropdown-container--wrapper {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--layout-background-color));
}

.slide-out-container {
    width: 100%;
    height: 100%;
    background-color: rgb(var(--layout-background-color));
}

.menu__list--main-sidebar  .menu__item-title--slide_out ~ .menu__dropdown-container .menu__dropdown-child-item:last-child {
    padding-bottom: 16px;
}
.menu__list--main-sidebar  .menu__item-title--slide_out ~ .menu__dropdown-container.menu__dropdown-container--spacious .menu__dropdown-child-item:last-child {
    padding-bottom: 22px;
}

.menu-divider {
    pointer-events: none;
}

.menu__list--main-sidebar  .menu__item-title--slide_out.open ~ .menu-divider,
.main-sidebar--line .menu__list--main-sidebar  .menu__item-title--simple_slide_out.open ~ .menu__dropdown-container .menu-divider {
    position: fixed;
    align-items: flex-start;
    height: 100vh;
    z-index: 1;
    background-color: rgba(var(--layout-text-color), var(--line-opacity));
    width: var(--line-width);
}

.menu__list--main-sidebar  .menu__item-title--overlap_slide_out ~ .menu-divider,
.main-sidebar--line .menu__list--main-sidebar  .menu__item-title--simple_slide_out ~ .menu__dropdown-container .menu-divider {
    opacity: 1;
    transition: none;
}

.menu__list--main-sidebar  .menu__item-title--overlap_slide_out.open ~ .menu-divider {
    top: var(--top);
    opacity: 1;
    transition: opacity 0s var(--transition-timing-function) 0.1s;
}

.main-sidebar--line .menu__list--main-sidebar .menu__item-title--simple_slide_out.open ~ .menu__dropdown-container .menu-divider {
    top: var(--top);
    opacity: 1;
}

.menu__item-title--overlap_slide_out.open > .hover-link > .link-animation--underline span,
.menu__item-title--overlap_slide_out_second:has(~ .menu__dropdown-grandchild-container--overlap_slide_out.open) > .hover-link > .link-animation--underline span,
.link-animation--underline span.underline-complete {
    background-position: left bottom, left bottom;
    background-size: 100% 1px, 100% 1px;
}

.menu__list--main-sidebar.is-open-first .menu__item-title--overlap_slide_out_first:not(.open):not(.menu__item-title--parent-title):not(:has( > a:hover)),
.menu__list--main-sidebar.is-open-second:not(:has( .menu__item-title--overlap_slide_out_second > a:hover )) .menu__item-title--overlap_slide_out_second:not(.open):not(.menu__item-title--parent-title),
.shopify-section.main-sidebar-section .main-sidebar:not(.overlap-slide-out-menu-opened) .menu__list--main-sidebar:has(.menu__item-title--overlap_slide_out_first > a:hover) .menu__item-title--overlap_slide_out_first:not(.menu__item-title--parent-title) > a:not(:hover),
.shopify-section.main-sidebar-section .main-sidebar .menu__list--main-sidebar:has(.menu__item-title--overlap_slide_out_second > a:hover) .menu__item-title--overlap_slide_out_second:not(.menu__item-title--parent-title):not(.open) > a:not(.menu__item-overlap-image):not(:hover),
.menu__dropdown-grandchild-container--overlap_slide_out:has(.menu__item-title > a:hover) .menu__item-title:not(.menu__item-title--parent-title) > a:not(.menu__item-overlap-image):not(:hover) {
    opacity: 0.6;
    transition: opacity 0s var(--transition-timing-function);
}

.shopify-section.main-sidebar-section .main-sidebar .menu__list--main-sidebar .menu__item-title--overlap_slide_out_second > a.menu__item-overlap-image:hover + a:not(.menu__item-overlap-image):not(:hover),
.menu__dropdown-grandchild-container--overlap_slide_out .menu__item-title > a.menu__item-overlap-image:hover + a:not(.menu__item-overlap-image):not(:hover),
.shopify-section.main-sidebar-section .main-sidebar:not(.overlap-slide-out-menu-opened) .menu__list--main-sidebar .menu__item-title--overlap_slide_out_first a:hover,
.shopify-section.main-sidebar-section .main-sidebar:not(.overlap-slide-out-menu-opened) .menu__list--main-sidebar .menu__item-title--overlap_slide_out_first a:hover .link-animation:not(.underline-active),
.shopify-section.main-sidebar-section .main-sidebar.overlap-slide-out-menu-opened .menu__list--main-sidebar .menu__item-title--overlap_slide_out_first a:hover,
.shopify-section.main-sidebar-section .main-sidebar.overlap-slide-out-menu-opened .menu__list--main-sidebar .menu__item-title--overlap_slide_out_first a:hover .link-animation:not(.underline-active),
.shopify-section.main-sidebar-section .main-sidebar .menu__list--main-sidebar .menu__item-title--overlap_slide_out_second a:hover,
.shopify-section.main-sidebar-section .main-sidebar .menu__list--main-sidebar .menu__item-title--overlap_slide_out_second a:hover .link-animation:not(.underline-active),
.shopify-section.main-sidebar-section .main-sidebar .menu__list--main-sidebar .menu__dropdown-grandchild-container--overlap_slide_out .menu__dropdown-grandchild-link:hover .link-animation:not(.underline-active)  {
    opacity: 1;
}

.menu__item-title--overlap_slide_out_first a,
.menu__item-title--overlap_slide_out_second a,
.menu__item-title--overlap_slide_out_third a,
.menu__item-title--overlap_slide_out_first .menu__item-link,
.menu__item-title--overlap_slide_out_second .menu__dropdown-child-item-link {
    flex-direction: row;
    gap: 4px;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.menu__list--main-sidebar.menu__list--spacious .menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out {
    padding-inline: 0 0;
}

.menu__list--main-sidebar  .menu__item-title--slide_out ~ .menu__dropdown-container--spacious {
    padding-block: 0; 
    padding-inline: 48px 0;
    --left-padding: 48px;
}

.menu__dropdown-grandchild-container--overlap_slide_out .menu__dropdown-grandchild,
.slide-out-container--overlap .menu__dropdown-grandchild-link {
    width: 100%;
}

.menu__item-overlap-image:not(.menu__item-overlap-image-banner) {
    width: 40px;
}

.menu__list--main-sidebar  .menu__item-title--simple_slide_out ~ .menu__dropdown-container--spacious .menu__dropdown-child {
    padding: 0 48px; 
}

.menu__list--main-sidebar  .menu__item-title--overlap_slide_out ~ .menu__dropdown-container--spacious .slide-out-container,
.menu__list--main-sidebar.menu__list--spacious .menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out {
    padding-left: 48px;
    padding-right: 48px;
}

.menu__list--main-sidebar  .menu__item-title--slide_out ~ .menu__dropdown-container--compact {
    padding-block: 0; 
    padding-inline: 24px 0;
    --left-padding: 24px;
}

.menu__list--main-sidebar  .menu__item-title--simple_slide_out ~ .menu__dropdown-container--compact .menu__dropdown-child {
    padding: 0 24px;
}

.menu__list--main-sidebar  .menu__item-title--overlap_slide_out ~ .menu__dropdown-container--compact .slide-out-container,
.menu__list--main-sidebar.menu__list--compact .menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out {
    padding-left: 24px;
    padding-right: 24px;
}

.menu__item-overlap-image:not(.menu__item-overlap-image-banner),
.menu__item-overlap-image-banner .menu__item-overlap-image-wrapper {
    border-radius: var(--image-border-radius);
    -webkit-border-radius: var(--image-border-radius);
    overflow: clip;
    display: flex;
}

.menu__item-overlap-image-banner {
    display: flex;
}

.menu__item-overlap-image img {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.menu__item-overlap-image.ratio-original img,
.menu__item-overlap-image .ratio-original img {
    height: auto;
}

.menu__item-overlap-image-banner img {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.menu__item-overlap-image-banner {
    width: 100%;
    flex: 0 0 100%;
}

.menu__item-overlap-image-banner:hover img {
    opacity: 1;
    transform: scale(1.03);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.menu__item-title.menu__item-overlap-title--banner {
    flex-direction: column;
    align-items: flex-start;
}

.overlap-slide-out-item.with-nested .menu__item-title {
    column-gap: 12px;
}

.slide-out-container--overlap .overlap-slide-out-item.with-nested {
    cursor: default;
}

.menu__item-overlap-image {
    height: fit-content;
}

.menu__list--center .menu__item-title--collapsible ~ .menu__dropdown-container {
    justify-content: center;
}

.menu__list--center.menu__list--main-sidebar .menu__item-title,
.menu__list--center.menu__list--menu-drawer .menu__item-title {
    justify-content: center;
    text-align: center;
}

.menu__item-title--slide_out .menu__dropdown-child {
    align-items: flex-start;
    position: relative;
    overflow: auto;
}

.menu__item-title--header .dropdown-icon--first-level.dropdown-icon--minus,
.menu__item-title--collapsible .dropdown-icon--first-level.dropdown-icon--minus,
.menu__item-title--slide_out .dropdown-icon--first-level.dropdown-icon--minus,
.menu__item-title--header.open .dropdown-icon--first-level.dropdown-icon--plus,
.menu__item-title--collapsible.open .dropdown-icon--first-level.dropdown-icon--plus,
.menu__item-title--slide_out.open .dropdown-icon--first-level.dropdown-icon--plus {
    opacity: 0;
    position: absolute;
    width: 0;
    transform: rotate(-90deg);
}

.menu__item-title--header.open .dropdown-icon--first-level.dropdown-icon--minus,
.menu__item-title--collapsible.open .dropdown-icon--first-level.dropdown-icon--minus,
.menu__item-title--slide_out.open .dropdown-icon--first-level.dropdown-icon--minus,
.menu__item-title--header .dropdown-icon--first-level.dropdown-icon--plus,
.menu__item-title--collapsible .dropdown-icon--first-level.dropdown-icon--plus,
.menu__item-title--slide_out .dropdown-icon--first-level.dropdown-icon--plus {
    opacity: 1;
    position: relative;
    width: auto;
}

.menu__item a:not(.button) {
    color: rgb(var(--layout-text-color));
    cursor: pointer;
    max-width: 100%;
}

.menu__item-title--hover {
    cursor: pointer;
}

.menu__item a:focus {
    outline-offset: -1px;
}

.link--highlighted {
    color: rgb(var(--highlight-color)) !important;
}

.link--highlighted + .dropdown-icon svg,
.link--highlighted .dropdown-icon svg {
    fill: rgb(var(--highlight-color)) !important;
}

.menu__list--header .menu__dropdown-container {
    position: absolute;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12);
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    width: 240px;
    flex-direction: column;
    z-index: 10;
    background-color: rgb(var(--popup-background-color));
    color: var(--layout-text-color);
}

.menu__list--header .menu__dropdown-container:not(.mega-menu) .menu__dropdown-child-item-link, 
.menu__list--header .menu__dropdown-container:not(.mega-menu) .menu__dropdown-grandchild-link,
.menu__list--header .menu__dropdown-container:not(.mega-menu) .menu__item-title {
    min-height: auto;
}

.menu__list--spacious.menu__list--header .menu__dropdown-container {
    padding: 24px 24px 28px;
    gap: 6px;
}

.menu__list--compact.menu__list--header .menu__dropdown-container {
    padding: 16px 24px 20px;
}

.menu__list--dropdown .menu__item,
.menu__list--dropdown {
    position: static;
}
.menu__item-link,
.menu__item-link-title,
.menu__dropdown-grandchild,
.menu__item-title--expanded .menu__dropdown-child,
.menu__dropdown-child,
.menu__navigation {
    display: flex;
    flex-direction: column;
}

.menu__item-link {
    text-align: var(--menu-horizontal-alignment);
    align-items: center;
    width: max-content;
    justify-content: center;
    min-height: 32px;
    position: relative;
}

.menu__item-link-title {
    justify-content: center;
    position: relative;
    max-width: 100%;
    display: block;
}
.menu__item-link-title.link-animation--slide:not(.underline-active) {
    overflow: hidden;
}

.menu__list--secondary-sidebar .menu__item-link {
    min-height: auto;
    white-space: nowrap;
}

.menu__list--secondary-sidebar .menu__item-link-title {
    -ms-overflow-style: none;
    scrollbar-width: none; 
    overflow: clip;
}

.menu__list--secondary-sidebar .menu__item-link-title::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}
.menu__list--secondary-sidebar .menu__item-link-title::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.menu__item-title {
    display: flex;
    align-items: center;
    min-height: 32px;
    gap: 4px;
    max-width: 100%;
    overflow-y: clip;
    color: rgb(var(--layout-text-color));
}

.menu__item-title--slide_out ~ .menu__dropdown-container .menu__item-title {
    justify-content: flex-start;
}

.menu__list--secondary-sidebar .menu__item--xsmall .menu__item-title,
.menu__list--secondary-sidebar .menu__item--small .menu__item-title,
.menu__list--secondary-sidebar .menu__item--medium .menu__item-title,
.menu__list--secondary-sidebar .menu__item--caption .menu__item-title {
    height: auto;
}

.menu__item.color-accent a,
.menu__item.color-invert.color-accent a,
.menu__item.color-custom.color-accent a {
    color: rgb(var(--accent-button-color));
}

.menu__item.open .menu__item-link .icon {
    transform: rotate(180deg);
}

.dropdown-icon {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 2.5;
}
.dropdown-icon--chevron {
    aspect-ratio: 1 / 1.5;
}
@media (hover: hover) {
    .dropdown-icon:hover {
        opacity: .7;
    }
}
.menu__list .dropdown-icon svg {
    fill: rgb(var(--layout-text-color));
    width: 100%;
    height: auto;
}

.menu__list .dropdown-icon--chevron svg {
    position: relative;
    height: 30%;
    flex-shrink: 0;
    width: auto;
    transform: translateY(10%);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.menu__list .menu__item-title--slide_out .dropdown-icon--chevron svg {
   transform: rotate(-90deg);
}

.menu__item-title:not(.menu__item-title--slide_out).open .dropdown-icon--chevron svg {
    transform: translateY(-10%) rotate(-180deg);
}

.menu__item.color-accent .dropdown-icon svg,
.menu__item.color-invert.color-accent .dropdown-icon svg,
.menu__item.color-custom.color-accent .dropdown-icon svg {
    fill: rgb(var(--accent-button-color));
}

.menu__dropdown-child {
    position: relative;
}

.mega-menu > .menu__dropdown-child {
    display: none;
}

.menu__dropdown-child-item {
    max-width: 100%;
}

.slide-out-container--overlap .menu__dropdown-child-item {
    width: 100%;
    cursor: pointer;
}

.slide-out-container--overlap .menu__dropdown-child-item.menu__dropdown-child-item--title {
    cursor: default;
}

.menu__list--header .menu__dropdown-grandchild,
.menu__list--header .menu__dropdown-child {
    align-items: flex-start;
}

.menu__dropdown-grandchild-container:not(.menu__dropdown-grandchild-container--overlap_slide_out):not(.menu__dropdown-grandchild-container--hover) {
    display: block;
    position: relative;
}

.menu__dropdown-grandchild-container:not(.mega-menu .menu__dropdown-grandchild-container):not(.menu__dropdown-grandchild-container--overlap_slide_out) {
    max-height: 0;
    transition: max-height 0.3s ease;
    overflow: clip;
}

.menu__dropdown-child-item-link,
.menu__dropdown-grandchild-link {
    display: flex;
    align-items: center;
    min-height: 24px;
    position: relative;
}

.menu__item-title--slide_out .menu__dropdown-child-item-link,
.menu__item-title--slide_out .menu__dropdown-grandchild-link {
    min-height: 32px;
}

.menu__dropdown-grandchild-container--overlap_slide_out .menu__dropdown-grandchild-link {
    min-height: 32px;
    height: 100%;
}

.menu__list--main-sidebar a,
.menu__list--menu-drawer a,
.menu__list--footer a {
    word-break: break-word;
}

.menu-container--menu-drawer.menu-container--main_menu .menu__navigation,
.menu-container--1.menu-container--short.menu-container--main_menu .menu__list,
.menu-container--1.menu-container--medium.menu-container--main_menu .menu__list,
.menu__list--main-sidebar .menu__item,
.menu-container--secondary-sidebar {
    width: 100%;
}

.menu-container--2.menu-container--medium,
.menu-container--2.menu-container--wide,
.menu-container--3.menu-container--medium {
    grid-column: span 2;
}

.menu-container--3.menu-container--wide {
    grid-column: span 3;
}

.menu__list--column {
    flex-direction: column;
    justify-content: var(--menu-vertical-alignment);
    align-items: var(--menu-horizontal-alignment);
}

.menu__list--row {
    flex-direction: row;
    justify-content: var(--menu-horizontal-alignment);
    align-items: var(--menu-vertical-alignment);
    flex-wrap: wrap;
    gap: 6px 24px;
}

.menu__item-title--slide_out ~ .menu__dropdown-container .menu__dropdown-child {
    align-items: flex-start;
    position: relative;
}

/* Fonts */
.menu__item--minimal_uppercase,
.bottom-menu .menu__item--minimal_basic {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.menu__item--minimal_basic,
.menu__item--classic,
.menu__item--minimal_heavy .menu__dropdown-container--two_levels_down {
    font: var(--base-body-s-font);
}

.menu__item--minimal_heavy,
.menu-container--main-sidebar .menu__list--main_menu .menu__item--avant_garde .menu__dropdown-container--one_level_down,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--avant_garde .menu__dropdown-container--one_level_down,
.menu-container--footer .menu__list--main_menu .menu__item--avant_garde .menu__dropdown-container--one_level_down,
.menu-container--main-sidebar .menu__list--main_menu .menu__item--contrast .menu__dropdown-container--one_level_down,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--contrast .menu__dropdown-container--one_level_down,
.menu-container--footer .menu__list--main_menu .menu__item--contrast .menu__dropdown-container--one_level_down  {
    font: var(--base-body-l-font);
}

.menu__item--minimal_heavy .menu__dropdown-container--one_level_down,
.menu__item--duet {
    font: var(--base-body-m-font);
}

.menu__item--avant_garde,
.menu-container--main-sidebar .menu__list--main_menu .menu__item--duet .menu__dropdown-container--two_levels_down,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--duet .menu__dropdown-container--two_levels_down,
.menu-container--footer .menu__list--main_menu .menu__item--duet .menu__dropdown-container--two_levels_down {
    font: var(--accent-body-s-font);
}

.menu__item--contrast {
    font: var(--base-label-font);
}

.menu__item--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.bottom-menu .menu__item--classic {
    font: var(--accent-body-m-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.bottom-menu .menu__item--avant_garde {
    font: var(--base-body-m-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.menu__item--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.bottom-menu .menu__item--contrast,
.bottom-menu .menu__item--duet,
.menu-container--main-sidebar .menu__list--main_menu .menu__item--classic .menu__dropdown-container--one_level_down,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--classic .menu__dropdown-container--one_level_down,
.menu-container--footer .menu__list--main_menu .menu__item--classic .menu__dropdown-container--one_level_down,
.menu-container--main-sidebar .menu__list--main_menu .menu__item--brutalist .menu__dropdown-container--one_level_down,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--brutalist .menu__dropdown-container--one_level_down,
.menu-container--footer .menu__list--main_menu .menu__item--brutalist .menu__dropdown-container--one_level_down {
    font: var(--accent-body-l-font);
}

.menu-container--main-sidebar .menu__list--main_menu .menu__item--classic,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--classic,
.menu-container--footer .menu__list--main_menu .menu__item--classic,
.menu-container--main-sidebar .menu__list--main_menu .menu__item--brutalist,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--brutalist,
.menu-container--footer .menu__list--main_menu .menu__item--brutalist {
    font: var(--accent-heading-xs-font);
}

.menu-container--main-sidebar .menu__list--main_menu .menu__item--classic .menu__dropdown-container--two_levels_down,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--classic .menu__dropdown-container--two_levels_down,
.menu-container--footer .menu__list--main_menu .menu__item--classic .menu__dropdown-container--two_levels_down,
.menu-container--main-sidebar .menu__list--main_menu .menu__item--brutalist .menu__dropdown-container--two_levels_down,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--brutalist .menu__dropdown-container--two_levels_down,
.menu-container--footer .menu__list--main_menu .menu__item--brutalist .menu__dropdown-container--two_levels_down,
.menu-container--main-sidebar .menu__list--main_menu .menu__item--duet .menu__dropdown-container--one_level_down,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--duet .menu__dropdown-container--one_level_down,
.menu-container--footer .menu__list--main_menu .menu__item--duet .menu__dropdown-container--one_level_down {
    font: var(--accent-body-m-font);
}

.menu-container--main-sidebar .menu__list--main_menu .menu__item--avant_garde,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--avant_garde,
.menu-container--footer .menu__list--main_menu .menu__item--avant_garde {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}

.menu-container--main-sidebar .menu__list--main_menu .menu__item--avant_garde .menu__dropdown-container--two_levels_down,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--avant_garde .menu__dropdown-container--two_levels_down,
.menu-container--footer .menu__list--main_menu .menu__item--avant_garde .menu__dropdown-container--two_levels_down,
.menu-container--main-sidebar .menu__list--main_menu .menu__item--contrast .menu__dropdown-container--two_levels_down,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--contrast .menu__dropdown-container--two_levels_down,
.menu-container--footer .menu__list--main_menu .menu__item--contrast .menu__dropdown-container--two_levels_down {
    font: var(--base-body-m-font);
}

.menu-container--main-sidebar .menu__list--main_menu .menu__item--contrast,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--contrast,
.menu-container--footer .menu__list--main_menu .menu__item--contrast {
    font: var(--base-heading-xs-font);
}

.menu-container--main-sidebar .menu__list--main_menu .menu__item--duet,
.menu-container--menu-drawer .menu__list--main_menu .menu__item--duet,
.menu-container--footer .menu__list--main_menu .menu__item--duet {
    font: var(--accent-body-l-font);
}


/* Tablet */
@media screen and (max-width: 1024px) {
    .mega-menu > .menu__dropdown-child {
        display: flex;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .menu-container--1.menu-container--short.menu-container--main_menu .menu__list,
    .menu-container--1.menu-container--medium.menu-container--main_menu .menu__list {
        width: 100%;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .mega-menu > .menu__dropdown-child {
            display: flex;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .menu-container--1.menu-container--short.menu-container--main_menu .menu__list,
        .menu-container--1.menu-container--medium.menu-container--main_menu .menu__list {
            width: 100%;
        }
        .menu__list--main-sidebar  .menu__item-title--slide_out ~ .menu__dropdown-container {
            padding-block: 0; 
            padding-inline: 16px 0;
            --left-padding: 16px;
        }
        .menu__list--main-sidebar .menu__item-title--simple_slide_out ~ .menu__dropdown-container .menu__dropdown-child {
            padding: 0 16px;
        }
        .menu__list--main-sidebar  .menu__item-title--overlap_slide_out ~ .menu__dropdown-container .slide-out-container,
        .menu__list--main-sidebar.menu__list .menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--overlap_slide_out {
            padding-left: 16px;
            padding-right: 16px;
        }
        .menu__list--main-sidebar  .menu__item-title--slide_out ~ .menu__dropdown-container--compact::after {
            inset-inline-start: 16px;
        }
        .section-padding .menu__list--main-sidebar.menu__list--slide_out,
        .section-padding .slide-out-container--overlap .menu__dropdown-child,
        .section-padding .slide-out-container--overlap .menu__dropdown-grandchild {
          width: calc(100% + 16px);
        }
        .section-padding .menu__list--main-sidebar.menu__list--slide_out .menu__item-title--first-level,
        .section-padding .slide-out-container--overlap .menu__dropdown-child .menu__dropdown-child-item .menu__item-title--second-level a,
        .section-padding .slide-out-container--overlap .menu__dropdown-grandchild .menu__dropdown-grandchild-item a {
            padding-inline-end: 16px;
        }
    }
}

/* Localization */
.localization-container,
.localization {
    display: flex;
    flex-direction: column;
    justify-content: var(--localization-vertical-alignment);
    align-items: var(--localization-horizontal-alignment);
}

.localization-container--secondary-sidebar {
    justify-content: var(--language-alignment);
}

.localization-container--2.localization-container--medium,
.localization-container--2.localization-container--wide,
.localization-container--3.localization-container--medium {
    grid-column: span 2;
}

.localization-container--3.localization-container--wide {
    grid-column: span 3;
}

.localization-container--1.localization-container--short .localization,
.localization-container--1.localization-container--medium .localization,
.localization-container--1.localization-container--wide .localization {
    width: 100%;
    max-width: 360px;
}

.menu-drawer .localization-container {
    z-index: 10;
}

.localization {
    gap: 0 12px;
}

.localization--main-sidebar.localization--country_and_language {
    flex-direction: column;
}

.localization--header {
    flex-direction: row;
}

.disclosure {
    position: relative;
}

.disclosure__button {
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
    text-align: start;
    cursor: pointer;
    padding: 6px 0;
    color: rgb(var(--layout-text-color));
    gap: 4px;
    align-items: center;
}

.transparent-sidebar:not(.overlap-slide-out-menu-opened).invert-sidebar .disclosure__button {
    background: linear-gradient(rgb(var(--section-color)) var(--section-point), rgb(var(--layout-text-color)) var(--section-point), rgb(var(--layout-text-color)) var(--footer-point), rgb(var(--footer-color)) var(--footer-point)) fixed;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.disclosure__button span {
    min-width: max-content;
    min-width: -webkit-max-content;
}
.disclosure__link {
    color: rgb(var(--layout-text-color));
    min-height: 32px;
    display: flex;
    align-items: center;
}
.disclosure__list-wrapper {
    position: fixed;
    background-color: rgb(var(--popup-background-color));
    width: 240px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12);
    z-index: 50;
    max-height: 200px;
    overflow: clip;
}
.disclosure .disclosure__list-wrapper .scroll-area {
    overflow-y: auto;
    height: 100%;
    max-height: 200px;
    padding: 16px 24px;
}
.disclosure .disclosure__list-wrapper--spacious .scroll-area {
    max-height: 236px;
    padding: 24px;
}
.disclosure__list-wrapper[hidden="true"] {
    animation: closeLocalization .2s var(--transition-timing-function);
}

.disclosure__list-wrapper:not([hidden="true"]) {
    animation: openLocalization .3s var(--transition-timing-function);
}

@keyframes openLocalization {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes closeLocalization {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(20px);
        opacity: 0;
    }
}

.disclosure__list-wrapper::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

.disclosure__list-wrapper::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.disclosure__list-wrapper--spacious {
    max-height: 236px;
}

.disclosure__list-wrapper--spacious .disclosure__list,
.disclosure__list-wrapper--compact .disclosure__list {
    display: flex;
    flex-direction: column;
}

.disclosure__list-wrapper--spacious .disclosure__list {
    gap: 6px;
}

.disclosure__button-icon .dropdown-icon {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.disclosure__button-icon svg {
    display: block;
    width: auto;
    fill: rgb(var(--layout-text-color));
    flex-shrink: 0;
    height: 30%;
    position: relative;
    transform: translateY(10%);
    transition: transform 0.3s var(--transition-timing-function);
}

.disclosure__button-icon.open svg {
    transform: translateY(0%) rotate(-180deg);
}

/* Fonts */
.disclosure__button--minimal_uppercase,
.disclosure__item--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.disclosure__button--minimal_basic,
.disclosure__item--minimal_basic,
.disclosure__button--classic,
.disclosure__item--classic {
    font: var(--base-body-s-font);
}

.disclosure__button--minimal_heavy,
.disclosure__item--minimal_heavy {
    font: var(--base-body-l-font);
}

.disclosure__button--avant_garde,
.disclosure__item--avant_garde {
    font: var(--accent-body-s-font);
}

.disclosure__button--contrast,
.disclosure__item--contrast {
    font: var(--base-label-font);
}

.disclosure__button--brutalist,
.disclosure__item--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.disclosure__button--duet,
.disclosure__item--duet {
    font: var(--base-body-m-font);
}

.disclosure__button--custom,
.disclosure__item--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

@media screen and (max-width: 768px) {
    .localization-container--1.localization-container--short .localization,
    .localization-container--1.localization-container--medium .localization {
        width: 100%;
    } 
}

/* Burger menu */
.burger-menu-block {
    display: flex;
    justify-content: var(--burger-horizontal-alignment);
}

.burger-menu-block--main-sidebar,
.burger-menu-block--secondary-sidebar {
    flex-direction: column;
    justify-content: var(--burger-vertical-alignment);
    align-items: var(--burger-horizontal-alignment);
}

.burger-menu-container {
    display: flex;
    align-items: center;
}

.burger-menu {
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    z-index: 3;
    justify-content: center;
    position: relative;
    word-break: break-word;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.burger-menu:not(.burger-menu--fill) {
    background-color: transparent!important;
}

.burger-menu::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    box-shadow: 0px 0px 2px rgba(var(--layout-text-color), var(--burger-button-shadow)), 0px 2px 10px rgba(var(--layout-text-color), var(--burger-button-shadow));
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.burger-menu,
.burger-menu::after {
    background-color: transparent;
    cursor: pointer;
    border-radius: var(--other-buttons-radius);
    --webkit-border-radius: var(--other-buttons-radius);
}

.burger-menu-container {
    padding: 0 10px;
}

.main-sidebar > .burger-menu-block .burger-menu-container,
.header__content > .burger-menu-block .burger-menu-container {
    padding: 0;
}

.burger-menu--packed {
    width: 24px;
}

.burger-menu__icon {
    position: relative;
    z-index: 1;
    display: block;
    height: 24px;
    width: 24px;
}

.burger-menu__icon svg {
    display: block;
    width: auto;
    height: 100%;
    fill: rgb(var(--layout-text-color));
}

.burger-menu--fill,
.burger-menu--fill::after {
    background-color: rgb(var(--layout-text-color));
    box-shadow: 0px 0px 2px rgba(var(--layout-text-color), var(--burger-button-shadow)), 0px 2px 10px rgba(var(--layout-text-color), var(--burger-button-shadow));
}
.burger-menu--fill .burger-menu__icon svg,
.burger-menu--fill.color-invert .burger-menu__icon svg {
    fill: rgb(var(--layout-background-color));
}

.burger-menu.color-invert,
.burger-menu--fill.color-invert {
    background-color: rgb(var(--layout-background-color));
}

@media (hover: hover) {
    .buttons-zoom .burger-menu:hover::after {
        transform: scale3d(1.1,1.1,1);
    }
    .burger-menu:hover {
        opacity: 0.7;
    }
}

/* Component product card */
a.card:focus-visible {
    position: relative;
    outline: none;
}
a.card:focus-visible::after {
    content: '';
    position: absolute;
    inset: 0;
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: -1px;
    z-index: 3;
}
.card-container {
    height: 100%
}
.product__info-block .card-container {
    width: 100%;
}
.card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    user-select: none;
    -webkit-user-select: none;
}
.card__content,
.swatches-containers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: rgb(var(--layout-text-color));
    width: 100%;
}
.swatches-containers-wrapper {
    width: fit-content;
}
.card__picture-wrapper iframe,
.card__picture-wrapper model-viewer {
    pointer-events: none;
}
.card model-viewer {
    --poster-color: #ffffff !important;
    background-color: #ffffff !important;
}
.card__product-info .card__title {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.card__product-info .card__title-text {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.card__content--center .card__product-info .card__title {
    justify-content: center;
}
.card__title--truncate {
    width: 100%;
    white-space: nowrap;
    overflow: clip;
    text-overflow: ellipsis;
}
.card__content--center,
.card__content--center .swatches-containers-wrapper {
    align-items: center;
    text-align: center;
}
.card__content--center .pickup-availability__content {
    text-align: center;
}
.card__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.card__vendor--dim {
    opacity: .7;
}
.card__picture {
    width: 100%;
    position: relative;
    overflow-y: clip;
}
.card__extras {
    display: flex;
    gap: 8px;
    position: absolute;
    bottom: -54px;
    inset-inline-end: 8px;
    z-index: 2;
    transition: bottom var(--animation-duration) var(--transition-timing-function);
}
.card__extras button {
    position: absolute;
    top: 0;
    left: 0;
    bottom: -54px;
    z-index: 2;
    transition: bottom var(--animation-duration) var(--transition-timing-function);
}
quick-view-button,
add-to-cart {
    position: relative;
    width: 44px;
    height: 44px;
}
quick-view-button:first-child .card__extras--button,
add-to-cart:first-child .card__extras--button {
    transition: bottom var(--animation-duration) var(--transition-timing-function);
}
quick-view-button:nth-child(2) .card__extras--button,
add-to-cart:nth-child(2) .card__extras--button {
    transition: bottom var(--animation-duration) var(--transition-timing-function) .05s;
}
.card__product-image .card__image {
    width: 100%;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--focal-point);
}

.card__product-image.enable-blending,
.card__product-image.enable-blending .lazy-image,
.card__product-image.enable-blending .lazy-image__preloader {
    background: var(--blending-color, none);
}

.card__product-image.enable-blending img {
    mix-blend-mode: darken;
}

.card__product-image .lazy-image:not(.lazyloaded):nth-child(2)  img {
    opacity: 0!important;
}

.card__product-image.card__product-image--fit .card__image,
.card__product-image.card__product-image--fit .lazy-image__preloader img {
    object-fit: contain;
    padding: var(--card-product-spacing);
}
.card__product-image.card__product-image--fit {
    width: 100%;
    height: 100%;
}
.card__product-image .lazy-image {
    height: 100%;
    flex: 0 0 100%;
}
.card__extras button.quick {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    border-radius: var(--other-buttons-radius);
}
.card__extras button:not([disabled]).quick::after {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    cursor: inherit;
    border-radius: var(--other-buttons-radius);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}
.card__quick-view {
    background-color: rgb(var(--base-button-color));
}
.card__quick-view .icon {
    fill: rgb(var(--accent-button-color));
    width: 20px;
    height: 20px;
    transition: fill var(--animation-duration) var(--transition-timing-function);
}
.card__add-to-cart {
    background-color: rgb(var(--accent-button-color));
    transition: background-color var(--animation-duration) var(--transition-timing-function);
}
.card__add-to-cart[disabled] {
    background-color: rgba(var(--layout-text-color), 0.8);
    cursor: default !important;
    pointer-events: none;
}
.card__add-to-cart .icon,
.card__add-to-cart .spinner  {
    fill: rgb(var(--base-button-color));
 }
.quick .icon,
.quick .spinner  {
    width: 20px;
    height: 20px;
}
.quick .loading-overlay__spinner {
    width: 20px;
    height: 20px;
}
.quick.loading .icon {
    display: none;
}
.card__add-to-cart[disabled] .icon {
    fill: rgb(var(--layout-background-color));
}
.card__badges {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    gap: 2px;
    top: 4px;
    inset-inline-start: 4px;
    z-index: 1;
}
.card__badges-item {
    padding: 1px 6px;
    min-height: 22px;
    display: flex;
    align-items: center;
    border-radius: var(--field-radius);
    background-color: rgb(var(--layout-text-color));
    color: rgb(var(--layout-background-color));
}
.card__badges-item--sale {
    background-color: rgb(var(--sale-background));
    color: rgb(var(--sale-text-color));
}
.card__badges-item--sold {
    color: rgb(var(--sold-text-color));
    background-color: rgb(var(--sold-background));
}
.card__badges-item--preorder {
    color: rgb(var(--preorder-text-color));
    background-color: rgb(var(--preorder-background));
  }
.swatches_container {
    display: flex;
    gap: 2px;
}
.slider__viewport .swatches_container:last-child,
.slider__viewport .swatches_container:has( + .swatches_container.size-label:last-child) {
    padding-bottom: 4px;
}
.swatches_container:empty,
.card__colors:not(:first-of-type) .color-swatch {
    display: none;
}
.card__colors {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    pointer-events: visible;
    gap: 2px;
}
.color-swatch:not(.color-swatch-image) {
    display: flex;
    justify-content: center;
    cursor: pointer;
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: var(--other-buttons-radius);
    backface-visibility: hidden;
    transition: all var(--animation-duration) var(--transition-timing-function);
    overflow: visible;
    word-break: normal;
    background: transparent;
    font: var(--base-label-font);
}

.color-swatch-image {
    display: flex;
    justify-content: center;
    cursor: pointer;
    position: relative;
    height: fit-content;
}
.color-swatch-image--shadow:not(.active-swatch) {
    box-shadow: 0px 1px 3px rgba(var(--layout-text-color), .35);
}
.color-swatch-image img {
    display: flex;
    width: 101%;
    height: 101%;
    object-position: var(--image-swatch-focal-point);
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.color-swatch__dot--image {
    display: flex;
    border-radius: var(--image-swatch-radius);
    -webkit-border-radius: var(--image-swatch-radius);
    overflow: clip!important;
    width: 32px;
    max-width: 32px;
    background: var(--swatch-background);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.color-swatch__dot--image.enable-blending:has( img),
.color-swatch__dot--image.enable-blending:not(.color__swatch-dot--color):has( img) {
    background: var(--blending-color, none);
}
.color-swatch__dot--image.enable-blending img {
    mix-blend-mode: darken;
}
.color-swatch__dot--image:not(.color__swatch-dot--color):has( img) {
    background-color: transparent;
}
.color-swatch__dot--image.color__swatch-dot--color {
    background: var(--swatch-background) center / cover no-repeat;
}
.color-swatch.active-swatch .color-swatch__dot--image {
    border-radius: calc(var(--image-swatch-radius) - 3px);
}
.color-swatch.active-swatch .color-swatch__dot--image-arc {
    border-radius: var(--image-swatch-radius);
}
.color__swatch-dot--color.ratio-original {
    aspect-ratio: 1/1;
}
.color-swatch-image .color-swatch__title {
    word-break: keep-all;
}

.card:not(.no-hover) .card__extras button:focus-visible {
    bottom: 8px !important;
    position: absolute;
}

.slider__grid-item.is-swatch-hover {
    z-index: 5;
}
@media (hover: hover) {
    .color-swatch:not(.color-swatch-image):hover {
        background: rgba(var(--layout-text-color),.1);
        box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
    }
    .color-swatch-image:hover img {
        opacity: 0.7;
    }
    .card:not(.no-hover):hover .card__extras,
    .card:not(.no-hover):hover .card__extras button {
        bottom: 8px !important;
    }
    .card:not(.no-hover):hover .card__title-text {
        opacity: .7;
    }
    .card__quick-view:hover .icon {
        fill: rgb(var(--hover-button-color));
    }
    .card__add-to-cart:not([disabled]):hover {
        background-color: rgb(var(--hover-button-color));
    }
    .buttons-zoom.card__extras button.quick:hover::after {
        transform: scale3d(1.1,1.1,1);
    }
    .color-swatch:hover .color-swatch__title,
    .color-swatch:hover::before {
        visibility: visible;
    }
}
.color-swatch--more-items {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    width: 24px;
    height: fit-content;
    align-self: center;
}

.color-swatch--more-items-link {
    font: var(--base-label-font);
}

.color-swatch--more-items-link--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.color-swatch.active-swatch:not(.color-swatch-image) {
    background: var(--swatch-background);
    background-size: cover;
    background-repeat: no-repeat;
    transition: all var(--animation-duration) var(--transition-timing-function);
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
}
.color-swatch.color-swatch-image {
    position: relative;
    margin-inline-end: 2px;
    border-radius: var(--image-swatch-radius);
    -webkit-border-radius: var(--image-swatch-radius);
}

.color-swatch::before {
    content: "";
    display: block;
    border: 12px solid transparent;
    border-top: 12px solid rgb(var(--layout-text-color));
    position: absolute;
    bottom: calc(100% - 16px);
    z-index: 5;
    visibility: hidden;
}
.color-swatch:not(:has(.color-swatch__title))::before {
    display: none;
}
.color-swatch.active-swatch.color-swatch-image::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid rgb(var(--layout-text-color));
    border-radius: var(--image-swatch-radius);
    -webkit-border-radius: var(--image-swatch-radius);
}

.color-swatch:not(.color-swatch-image) .color-swatch__dot {
    content: "";
    display: block;
    position: absolute;
    background: var(--swatch-background);
    background-size: cover;
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    border-radius: var(--other-buttons-radius);
    transition: all var(--animation-duration) var(--transition-timing-function);
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
}

.color-swatch.active-swatch:not(.color-swatch-image) .color-swatch__dot {
    background: rgb(var(--layout-background-color));
    background-image: none;
    width: 8px;
    height: 8px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    transition: all var(--animation-duration) var(--transition-timing-function);
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
}

.card__product-image,
.swiper-slide.card__product-image {
    display: flex;
    overflow: clip;
    border-radius: var(--product-card-radius);
    -webkit-border-radius: var(--product-card-radius);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.card__product-image .card__image {
    background-color: rgb(var(--layout-background-color));
    border-radius: var(--product-card-radius);
    -webkit-border-radius: var(--product-card-radius);
    overflow: clip;
}

.color-swatch__title {
    display: flex;
    visibility: hidden;
    position: absolute;
    z-index: 2;
    width: fit-content;
    min-width: max-content;
    max-width: 200px;
    min-height: 32px;
    padding: 8px;
    align-items: center;
    justify-content: center;
    background-color: rgb(var(--layout-text-color));
    color: rgb(var(--layout-background-color));
    border-radius: 4px;
    bottom: calc(100% + 1px);
    right: 50%;
    transform: translateX(50%);
    font: var(--base-label-font);
}
.custom-type-preset .color-swatch__title {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}

@media (hover: hover) {
    .color-swatch:hover .color-swatch__title {
        visibility: visible;
    }
}

.block-content .card {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.block-content .card__picture {
    display: inline-block;
    width: 90px;
    max-width: 90px;
}

.card__picture-wrapper {
    position: relative;
    overflow: clip;

    .complementary-block & {
        overflow: visible;
    }
}

.product__placeholder {
    display: flex;
    width: 100%;
}

.card__product-image:not(.card__product-image--show-second) img {
    transition: transform var(--animation-duration) var(--transition-timing-function), scale var(--animation-duration) var(--transition-timing-function);
}
.card {
    position: relative;
}

.quick-view {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: clip;
    visibility: hidden;
    pointer-events: none;
    z-index: 100;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.quick-view-open .quick-view {
    visibility: visible;
    pointer-events: all;
}

/* Slider */

.card .swiper-pagination.swiper-pagination-bullets,
.card .swiper-button {
    opacity: 0;
}
.card .swiper-button::after {
    content: none;
}
.card .swiper-button-prev {
    inset-inline-start: -36px;
    transition: inset-inline-start .3s ease-out, opacity .3s ease-out;
}
.card .swiper-button-next {
    inset-inline-end: -36px;
    transition: inset-inline-end .3s ease-out, opacity .3s ease-out;
}
.card .swiper-pagination--slider.swiper-pagination-bullets {
    opacity: 0;
}
.card__product-image.swiper-slide img {
    transition: opacity 0.5s ease;
}
.card__product-image.swiper-slide:has(.swiper-lazy-preloader) img {
    opacity: 0;
}

.swiper .swiper-button {
    background-color: rgb(var(--base-button-color));
    border-radius: var(--other-buttons-radius);
    padding: 5px;
    --swiper-navigation-size: fit-content;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
    transform: translateY(-50%);
}

.swiper .swiper-button svg {
    width: 15px;
    height: 15px;
    fill: rgb(var(--accent-button-color));
}

.swiper-button::after {
    content: none;
}

.swiper-button .icon {
    padding: 0;
    display: flex;
    width: fit-content;
}

.card .swiper-pagination.swiper-pagination-bullets {
    --swiper-pagination-bullet-height: 2px;

    width: 100%;
    bottom: 0;
    inset-inline-start: 0;
    height: 2px;
    display: flex;
    background-color: rgba(var(--layout-text-color),.15);
}

@media (hover: hover) {
    .card:hover .swiper-button-prev:not(.swiper-button-hidden) {
        opacity: 1;
        inset-inline-start: 8px;
    }
    .card:hover .swiper-button-next:not(.swiper-button-hidden) {
        opacity: 1;
        inset-inline-end: 8px;
    }
    .card .swiper:hover .swiper-pagination:not(.swiper-pagination--slider):not(.swiper-pagination-hidden) {
        opacity: 1;
    }
    .card .swiper:hover .swiper-pagination:not(.swiper-pagination--slider) .swiper-pagination-bullet-active::after {
        animation: countingBar var(--speed);
    }
}

@media screen and (max-width: 768px) {
    .card :not(.swiper-product-card) .swiper-pagination:not(.swiper-pagination-hidden) {
        opacity: 1;
    }
    .card :not(.swiper-product-card) .swiper .swiper-button:not(.swiper-button-hidden) {
        opacity: 0;
    }
}

@media screen and (hover: none) {
    .card .swiper-product-card .swiper-pagination:not(.swiper-pagination-hidden) {
        opacity: 1;
    }
    .card .swiper-product-card .swiper .swiper-button:not(.swiper-button-hidden) {
        opacity: 0;
    }
}

/* Linked products */
.card__linked-products {
    flex-wrap: wrap;
    gap: 4px
}
.linked-products__swatch {
    display: flex;
    position: relative;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
    height: fit-content;
    border-radius: var(--border-radius);
    background-color: rgb(var(--layout-background-color));
}
.linked-products__swatch.enable-blending {
    background: var(--blending-color, none);
}

.linked-products__swatch.enable-blending img {
    mix-blend-mode: darken;
}
.card__linked-products .linked-products__swatch {
    width: 32px;
    max-width: 32px;
}
.linked-products__swatch-span {
    border-radius: var(--border-radius);
    overflow: clip;
    display: flex;
    position: relative;
    width: 100%;
}
.linked-products__swatch--active .linked-products__swatch-span {
    border-radius: calc(var(--border-radius) - 3px);
}
.linked-products__swatch--active.linked-products__swatch-arc .linked-products__swatch-span {
    border-radius: var(--border-radius);
}

.linked-products__swatch--active {
    pointer-events: none;
    order: -1;
}
.linked-products__swatch--shadow:not(.linked-products__swatch--active) {
    box-shadow: 0px 1px 3px rgba(var(--layout-text-color), .35);
}
.card__linked-products .linked-products__swatch--active::after {
    content: "";
    border-radius: var(--border-radius);
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid rgb(var(--layout-text-color));
}
.linked-products__swatch img {
    display: flex;
    width: 101%;
    height: 101%;
    object-position: var(--focal-point);
}
.linked-products__swatch.ratio-original img {
    height: auto
}

@media (hover: hover) {
    .linked-products__swatch:hover {
      opacity: .7;
      cursor: pointer;
    }
}

/* Sizes */
.card__sizes {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    row-gap: 2px;
}
.card__size {
    position: relative;
}
.card__size--disabled::after {
    content: "";
    display: block;
    height: 2px;
    background-color: rgb(var(--layout-text-color));
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Fonts */
.card__vendor--minimal_uppercase, 
.card__vendor--minimal_basic, 
.card__vendor--classic,
.card__vendor--contrast,
.card__short-description--minimal_uppercase,
.pickup-availability--minimal_uppercase {
    font: var(--base-label-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.pickup-availability--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.card__vendor--minimal_heavy {
    font: var(--base-body-l-font);
}
.card__vendor--brutalist,
.card__title--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.card__vendor--avant_garde,
.card__title--duet {
    font: var(--accent-body-m-font);
}
.card__vendor--duet,
.card__title--minimal_basic {
    font: var(--base-body-m-font);
}
.card__title--minimal_uppercase {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__title--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.card__title--contrast,
.card__title--classic {
    font: var(--accent-body-l-font);
}
.card__title--avant_garde {
    font: var(--base-body-m-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__short-description--minimal_basic,
.pickup-availability--minimal_basic {
    font: var(--base-body-s-font);
}
.card__price--contrast,
.card__short-description--minimal_heavy,
.pickup-availability--minimal_heavy {
    font: var(--base-body-l-font);
}
.card__short-description--classic,
.pickup-availability--classic {
    font: var(--base-label-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__short-description--avant_garde,
.pickup-availability--avant_garde {
    font: var(--accent-body-s-font);
}
.card__short-description--contrast,
.pickup-availability--contrast {
    font: var(--base-label-font);
}
.card__short-description--brutalist,
.pickup-availability--brutalist {
    font: var(--base-body-l-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__short-description--duet,
.pickup-availability--duet,
.card__price--minimal_basic,
.card__price--classic,
.card__price--duet {
    font: var(--base-body-m-font);
}
.card__price--minimal_uppercase {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__price--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.card__price--avant_garde {
    font: var(--accent-body-m-font);
}
.card__price--brutalist {
    font: var(--accent-body-l-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__badges--minimal_uppercase,
.card__badges--brutalist {
    font: var(--base-label-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__badges--minimal_basic,
.card__badges--minimal_heavy,
.card__badges--classic,
.card__badges--avant_garde,
.card__badges--contrast,
.card__badges--duet {
    font: var(--base-label-font);
}
.card__badges--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}
.card__price--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.card__short-description--custom,
.card__vendor--custom,
.card__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
@media screen and (min-width: 990px) {
    .card__picture {
        border-radius: var(--product-card-radius);
        -webkit-border-radius: var(--product-card-radius);
        overflow: clip;
    }
    .card__product-image--hover-effect img.card__image {
        border-radius: var(--product-card-radius);
        -webkit-border-radius: var(--product-card-radius);
        overflow: clip;
        transform: scale(1);
        transition: transform var(--animation-duration) var(--transition-timing-function), scale var(--animation-duration) var(--transition-timing-function);
    }
    .card__product-image--hover-effect.have-second-media > .card__image:first-child,
    .card__product-image--hover-effect.have-second-media > .lazy-image:first-child .card__image {
        opacity: 1;
        position: static;
        z-index: 1;
        transform: scale(1);
        transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function), scale var(--animation-duration) var(--transition-timing-function);
    }
    .card__product-image--hover-effect.have-second-media > .lazy-image:first-child {
        position: static;
        z-index: 1;
    }
    .card__product-image--hover-effect .card__image:nth-child(2),
    .card__product-image--hover-effect .lazy-image:nth-child(2) .card__image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transform: scale(1);
        transition: transform var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function), scale var(--animation-duration) var(--transition-timing-function);
    }
    .card__product-image--hover-effect .lazy-image:nth-child(2) {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .card:not(.no-hover):not(:hover) .card__product-image .lazy-image + .lazy-image--fade_scale img {
        opacity: 0;
    }
    @media (hover: hover) {
        .card:not(.no-hover):hover .card__product-image--hover-effect .card__image:nth-child(2),
        .card:not(.no-hover):hover .card__product-image--hover-effect .lazy-image:nth-child(2) .card__image,
        .card:not(.no-hover):hover .card__product-image--hover-effect .lazy-image:nth-child(2) {
            position: static;
            z-index: 1;
        }
        .card:not(.no-hover):hover .card__product-image--hover-effect  .card__image {
            scale: 1.03;
            opacity: 1;
            transition: scale var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
        }
        .card:not(.no-hover):hover .card__product-image--hover-effect.have-second-media > .card__image:first-child,
        .card:not(.no-hover):hover .card__product-image--hover-effect.have-second-media > .lazy-image:first-child .card__image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            scale: 1.03;
            transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function), scale var(--animation-duration) var(--transition-timing-function);
        }
        .card:not(.no-hover):hover .card__product-image--hover-effect.have-second-media > .lazy-image:first-child {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .card.no-hover:hover .card__product-image--hover-effect img {
            transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function), scale var(--animation-duration) var(--transition-timing-function);
        }
        .underline-links-hover:hover a {
            text-decoration: underline;
            text-decoration-skip-ink: auto;
            text-underline-offset: 0.3em;
        }
    }
}

/* Styles for full-width page without sidebars */
/* Mobile */
@media screen and (max-width: 768px) {
    .color-swatch__dot--image,
    .card__linked-products .linked-products__swatch {
        width: 28px;
        max-width: 28px;
    }
}

/* Sidebars */
@media screen and (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .color-swatch__dot--image,
        .card__linked-products .linked-products__swatch {
            width: 28px;
            max-width: 28px;
        }
    }
}

/* Content fonts */
.content-subheading--minimal_uppercase, .content-subheading--minimal_basic, .content-subheading--classic,
.content-subheading--contrast {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.content-subheading--minimal_heavy,
.content-text--minimal_heavy,
.content-text--duet {
    font: var(--base-body-l-font);
}
.content-subheading--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.content-subheading--avant_garde,
.content-text--avant_garde  {
    font: var(--accent-body-m-font);
}
.content-subheading--duet,
.content-text--minimal_uppercase,
.content-text--minimal_basic,
.content-text--classic,
.content-text--contrast {
    font: var(--base-body-m-font);
}
.content-heading--accent {
    color: rgb(var(--accent-button-color));
}
.content-heading--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.content-heading--minimal_basic {
    font: var(--base-heading-xs-font);
}
.content-heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.content-heading--classic {
    font: var(--accent-heading-s-font);
}
.content-heading--avant_garde {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
}
.content-heading--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.content-heading--brutalist {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.inside-content .media-with-text .content-heading--brutalist,
.inside-content .collection-with-products .content-heading--brutalist {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
    letter-spacing: normal;
}
.content-heading--duet {
    font: var(--accent-body-l-font);
}
.content-text--brutalist {
    font: var(--accent-heading-xs-font);
}

.content-heading--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}
.content-subheading--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}
.content-text--custom {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .content-heading--brutalist {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .content-heading--minimal_heavy,
    .content-heading--brutalist {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .content-heading--contrast {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .content-heading--brutalist {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .content-heading--minimal_heavy,
        .content-heading--brutalist {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .content-heading--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
    }
}

/* Header */
.header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    gap: var(--padding);
}

.header__wrapper {
    padding-top: var(--padding);
    padding-bottom: var(--padding);
}

.header-section {
    background-color: rgb(var(--layout-background-color));
    display: block;
}

.shopify-section-header.header--static {
    position: relative !important;
    top: 0;
}

.transparent-header.header-section:not(.colored):not(.shopify-section-header-sticky .header-section),
.shopify-section-header-sticky.header--static .header-section.transparent-header {
    background-color: transparent;
    display: block;
}

.shopify-section-header-sticky:not(.header--static) .transparent.header-section {
    background-color: rgb(var(--layout-background-color));
}

.shopify-section-header:not(.animate).stop-animation .transparent.stick_on_scroll:not(.secondary-header-section) {
    animation: changeBackground 0.3s var(--transition-timing-function);    
}

@keyframes changeBackground {
    0% {
        background-color: rgb(var(--layout-background-color));
    }
    100% {
        background-color: transparent;
    }
}

@keyframes alwaysStickHeader {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes disableStickHeader {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}

.header__content {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: var(--header-alignment);
    gap: 40px;
    width: 100%;
}

.shopify-section-header-sticky {
    position: sticky !important;
    position: -webkit-sticky;
    top: -0.5px;
    z-index: 20 !important;
  }

.shopify-section-header-hidden {
    transform: translateY(-100%);
}

.shopify-section-header-hidden.menu-open {
    transform: translateY(0);
}

.shopify-section-header.animate,
.shopify-section-header.animate .header-section,
.shopify-section-mobile-header.animate .mobile-header-section {
    transition: transform 0.15s ease-out;
}

.header__content--stretched .section-navigation-block {
    flex-basis: calc(100% / var(--blocks-amount));
}

.header--spacious {
    min-height: 64px;
}

.header--compact {
    min-height: 52px;
}

.header__wrapper--line {
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.header__wrapper .header__content .section-navigation-block {
    border: 1px dashed transparent;
}

.bottom-menu {
    padding: 0;
}

.bottom-menu--padding {
    padding-top: 24px;
}

.bottom-menu .menu__list {
    display: flex;
    justify-content: var(--bottom-menu-alignment);
}

.mobile-header-section {
    display: block;
    overflow-x: clip;
}

@media screen and (max-width: 920px) {
    .transparent-header.mobile-header-section:not(.colored):not(.shopify-section-mobile-header-sticky .mobile-header-section) .mobile-header,
    .shopify-section-mobile-header-sticky .mobile-header-section.transparent-header {
        background-color: transparent;
        display: block;
    }
    .shopify-section-mobile-header-sticky:not(.header--static) .transparent.mobile-header-section {
        background-color: rgb(var(--layout-background-color));
    }
}

/* Secondary sidebar */
.secondary-sidebar {
    height: 100%;
    display: flex;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    flex-direction: column;
    justify-content: var(--secondary-sidebar-alignment);
    align-items: center;
    background-color: rgb(var(--layout-background-color));
    flex: 0 0 96px;
    min-width: 96px;
    align-self: flex-end;
    padding: var(--top-padding) 8px var(--bottom-padding);
    gap: var(--blocks-gap);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.secondary-sidebar.transparent-sidebar {
    background-color: transparent;
}

.secondary-sidebar::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

.secondary-sidebar::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.secondary-sidebar--stretched .section-navigation-block {
    flex-basis: calc(100% / var(--blocks-amount));
}

.secondary-sidebar .section-navigation-block {
    border: 1px dashed transparent;
}

.secondary-sidebar--line {
    border-inline-start: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.transparent-sidebar.secondary-sidebar--line {
    border-image: linear-gradient(rgb(var(--section-color)) var(--section-point), rgb(var(--layout-text-color)) var(--section-point), rgb(var(--layout-text-color)) var(--footer-point), rgb(var(--footer-color)) var(--footer-point)) ;
    border-image-slice: 1;
}
.secondary-sidebar .line-container--secondary-sidebar {
    display: flex;
    flex-direction: column;
    padding: var(--padding-top) 0 var(--padding-bottom);
    justify-content: var(--line-alignment);
    width: 100%;
}

.line {
    width: 100%;
    height: var(--line-width);
    background-color: rgba(var(--layout-text-color), var(--line-opacity));
}

/* Main sidebar */
.main-sidebar {
    height: 100%;
    display: flex;
    position: absolute;
    top: 0px;
    flex-direction: column;
    justify-content: var(--main-sidebar-alignment);
    background-color: rgb(var(--layout-background-color));
    width: 100%;
    padding-top: var(--top-padding);
    padding-bottom: var(--bottom-padding);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: var(--blocks-gap);
}

.main-sidebar--center,
.main-sidebar--flex-end {
    justify-content: safe var(--main-sidebar-alignment);
}

.transparent-sidebar:not(.overlap-slide-out-menu-opened) {
    background-color: transparent;
}
.transparent-sidebar:not(.overlap-slide-out-menu-opened).invert-sidebar .line {
    background: transparent;
}

.main-sidebar::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

.main-sidebar::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.main-sidebar--line {
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.main-sidebar--line.overlap-slide-out-menu-opened {
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), 0);
    transition: border-inline-end 0s ease 0.1s;
}

.main-sidebar--line:has( .menu__item-title--simple_slide_out.open) {
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), 0);
}

.transparent-sidebar:not(.overlap-slide-out-menu-opened).main-sidebar--line {
    border-image: linear-gradient(rgb(var(--section-color)) var(--section-point), rgb(var(--layout-text-color)) var(--section-point), rgb(var(--layout-text-color)) var(--footer-point), rgb(var(--footer-color)) var(--footer-point)) ;
    border-image-slice: 1;
}

.main-sidebar > .main-sidebar__block {
    padding: 0 var(--left-and-right-paddings);
    border: 1px dashed transparent;
}

.main-sidebar--stretched > .main-sidebar__block {
    flex-basis: calc(100% / var(--blocks-amount));
}

.main-sidebar .line-container--main-sidebar {
    display: flex;
    flex-direction: column;
    padding: var(--padding-top) 0 var(--padding-bottom);
    justify-content: var(--line-alignment);
}

.line {
    width: 100%;
    height: var(--line-width);
    background-color: rgba(var(--layout-text-color), var(--line-opacity));
}

@media (hover: hover) {
    .transparent-sidebar:has(.menu__dropdown-container--overlap-wrapper):hover {
        background-color: rgb(var(--layout-background-color));
        transition: background-color 0.1s var(--transition-timing-function);
    }
    .transparent-sidebar:has(.menu__dropdown-container--overlap-wrapper):hover .main-sidebar--line {
        border-inline-end: var(--line-width) solid transparent;
    }
    .transparent-sidebar:has(.menu__dropdown-container--overlap-wrapper):hover .line {
        background-color: rgba(var(--layout-text-color), var(--line-opacity));
        transition: background-color 0.1s var(--transition-timing-function);
    }
}

/* Banner */
.banner-block {
    width: 100%;
    height: fit-content;
}

.banner-block:not(.banner-block--overlay) {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.block__banner-image img {
    width: 100%;
    height: 100%;
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.ratio-original.block__banner-image .lazy-image {
    aspect-ratio: var(--desktop-asp-rat);
}

.block__banner-image .placeholder-svg {
    display: block;
    width: 100%;
    height: 100%;
}

.block__banner-content {
    display: flex;
    flex-direction: column;
}

.banner-block + .banner-block {
    margin-top: 32px;
}

.banner-block--overlay .block__banner-content {
    padding: 24px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    justify-content: var(--vertical-aligment);
    align-items: var(--horizontal-aligment);
}

.block__banner-link {
    position: relative;
    display: flex;
    height: 100%;
    overflow: clip;
}

.block__banner-content--center {
    text-align: center;
}

@media (hover: hover) {
    a.block__banner-link:hover img {
        transform: scale(1.03);
        opacity: 1;
    }
}

.block__banner-image {
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
    overflow: hidden;
    width: 100%;
}

.banner-block--overlay .block__banner-image::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--overlay-background);
    opacity: var(--overlay-opacity);
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
    overflow: hidden;
}

.banner-block--overlay .block__banner-subheading,
.banner-block--overlay .block__banner-heading {
    color: var(--content-color);
}

.block__banner-heading--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
    letter-spacing: normal;
}
.block__banner-heading--minimal_basic {
    font: var(--base-heading-xs-font);
    letter-spacing: normal;
    text-transform: none;
}
.block__banner-heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
    text-transform: none;
}
.block__banner-heading--classic {
    font: var(--accent-heading-s-font);
    letter-spacing: normal;
    text-transform: none;
}
.block__banner-heading--avant_garde {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
    letter-spacing: normal;
}
.block__banner-heading--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
    text-transform: none;
}
.block__banner-heading--brutalist {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.block__banner-subheading--minimal_uppercase,
.block__banner-subheading--minimal_basic,
.block__banner-subheading--classic,
.block__banner-subheading--contrast {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.block__banner-subheading--minimal_heavy {
    font: var(--base-body-l-font);
    letter-spacing: normal;
    text-transform: none;
}
.block__banner-subheading--duet {
    font: var(--base-body-m-font);
    letter-spacing: normal;
    text-transform: none;
}
.block__banner-subheading--avant_garde {
    font: var(--accent-body-m-font);
    letter-spacing: normal;
    text-transform: none;
}
.block__banner-subheading--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.block__banner-heading--custom  {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}
.block__banner-subheading--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}

/* Styles for full-width page without sidebars */
    /* Tablet */
    @media screen and (max-width: 1024px) {
        .block__banner-heading--brutalist {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
    }
    /* Mobile */
    @media screen and (max-width: 768px) {
        .block__banner-heading--minimal_heavy,
        .block__banner-heading--brutalist {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .block__banner-heading--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        } 
    }

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .block__banner-heading--brutalist {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .block__banner-heading--minimal_heavy,
        .block__banner-heading--brutalist {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .block__banner-heading--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        } 
    }
}

/* Mobile header */
.mobile-header {
    display: none;
    padding-inline-end: var(--right-padding);
    padding-inline-start: var(--left-padding);
    min-height: 44px;
    position: relative;
    background-color: rgb(var(--layout-background-color));
}

.shopify-section-mobile-header-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
  }

  .shopify-section-mobile-header-hidden {
    transform: translateY(-200%);
  }
  
  .shopify-section-mobile-header-hidden.menu-open {
    transform: translateY(0);
  }

  .shopify-section-header-hidden.shopify-section-header-sticky .mobile-header {
    background: transparent!important;
    opacity: 0!important;
  }

  .disable-visibility {
    visibility: hidden!important;
    opacity: 0!important; 
  }
  
  #shopify-section-mobile-header.animate {
    transition: transform 0.15s ease-out;
  }

@media screen and (max-width: 920px) {
    .mobile-header {
        display: block;
    }
}

.mobile-header--sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

.mobile-header__content {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: var(--header-alignment);
    padding-top: var(--vertical-paddings);
    padding-bottom: var(--vertical-paddings);
}

.mobile-header__content .section-navigation-block {
    border: 1px dashed transparent;
}

.mobile-header__content--stretched .section-navigation-block {
    flex-basis: calc(100% / var(--blocks-amount));
}

.mobile-header__content--line {
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

/* Account */
.account-block {
    display: flex;
    flex-direction: column;
    justify-content: var(--account-vertical-alignment);
    align-items: var(--account-horizontal-alignment);
}

.account-container {
    display: flex;
    align-items: center;
    justify-content: var(--account-horizontal-alignment);
}

.miscellaneous-container--main-sidebar .account-container {
    justify-content: var(--miscellaneous-horizontal-alignment);
}

.account-container--icon {
    aspect-ratio: 1/1;
    justify-content: center;
}

.account {
    display: flex;
    align-items: center;
    color: rgb(var(--layout-text-color));
    min-height: 44px;
    min-width: 44px;
    word-break: normal;
}

.account {
    padding: 0 10px;
}

.account-container {
    margin: 0 -10px;
    width: fit-content;
}

.miscellaneous__subblock .account-container {
    margin: 0px;
}

.account--icon {
    justify-content: center;
}

.account:focus {
    outline-offset: -1px;
}

.account__icon svg {
    display: block;
    width: auto;
    height: 100%;
    fill: rgb(var(--layout-text-color));
}

.account-block--footer .account-container--text .account {
    min-height: 32px;
}

/* Fonts */

.account-container--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.account-container--minimal_basic,
.account-container--classic {
    font: var(--base-body-s-font);
}

.account-container--minimal_heavy {
    font: var(--base-body-l-font);
}

.account-container--avant_garde {
    font: var(--accent-body-s-font);
}

.account-container--contrast {
    font: var(--base-label-font);
}

.account-container--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.account-container--duet {
    font: var(--base-body-m-font);
}

.account-container--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

/* Anchor link */
.anchor-link__wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
}
.anchor-link__svg path {
    stroke: rgb(var(--layout-text-color));
}
.anchor-link__title {
    font: var(--base-heading-xs-font);
}
.anchor-link__text {
    font: var(--base-body-m-font);
    opacity: 0.7;
}
.custom-type-preset .anchor-link__title {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}
.custom-type-preset .anchor-link__text {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}
.anchor-link {
    height: 0!important;
}
.anchor-link.anchor-link-visible {
    height: auto!important;
}

/* Cart items */
.error-color,
.cart-item__error {
    color: rgb(var(--error-color));
}
.success-color {
    color: rgb(var(--success-color));
}
.sale-color {
    color: rgb(var(--sale-background));
}
.card__vendor--minimal_uppercase,
.card__vendor--minimal_basic,
.card__vendor--classic,
.card__vendor--contrast,
.product__shipping-policy--minimal_uppercase {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.card__vendor--minimal_heavy,
.product__shipping-policy--minimal_heavy {
    font: var(--base-body-l-font);
}
.card__vendor--brutalist,
.card__title--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.card__vendor--avant_garde,
.card__title--duet {
    font: var(--accent-body-m-font);
}
.card__vendor--duet, .card__title--minimal_basic,
.product__shipping-policy--duet {
    font: var(--base-body-m-font);
}
.card__title--minimal_uppercase,
.product__shipping-policy--brutalist {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__title--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.card__title--classic,
.card__title--contrast {
    font: var(--accent-body-l-font);
}
.card__title--avant_garde {
    font: var(--base-body-m-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__vendor--custom,
.card__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.product__shipping-policy--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}
.product__shipping-policy--minimal_basic,
.product__shipping-policy--classic {
  font: var(--base-body-s-font);
}
.product__shipping-policy--avant_garde{
  font: var(--accent-body-s-font);
}
.product__shipping-policy--contrast {
  font: var(--base-label-font);
}

.cart-item .unit-price {
    display: flex;
    margin-top: 4px;
}
.field.field--zip {
    width: 100%;
}
.cart-page label, .drawer__inner label, .cart-notification label  {
    margin-bottom: 4px;
    display: inline-block;
}
.cart-page label.field--checkbox, .drawer__inner label.field--checkbox {
    display: flex;
    margin-top: 16px;
}

.cart-items,
.cart-items thead,
.media-wrapper {
    display: block;
}
.cart-item .media-wrapper {
    height: fit-content;
}
.cart-items tr {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.cart-items thead {
    margin-bottom: 32px;
    color: rgb(var(--layout-text-color));
}
.cart-items th {
    text-align: start;
}
.cart-items th.right {
    text-align: end;
}

.cart-items .cart-item:has(~ .cart-item__nested-line) {
    border-bottom: none;
    padding-bottom: 0;
}
.drawer .cart-item.cart-item__nested-line .media-wrapper:not(:empty),
.cart-page .cart-item.cart-item__nested-line .media-wrapper:not(:empty) {
    flex: 0 0 60px;
}
.cart-item__nested-line .cart-item__product {
    padding-left: 24px;
}
.cart-item__product {
    display: flex;
    gap: 16px;
    width: 100%;
}
.cart-item.enable-blending .media-wrapper,
.cart-item.enable-blending .media-wrapper .lazy-image__preloader {
    background: var(--blending-color, none);
}

.cart-item.enable-blending .media-wrapper img {
    mix-blend-mode: darken;
}
.cart-item .lazy-image {
    height: 100%;
}
.cart-item__image {
    border-radius: var(--product-card-radius);
    -webkit-border-radius: var(--product-card-radius);
    overflow: clip;
    object-position: var(--cart-focal-point);
    width: 100%;
    height: 100%;
    display: block;
}
.media-wrapper.cart-item__media--fit .cart-item__image,
.media-wrapper.cart-item__media--fit .lazy-image__preloader img {
    object-fit: contain;
    padding: var(--card-product-spacing);
}
.cart-item__details {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
}
.cart-item__details > .product-option:not(:first-child) {
    margin-top: 0;
}
.product-option, .cart-item__details-actions, .cart-item__discounted-prices {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.cart-item__discounted-prices--column {
    flex-direction: column;
}
.product-option:not(:first-child) {
    margin-top: 4px;
}
.price--on-sale {
    margin-inline-start: 4px;
}
.cart-wrapper .price, .cart-drawer .cart-items .price {
    min-width: max-content;
}
.remove-button {
    height: 44px;
    width: 44px;
}
.remove-button a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.cart-item__details-actions {
    margin-top: 12px;
    gap: 9px;
}
.cart-item__error {
    margin-top: -4px;
}
.cart-item__error-text {
    padding-top: 8px;
    display: inline-block;
}
.cart-item__totals.right {
    position: relative;
}
.loading-overlay__spinner.hidden,
.quick:not(.loading) .loading-overlay__spinner {
    display: none;
}
.cart-item__totals.right .loading-overlay__spinner:not(.hidden)~ .cart-item__price-wrapper {
    visibility: hidden;
}
.cart-items tbody {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.cart-totals,
.totals,
.discount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
.cart-item__first-row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}
.block-prices {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.tax-note {
    margin-top: 4px;
    display: block;
}
.product-option {
    gap: 2px;
}
accordion-block {
    display: block;
}
.cart__note label,
.cart-drawer accordion-block .secondary-text {
    display: block;
    margin-bottom: 4px;
}
.text-area {
    width: 100%;
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    appearance: none;
    -moz-appearance: none;
    resize: none;
    padding: 10px 12px;
    min-height: 110px;
}
.accordion summary {
    max-width: max-content;
}
shipping-calculator label {
    margin-bottom: 4px;
}
shipping-calculator select {
    width: 100%;
}
shipping-calculator input {
    min-height: 44px;
    padding: 0 12px;
}
shipping-calculator form-state {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.shipping-button .solid-button {
    min-height: 44px;
    width: 100%;
    padding: 6px 24px;
}
shipping-calculator .form__message {
    padding-top: 16px;
}
shipping-calculator form-state .form__message {
    padding-top: 0;
}
.accordion-toggle.not_collapsible .icon-accordion {
    display: none;
}
.accordion-toggle.not_collapsible .accordion__summary {
    pointer-events: none;
}
.accordion-toggle.not_collapsible.is-open .accordion__panel {
    max-height: 100%!important;
}
accordion-block .accordion-toggle {
    max-width: none;
}
cart-remove-button svg path,
.discounts__discount svg {
    fill: rgb(var(--layout-text-color));
}
.tax-note a {
    color: rgb(var(--accent-button-color));
    transition: color var(--animation-duration) var(--transition-timing-function);
}
.cart-item__price-wrapper .price {
    word-break: initial;
}
@media (hover: hover) {
    .tax-note a:hover {
        color: rgba(var(--accent-button-color), 0.7);
    }
}
#CartDrawer-CartErrors, #cart-errors {
    color: rgb(var(--error-color));
    outline: none;
}
.discounts__discount {
    display: flex;
    align-items: center;
    gap: 8px;
}
.discounts__discount.discounts__discount--position {
    justify-content: flex-end;
}

/* #region Discount code */

cart-discount-component {
    display: block;
}

.cart-discount {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cart-discount__input-wrapper {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.cart-discount__error {
    margin-top: 4px;
}

.cart-discount__button-wrapper {
    flex: 0 0 auto;
}

.cart-discount__button {
    position: relative;
    min-width: auto;
    height: 100%;
}

.cart-discount__button .loading-overlay__spinner {
    inset-inline-end: auto;
    inset-inline-start: calc(50% - 12px);
    top: calc(50% - 12px);
}

.cart-discount__button:has(.loading-overlay__spinner:not(.hidden)) .cart-discount__button-text {
    visibility: hidden;
}

.cart-discount__error.hidden,
.cart-discount__error .hidden {
    display: none;
}

.cart-discount__codes {
    display: none;
    gap: 8px;
    flex-wrap: wrap;
    list-style: none;
    padding-inline: 0;
    margin: 0;
}

.cart-discount__codes:has(.cart-discount__pill) {
    display: flex;
}

.cart-discount__pill {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    min-height: 44px;
    gap: 8px;
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    border-radius: var(--button-radius);
    background-color: transparent;
    color: rgb(var(--layout-text-color));
}

.cart-discount__pill-code {
    line-height: normal;
}

.cart-discount__pill-remove {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cart-discount__pill-remove svg {
    width: 16px;
    height: 16px;
    fill: rgb(var(--layout-text-color));
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

/* #endregion */

/* Cart notification */
.success-color {
    color: rgb(var(--success-color));
}
.slider__heading--minimal_uppercase,
.cart-notification__heading--brutalist {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.slider__heading--minimal_basic,
.cart-notification__heading--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.slider__heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.slider__heading--classic,
.cart-notification__heading--contrast {
    font: var(--accent-heading-s-font);
}
.slider__heading--avant_garde {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
}
.slider__heading--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.slider__heading--brutalist {
    font: var(--base-heading-l-font);
    text-transform: uppercase;
    letter-spacing: -0.02em;
}
.slider__heading--duet,
.cart-notification__heading--classic {
    font: var(--accent-body-l-font);
}
.cart-notification__heading--minimal_basic,
.cart-notification__heading--duet {
  font: var(--base-body-l-font);
}
.cart-notification__heading--minimal_uppercase,
.cart-notification__heading--avant_garde {
  font: var(--base-body-l-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.slider__heading--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}
.cart-notification__heading--custom {
    font: var(--body-l-font);
    letter-spacing: var(--body-l-letter-spacing);
}

.cart-notification__heading {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    gap: 10px;
}
.cart-notification__heading.center {
    justify-content: center;
}
.cart-notification-wrapper {
    padding: 16px 64px 64px;
}
.cart-notification-wrapper .button-wrapper {
    margin-inline-end: -64px;
    padding-inline-end: 16px;
}
.cart-notification-product .cart-item, .cart-item__info {
    display: flex;
    gap: 16px;
}
.cart-item__info {
    justify-content: space-between;
    flex: 1 1 100%;
}
.cart-notification-product .cart-item .media-wrapper:not(:empty) {
    flex: 0 0 50px;
}
.cart-notification__links {
    display: flex;
    gap: 8px;
    margin-top: 32px;
}
.cart-notification__links > * {
    flex: 1 1 calc(50% - 4px);
}
.cart-notification__links .button {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cart-notification-form .button {
    width: 100%;
}
.cart-notification__links:not(:last-child) {
    margin-bottom: 32px;
}
.cart-notification-product .price.price--end {
    min-width: max-content;
}

@media screen and (max-width: 1024px) {
    .slider__heading--brutalist {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
}

@media screen and (max-width: 768px) {
    .slider__heading--minimal_heavy,
    .slider__heading--brutalist {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .slider__heading--contrast {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .cart-notification__links {
        flex-direction: column;
        margin-top: 24px;
    }
    .cart-notification__links .outlined-button {
       width: 100%;
    }
    .cart-notification__heading, .cart-notification__links:not(:last-child) {
        margin-bottom: 24px;
    }
    .cart-notification-wrapper {
        padding: 16px;
    }
    .popup-wrapper:not(.filter-form) .cart-notification-wrapper .button-wrapper {
        margin-inline-end: 0;
        padding-inline-end: 0;
    }
}
@media screen and (max-width: 570px) {
    #cart-notification {
        --desktop-grid-type: 2!important;
    }
}

/* Cart */
.cart-block {
    display: flex;
    flex-direction: column;
    justify-content: var(--cart-vertical-alignment);
    align-items: var(--cart-horizontal-alignment);
}

.cart-container {
    display: flex;
    overflow-y: clip;
    align-items: center;
    justify-content: var(--cart-horizontal-alignment);
}

.cart {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 44px;
    color: rgb(var(--layout-text-color));
    word-break: normal;
}

.cart {
    padding: 0 10px;
}

.cart-container {
    margin: 0 -10px;
}

.miscellaneous__subblock .cart-container {
    margin: 0px;
}

.cart--icon {
    justify-content: center;
}

.cart--icon_with_text {
    min-width: 44px;
}

.cart:focus {
    outline-offset: -2px;
}

.cart__icon,
.cart__icon svg {
    display: block;
    width: auto;
    aspect-ratio: 1/1;
}

.cart__icon svg {
    height: 100%;
    width: 100%;
    fill: rgb(var(--layout-text-color));
}

.cart__count--circle {
    display: flex;
    border-radius: 2000px;
    color: rgb(var(--layout-background-color));
    background-color: rgb(var(--layout-text-color));
    justify-content: center;
    align-items: center;
}
.transparent-header.transparent .cart__count--circle,
.transparent-sidebar:not(.overlap-slide-out-menu-opened) .cart__count--circle {
    color: rgb(var(--layout-background-color));
    background-color: rgb(var(--layout-text-color));
}
.no-default-color .cart__count--circle {
    background-color: rgb(var(--layout-text-color));
}

.cart__count--circle .cart-icon-bubble-count {
    font: var(--base-body-s-font);
    padding: 0 4px;
}
.custom-type-preset .cart__count--circle .cart-icon-bubble-count {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

/* Fonts */

.cart-container--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.cart-container--minimal_basic,
.cart-container--classic {
    font: var(--base-body-s-font);
}

.cart-container--minimal_heavy {
    font: var(--base-body-l-font);
}

.cart-container--avant_garde {
    font: var(--accent-body-s-font);
}

.cart-container--contrast {
    font: var(--base-label-font);
}

.cart-container--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.cart-container--duet {
    font: var(--base-body-m-font);
}

.cart-container--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

/* Component block image */
.block-media .placeholder-svg, .block-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-media {
    display: flex;
    border-radius: var(--block-image-radius);
    -webkit-border-radius: var(--block-image-radius);
    overflow: clip;
    max-width: 100%;
}
.ratio-original.block-media .placeholder-svg, 
.ratio-original.block-media img {
    height: auto;
}
.block-media--mobile {
    display: none;
}
.ratio-original.block-media .placeholder-svg {
    aspect-ratio: 16 / 9;
}
a.block-media img, a.block-media .placeholder-svg {
    opacity: 1;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.ratio-original.block-media--desktop .lazy-image {
    aspect-ratio: var(--desktop-asp-rat);
}

.ratio-square.block-media--desktop .lazy-image {
    aspect-ratio: 1 / 1;
}
.ratio-portrait.block-media--desktop .lazy-image {
    aspect-ratio: 4 / 5;
}
.ratio-narrow_portrait.block-media--desktop .lazy-image {
    aspect-ratio: 2 / 3;
}
.ratio-traditional.block-media--desktop .lazy-image {
    aspect-ratio: 4 / 3;
}
.ratio-landscape.block-media--desktop .lazy-image {
    aspect-ratio: 3 / 2;
}
.ratio-wide.block-media--desktop .lazy-image {
    aspect-ratio: 16 / 9;
}
.ratio-super_wide.block-media--desktop .lazy-image {
    aspect-ratio: 4 / 1;
}
@media (hover: hover) {
    a.block-media:hover img, a.block-media:hover .placeholder-svg {
        opacity: .7;
    }
  }
/* Styles for full-width page without sidebars */
/* Mobile */
@media screen and (max-width: 768px) {
    .block-media--mobile,
    .block-media--desktop.block-media--all {
        display: flex;
    }
    .mobile-ratio-original.block-media--mobile .lazy-image {
        aspect-ratio: var(--mobile-asp-rat);
    }
    .block-media--desktop {
        display: none;
    }
    .mobile-ratio-original {
        aspect-ratio: auto;
    }
    .mobile-ratio-square,
    .mobile-ratio-square.block-media--mobile .lazy-image {
        aspect-ratio: 1 / 1;
    }
    .mobile-ratio-portrait,
    .mobile-ratio-portrait.block-media--mobile .lazy-image {
        aspect-ratio: 4 / 5;
    }
    .mobile-ratio-narrow_portrait,
    .mobile-ratio-narrow_portrait.block-media--mobile .lazy-image {
        aspect-ratio: 2 / 3;
    }
    .mobile-ratio-traditional,
    .mobile-ratio-traditional.block-media--mobile .lazy-image {
        aspect-ratio: 4 / 3;
    }
    .mobile-ratio-landscape,
    .mobile-ratio-landscape.block-media--mobile .lazy-image {
        aspect-ratio: 3 / 2;
    }
    .mobile-ratio-wide,
    .mobile-ratio-wide.block-media--mobile .lazy-image {
        aspect-ratio: 16 / 9;
    }
    .mobile-ratio-super_wide,
    .mobile-ratio-super_wide.block-media--mobile .lazy-image {
        aspect-ratio: 4 / 1;
    }
}

/* Sidebars */
@media screen and (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .block-media--mobile,
        .block-media--desktop.block-media--all {
            display: flex;
        }
        .block-media--desktop {
            display: none;
        }
    }
}

/* Component card */
.card-collection {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: fit-content;
    flex-basis: 100%;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.card-collection .card__image {
    height: 100%;
}

.card__image {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: var(--focal-point);
}

.card__title {
    color: rgb(var(--layout-text-color));
}

.card__title-text {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.card__title.center {
    text-align: center;
}

.card__media,
.card__media-placeholder {
    border-radius: var(--product-card-radius);
    -webkit-border-radius: var(--product-card-radius);
    overflow: clip;
}

.card__media img {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.card-collection .lazy-image,
.card-collection .lazy-image img {
    height: 100%;
}

@media (hover: hover) {
    .card-collection:hover .card__title-text {
        opacity: .7;
    }
    .card-collection:hover .card__media img {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
}

.heading--medium .heading__details {
    line-height: 18px;
}

/* Fonts */
.collection-list .card__title--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.collection-list .card__title--minimal_basic {
    font: var(--base-heading-xs-font);
}
.collection-list .card__title--minimal_heavy {
    font: var(--base-heading-s-font);
}
.collection-list .card__title--classic {
    font: var(--accent-heading-s-font);
}
.collection-list .card__title--avant_garde {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.collection-list .card__title--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.collection-list .card__title--brutalist {
    text-transform: uppercase;
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.collection-list .card__title--duet {
    font: var(--accent-body-l-font);
}
.collection-list .card__title--custom {
    font: var(--heading-xs-font);
}

/* Tablet */
@media screen and (max-width: 1024px) {
    .collection-list .card__title--minimal_uppercase,
    .collection-list .card__title--avant_garde,
    .collection-list .card__title--brutalist {
        font: var(--base-body-l-font);
        letter-spacing: 0.02em;
    }
    .collection-list .card__title--minimal_basic,
    .collection-list .card__title--minimal_heavy {
        font: var(--base-body-l-font);
    }
    .collection-list .card__title--classic,
    .collection-list .card__title--contrast {
        font: var(--accent-body-l-font);
    }
}

/* Sidebars */
@media screen and (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .collection-list .card__title--minimal_uppercase,
        .collection-list .card__title--avant_garde,
        .collection-list .card__title--brutalist {
            font: var(--base-body-l-font);
            letter-spacing: 0.02em;
        }
        .collection-list .card__title--minimal_basic,
        .collection-list .card__title--minimal_heavy {
            font: var(--base-body-l-font);
        }
        .collection-list .card__title--classic,
        .collection-list .card__title--contrast {
            font: var(--accent-body-l-font);
        }
    }
}

/* Component cart drawer */
.cart-page__empty-text--minimal_basic,
.cart-page__empty-text--duet,
.total--minimal_basic {
  font: var(--base-body-l-font);
}
.cart-page__empty-text--minimal_uppercase,
.cart-page__empty-text--avant_garde,
.total--minimal_uppercase,
.total--avant_garde {
  font: var(--base-body-l-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.cart-page__empty-text--brutalist {
  font: var(--base-heading-xs-font);
  text-transform: uppercase;
}
.cart-page__empty-text--minimal_heavy,
.total--minimal_heavy {
  font: var(--base-heading-xs-font);
}
.cart-page__empty-text--contrast,
.total--contrast {
  font: var(--accent-heading-s-font);
}
.cart-page__empty-text--classic,
.total--classic {
  font: var(--accent-body-l-font);
}
.cart-page__empty-text--custom,
.total--custom {
  font: var(--body-l-font);
  letter-spacing: var(--body-l-letter-spacing);
}
.total--brutalist {
  font: var(--base-heading-m-font);
  text-transform: uppercase;
  letter-spacing: -0.01em;
}
.total--duet {
  font: var(--accent-body-l-font);
}
.drawer,
.field.hidden {
  display: none;
}
.drawer.active {
  display: block;
}
.drawer .cart-drawer,
.drawer .store-selector-drawer {
  display: none; 
  background-color: rgb(var(--popup-background-color));
  color: rgb(var(--layout-text-color));
  top: 0;
  min-height: 100vh; 
  min-height: -webkit-fill-available;
  bottom: env(safe-area-inset-bottom);
  position: fixed;
  z-index: 1000;
  width: 480px;
}
.drawer.active .cart-drawer,
.drawer.active .store-selector-drawer {
  display: block;
  inset-inline-end: 0;
  opacity: 1;
  animation: drawerOpenRight .3s var(--transition-timing-function);
}

.drawer__inner-wrapper {
  padding: 0px 24px 53px;
}
cart-drawer-items {
  display: block;
  margin-bottom: 48px;
}
.drawer tbody, .drawer tr {
  gap: 0;
}
.drawer .cart-item {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
.drawer .cart-item:first-child {
  border-top: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
.cart-drawer .accordion-block {
  margin-bottom: 16px;
}
.cart-drawer .accordion-block:last-of-type {
  margin-bottom: 48px
}
.cart-drawer .accordion-block:last-child {
  margin-bottom: 0;
}
.drawer__footer {
  position: sticky;
  position: -webkit-sticky;
  z-index: 3;
  bottom: 0;
  z-index: 5;
  padding: 16px 24px;
  background-color: rgb(var(--popup-background-color));
  box-shadow: 0px 0px 4px rgba(var(--layout-text-color), 0.1), 0px 8px 40px rgba(var(--layout-text-color), 0.2);
}
.drawer__footer-actions, .cart-page__empty-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.drawer__footer-actions {
  margin-top: 16px;

  &:has(> *:only-child) {
    margin-top: 0;
  }
}
.drawer__footer-actions > .footer-actions__button,
.drawer__footer-actions > .cart__checkout,
.cart-page__empty-actions > .footer-actions__button {
  flex: 1 1 calc(50% - 4px);
}
.drawer__footer-actions .footer-actions__button,
.drawer__footer-actions .cart__checkout-button,
 .cart-page__empty-actions .footer-actions__button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
}
.cart__checkout .button {
  width: 100%;
}
.cart-page__empty-text {
  margin-top: 24px;
}
.cart-page__empty-text.center {
  text-align: center;
}
.cart-page__empty-actions {
  margin-top: 32px;
}
.drawer__inner,
.store-selector-drawer__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 100dvh;
}
.drawer .cart-item .media-wrapper:not(:empty) {
  flex: 0 0 100px;
}

.cart-drawer .drawer__heading {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-inline-end: 52px;
  min-height: 76px;
  display: flex;
  align-items: center;
}

/* Mobile */ 
@media screen and (max-width: 768px) {
  .total--brutalist {
    font: var(--base-heading-s-font);
    letter-spacing: normal;
  }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
  .drawer .cart-drawer,
  .drawer .store-selector-drawer {
    width: 359px;
    max-width: calc(100vw - 32px);
  }
  .drawer .cart-item .media-wrapper:not(:empty) {
    flex: 0 0 50px;
  }
  .drawer .quantity {
    width: 126px;
  }
  .drawer .cart-item__details-actions {
    flex-wrap: nowrap;
  }
  .drawer__footer-actions > *, .cart-page__empty-actions > * {
    flex: 1 1 auto;
  }
}

/* Component collection page */
.collection,
.collection-hero,
.collection-hero__info--center,
.collection__banner,
.collection__product-grid,
.collection__empty-grid  {
    display: flex;
    flex-direction: column;
    color: rgb(var(--layout-text-color));
}
.collection-hero__info--center,
.collection__empty-grid--center {
    align-items: center;
} 
.collection--spacious,
.collection--spacious.lines,
.collection__product-grid--spacious,
.collection-hero--spacious {
    gap: 64px;
}
.collection--compact,
.collection__product-grid--compact,
.collection-hero--compact  {
    gap: 48px;
}
.collection__empty-grid,
.collection-hero__info {
    gap: 24px;
}
.collection-hero__info:has([id="main-collection-filters"]) {
    align-items: center;
}
.collection-hero__info--two_columns.collection-hero__info--spacious {
    gap: 240px;
}
.collection__banner,
.collection-hero__info--alternative_2.collection-hero__info--compact,
.collection-hero__info--two_columns.collection-hero__info--compact {
    gap: 16px;
}
.lines .collection-hero .collection-hero__info:not(.collection-hero__info--center) {
    gap: 0;
}

.collection-hero__info--alternative_1.collection-hero__info--compact,
.collection-hero__info--three_columns.collection-hero__info--compact {
    gap: 12px;
}
.collection-hero__info--four_columns.collection-hero__info--spacious,
.collection-hero__info--alternative_2.collection-hero__info--spacious {
    gap: 80px;
}
.collection-hero__info--alternative_1.collection-hero__info--spacious,
.collection-hero__info--three_columns.collection-hero__info--spacious {
    gap: 120px;
}
.collection-hero__info--four_columns.collection-hero__info--compact {
    gap: 8px;
}

.collection__empty-link {
    padding: 14px 16px;
    height: 44px;
    display: flex;
    align-items: center;
    max-width: fit-content;
}
.collection-hero__image img, .collection-hero__image {
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
    overflow: hidden;
}
.collection-hero__info {
    display: grid;
    width: 100%;
    order: 0;
} 
.collection-hero__info.only-heading {
    display: flex!important;
}
.collection-hero__info.only-heading .heading {
    padding-inline-end: 0!important;
    border-inline-end: none!important;
    flex: 1 1 100%;
    width: 100%;
}

.collection-hero__info,
.product-grid--two_columns.product-grid--spacious,
.product-grid--two_columns.product-grid--compact {
    grid-template-columns: repeat(2, 1fr);
}
.product-grid--alternative_1,
.product-grid--three_columns.product-grid--spacious,
.product-grid--three_columns.product-grid--compact {
    grid-template-columns: repeat(3, 1fr);
}
.product-grid--alternative_2,
.product-grid--four_columns.product-grid--spacious,
.product-grid--four_columns.product-grid--compact {
    grid-template-columns: repeat(4, 1fr);
}
.product-grid--three_columns.product-grid--compact.lines,
.product-grid--alternative_1.product-grid--compact.lines {
    grid-template-columns: calc((100% - 16px) / 3) calc((100% - 16px) / 3 + 16px) calc((100% - 16px) / 3);
}
.product-grid--three_columns.product-grid--spacious.lines,
.product-grid--alternative_1.product-grid--spacious.lines {
    grid-template-columns: calc((100% - 60px) / 3) calc((100% - 60px) / 3 + 60px) calc((100% - 60px) / 3);
}
.lines .collection-hero__info--three_columns.collection-hero__info--compact,
.lines .collection-hero__info--alternative_1.collection-hero__info--compact {
    grid-template-columns: calc((100% - 16px) / 2) calc((100% - 16px) / 2 + 16px) calc((100% - 16px) / 2);
}
.lines .collection-hero__info--three_columns.collection-hero__info--spacious,
.lines .collection-hero__info--alternative_1.collection-hero__info--spacious {
    grid-template-columns: calc((100% - 60px) / 2) calc((100% - 60px) / 2 + 60px) calc((100% - 60px) / 2);
}
.product-grid--four_columns.product-grid--spacious.lines,
.product-grid--alternative_2.product-grid--spacious.lines {
    grid-template-columns: calc((100% - (40px * 2)) / 4) calc((100% - (40px * 2)) / 4 + 40px) calc((100% - (40px * 2)) / 4 + 40px) calc((100% - (40px * 2)) / 4);
}
.product-grid--four_columns.product-grid--compact.lines,
.product-grid--alternative_2.product-grid--compact.lines {
    grid-template-columns: calc((100% - (16px * 2)) / 4) calc((100% - (16px * 2)) / 4 + 16px) calc((100% - (16px * 2)) / 4 + 16px) calc((100% - (16px * 2)) / 4);
}

.collection-hero__info--center .collection-hero__description {
    max-width: 600px;
    text-align: center;
}
.collection-hero__info--center .heading {
    text-align: center;
}

.collection-hero__image {
    width: 100%;
    order: -1;
}

.collection-hero__image .lazy-image {
    height: 100%;
}

.collection-hero__image--under-heading {
    order: 2;
}

.collection__grid-container {
    max-width: 100%;
}
.heading__details {
    word-break: initial;
}

.card__image {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: var(--banner-focal-point);
}
.collection-hero__image .card__image {
    height: 100%;
}
.product-grid {
    display: grid;
}
.product-grid .card {
    height: fit-content;
}
.product-grid--two_columns.product-grid--spacious {
    gap: 128px 240px;
}
.product-grid--three_columns.product-grid--spacious {
    gap: 128px 120px;
}
.product-grid--alternative_2.product-grid--spacious,
.product-grid--four_columns.product-grid--spacious {
    gap: 96px 80px;
}
.product-grid--alternative_2.product-grid--compact,
.product-grid--two_columns.product-grid--compact {
    gap: 48px 16px;
}
.product-grid--alternative_1.product-grid--compact,
.product-grid--three_columns.product-grid--compact {
    gap: 48px 12px;
}
.product-grid--four_columns.product-grid--compact {
    gap: 48px 8px;
}
.product-grid--alternative_1.product-grid--spacious {
    gap: 96px 120px;
}
.product-grid--alternative_1 .grid__item:nth-child(8n+6),
.product-grid--alternative_2 .grid__item:nth-child(6n+5) {
    grid-column-start: 2;
    grid-column-end: 4;
}
.product-grid--alternative_1 .grid__item:nth-child(8n+1),
.product-grid--alternative_2 .grid__item:nth-child(12n+7) {
    grid-column-start: 1;
    grid-column-end: 3;
}
.product-grid--alternative_1 .grid__item:nth-child(8n+3) {
    grid-column-start: 2;
    grid-column-end: 3;
}
.product-grid--alternative_2 .grid__item:nth-child(12n+3) {
    grid-column-start: 3;
    grid-column-end: 5;
}

.product-grid--two_columns.product-grid--spacious.lines,
.product-grid--three_columns.product-grid--spacious.lines {
    gap: 64px 0;
}
.product-grid--four_columns.product-grid--spacious.lines,
.product-grid--alternative_1.product-grid--spacious.lines,
.product-grid--alternative_2.product-grid--spacious.lines {
    gap: 48px 0;
}
.product-grid.product-grid--compact.lines {
    gap: 24px 0;
}

.product-grid.product-grid--spacious.lines .grid__item,
.product-grid.product-grid--compact.lines .grid__item {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity)); 
}
.product-grid.lines .grid__item .quick-view .grid__item {
    border-top: none!important;
    padding-inline-start: 0!important;
    padding-top: 0!important;
}
.product-grid--two_columns.product-grid.lines .grid__item:nth-child(odd) .card-container,
.product-grid--three_columns.product-grid.lines .grid__item:not(:nth-child(3n+3)) .card-container,
.product-grid--four_columns.product-grid.lines .grid__item:not(:nth-child(4n+4)) .card-container,
.product-grid--alternative_1.product-grid.lines .grid__item:nth-child(2n+1) .card-container,
.product-grid--alternative_2.product-grid.lines .grid__item:not(:nth-child(3n+3)) .card-container,
.lines .collection-hero__info.collection-hero__info--compact .heading,
.lines .collection-hero__info.collection-hero__info--spacious .heading {
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.lines .collection-hero__info--two_columns.collection-hero__info--spacious .heading,
.product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container {
    padding-inline-end: 120px; 
}
.product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even),
.lines .collection-hero__info--two_columns.collection-hero__info--spacious .collection-hero__description {
    padding-inline-start: 120px;
}
.lines .collection-hero__info--three_columns.collection-hero__info--spacious .heading,
.lines .collection-hero__info--alternative_1.collection-hero__info--spacious .heading,
.product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
.product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+1) .card-container,
.product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+8) {
    padding-inline-end: 60px; 
}
.lines .collection-hero__info--three_columns.collection-hero__info--spacious .collection-hero__description,
.lines .collection-hero__info--alternative_1.collection-hero__info--spacious .collection-hero__description,
.product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
.product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+2),
.product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+3) {
    padding-inline-start: 60px;
}
.product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container,
.product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
.lines .collection-hero__info--four_columns.collection-hero__info--spacious .heading,
.lines .collection-hero__info--alternative_2.collection-hero__info--spacious .heading { 
    padding-inline-end: 40px;
}
.product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)),
.product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
.lines .collection-hero__info--four_columns.collection-hero__info--spacious .collection-hero__description,
.lines .collection-hero__info--alternative_2.collection-hero__info--spacious .collection-hero__description {
    padding-inline-start: 40px;
}
.product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+4)) .card-container,
.product-grid--alternative_1.product-grid--compact.lines .grid__item:nth-child(2n+1) .card-container,
.product-grid--alternative_2.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container,
.product-grid--alternative_1.product-grid--compact.lines .grid__item:nth-child(8n+8),
.product-grid--two_columns.product-grid--compact.lines .grid__item:nth-child(odd) .card-container,
.product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container,
.lines .collection-hero__info.collection-hero__info--compact .heading {
    padding-inline-end: 16px;
}
.product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+1)),
.product-grid--alternative_1.product-grid--compact.lines .grid__item:nth-child(2n+2),
.product-grid--alternative_1.product-grid--compact.lines .grid__item:nth-child(8n+3),
.product-grid--alternative_2.product-grid--compact.lines .grid__item:not(:nth-child(3n+1)),
.product-grid--two_columns.product-grid--compact.lines .grid__item:nth-child(even),
.product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+1)),
.lines .collection-hero__info.collection-hero__info--compact .collection-hero__description {
    padding-inline-start: 16px;
}
.product-grid--two_columns.product-grid--spacious.lines .grid__item,
.product-grid--three_columns.product-grid--spacious.lines .grid__item { 
    padding-top: 64px;
}
.product-grid--four_columns.product-grid--spacious.lines .grid__item,
.product-grid--alternative_1.product-grid--spacious.lines .grid__item,
.product-grid--alternative_2.product-grid--spacious.lines .grid__item {
    padding-top: 48px;
}

.product-grid.product-grid--compact.lines .grid__item {
    padding-top: 24px;
}
.collection__no-products {
    display: block;
    color: rgb(var(--layout-text-color));
}
.collection__no-products-link {
    color: rgb(var(--accent-button-color));
}

.collection__no-products a {
    width: fit-content;
    color: rgb(var(--accent-button-color));
    position: relative;
    background-color: transparent;
    background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    background-repeat: no-repeat;
    background-position: right bottom, right bottom;
    background-size: 100% 1px, 100% 1px;
    transition: color var(--animation-duration) var(--transition-timing-function);
}
.collection__no-products.link--underline a {
    transition: background-size var(--animation-duration) var(--transition-timing-function), color var(--animation-duration) var(--transition-timing-function), background-position var(--animation-duration) var(--transition-timing-function);
}
@media (hover: hover) {
    .collection__no-products a:hover {
        color: rgb(var(--hover-button-color));
        opacity: 1;
        background-image: linear-gradient(to top,rgb(var(--hover-button-color)) 0px,rgb(var(--hover-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    .collection__no-products.link--underline a:hover {
        animation: startAnimateUnderlinedLinks var(--animation-duration) var(--transition-timing-function), endAnimateUnderlinedLinks var(--animation-duration) var(--transition-timing-function)  var(--animation-duration);
    }
}

@keyframes startAnimateUnderlinedLinks {
    0% {
        background-position: right bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    100% {
        background-position: right bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}
@keyframes endAnimateUnderlinedLinks {
    from {
        background-position: left bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--hover-button-color)) 0px,rgb(var(--hover-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    to {
        background-position: left bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--hover-button-color)) 0px,rgb(var(--hover-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}

/* Fonts */
.heading--minimal_uppercase,
.collection__no-products--brutalist {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.heading--minimal_basic,
.collection__no-products--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.heading--classic {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.heading--avant_garde {
    font: var(--base-heading-l-font);
    text-transform: uppercase; 
    letter-spacing: -0.02em;
}
.heading--contrast {
    font: var(--accent-heading-xl-font);
    letter-spacing: -0.02em;
}
.heading--brutalist {
    font: var(--base-heading-xl-font);
    text-transform: uppercase;
    letter-spacing: -0.02em; 
}
.heading--duet,
.collection__no-products--classic {
    font: var(--accent-body-l-font);
}
.subheading--minimal_uppercase, 
.subheading--minimal_basic, 
.subheading--classic,
.subheading--contrast {
    font: var(--base-body-m-font);
}
.subheading--minimal_heavy,
.subheading--duet,
.collection__no-products--minimal_basic,
.collection__no-products--duet {
    font: var(--base-body-l-font);
}
.subheading--avant_garde {
    font: var(--accent-body-m-font);
}
.subheading--brutalist {
    font: var(--accent-heading-xs-font);
}
.collection__no-products--minimal_uppercase,
.collection__no-products--avant_garde {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.collection__no-products--contrast {
    font: var(--accent-heading-s-font);
}
.heading--custom {
    font: var(--heading-xs-font);
}
.subheading--custom {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}
.collection__no-products--custom {
    font: var(--body-l-font);
    letter-spacing: var(--body-l-letter-spacing);
}

.collection--spacious {
    --filter-gap: 80px;
}
.collection--spacious.lines {
    --filter-gap: 40px;
}
.collection--compact {
    --filter-gap: 32px;
}
.collection--compact.lines {
    --filter-gap: 16px;
}

.collection__product-grid-wrapper {
    display: flex;
    gap: var(--filter-gap);
    position: relative;
}
.collection__aside-filters {
    width: 300px;
    min-width: 300px;
}
.lines .collection__aside-filters {
    width: calc(300px + var(--filter-gap));
    padding-inline-end: var(--filter-gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.lines .collection__product-grid-wrapper {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.collection__product-grid--spacious.vertical-filter {
    gap: 24px;
    flex: 1 1 100%;
}
.collection__product-grid--compact.vertical-filter {
    gap: 16px;
    flex: 1 1 100%;
}


/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .heading--brutalist {
        font: var(--base-heading-l-font);
    }
    .collection-hero__info--two_columns.collection-hero__info--spacious {
        gap: 180px;
    }
    .collection-hero__info--three_columns.collection-hero__info--spacious {
        gap: 90px;
    }
    .collection-hero__info--four_columns.collection-hero__info--spacious {
        gap: 48px;
    }
    .collection-hero__info--alternative_1.collection-hero__info--spacious {
        gap: 96px;
    } 
    .collection-hero__info--alternative_2.collection-hero__info--spacious {
        gap: 64px;
    }
    .product-grid--two_columns.product-grid--spacious {
        gap: 96px 180px;
    }
    .product-grid--three_columns.product-grid--spacious {
        gap: 96px 90px;
    }
    .product-grid--four_columns.product-grid--spacious {
        gap: 64px 48px;
    }
    .product-grid--alternative_1.product-grid--spacious.lines,
    .product-grid--alternative_2.product-grid--spacious.lines,
    .product-grid--three_columns.product-grid--spacious.lines,
    .product-grid--four_columns.product-grid--spacious.lines {
        gap: 48px 0;
    }
    .product-grid--alternative_1.product-grid--spacious {
        gap: 80px 96px;
    }
    .product-grid--alternative_2.product-grid--spacious {
        gap: 80px 64px;
    }
    .product-grid--two_columns.product-grid--spacious.lines {
        gap: 64px 0;
    }
    .product-grid--three_columns.product-grid--spacious.lines,
    .product-grid--alternative_1.product-grid--spacious.lines {
        grid-template-columns: calc((100% - 48px) / 3) calc((100% - 48px) / 3 + 48px) calc((100% - 48px) / 3);
    }
    .lines .collection-hero__info--three_columns.collection-hero__info--spacious {
        grid-template-columns: calc((100% - 48px) / 2) calc((100% - 48px) / 2 + 48px) calc((100% - 48px) / 2);
    }
    .product-grid--three_columns.product-grid--spacious.lines .grid__item {
        padding-top: 48px;
    }
    .lines .collection-hero__info--three_columns.collection-hero__info--spacious .heading,
    .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container {
        padding-inline-end: 48px;
    }
    .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
    .lines .collection-hero__info--three_columns.collection-hero__info--spacious .collection-hero__description {
        padding-inline-start: 48px;
    }
    .lines .collection-hero__info--two_columns.collection-hero__info--spacious .heading,
    .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 90px;
    }  
    .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .lines .collection-hero__info--two_columns.collection-hero__info--spacious .collection-hero__description {
        padding-inline-start: 90px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .page-width .heading--brutalist {
        font: var(--base-heading-l-font);
    }
    .page-width .collection-hero__info--two_columns.collection-hero__info--spacious {
        gap: 180px;
    }
    .page-width .collection-hero__info--three_columns.collection-hero__info--spacious {
        gap: 90px;
    }
    .page-width .collection-hero__info--four_columns.collection-hero__info--spacious {
        gap: 48px;
    }
    .page-width .collection-hero__info--alternative_1.collection-hero__info--spacious {
        gap: 96px;
    } 
    .page-width .collection-hero__info--alternative_2.collection-hero__info--spacious {
        gap: 64px;
    }
    .page-width .product-grid--two_columns.product-grid--spacious {
        gap: 96px 180px;
    }
    .page-width .product-grid--three_columns.product-grid--spacious {
        gap: 96px 90px;
    }
    .page-width .product-grid--four_columns.product-grid--spacious {
        gap: 64px 48px;
    }
    .page-width .product-grid--four_columns.product-grid--spacious.lines,
    .page-width .product-grid--alternative_1.product-grid--spacious.lines,
    .page-width .product-grid--alternative_2.product-grid--spacious.lines,
    .page-width .product-grid--three_columns.product-grid--spacious.lines {
        gap: 48px 0;
    }
    .page-width .product-grid--alternative_1.product-grid--spacious {
        gap: 80px 96px;
    }
    .page-width .product-grid--alternative_2.product-grid--spacious {
        gap: 80px 64px;
    }
    .page-width .product-grid--two_columns.product-grid--spacious.lines {
        gap: 64px 0;
    }
    .page-width .product-grid--three_columns.product-grid--spacious.lines,
    .page-width .product-grid--alternative_1.product-grid--spacious.lines {
        grid-template-columns: calc((100% - 48px) / 3) calc((100% - 48px) / 3 + 48px) calc((100% - 48px) / 3);
    }
    .page-width .lines .collection-hero__info--three_columns.collection-hero__info--spacious {
        grid-template-columns: calc((100% - 48px) / 2) calc((100% - 48px) / 2 + 48px) calc((100% - 48px) / 2);
    }
    .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item {
        padding-top: 48px;
    }
    .page-width .lines .collection-hero__info--three_columns.collection-hero__info--spacious .heading,
    .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container {
        padding-inline-end: 48px;
    }
    .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
    .page-width .lines .collection-hero__info--three_columns.collection-hero__info--spacious .collection-hero__description {
        padding-inline-start: 48px;
    }
    .page-width .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .page-width .lines .collection-hero__info--two_columns.collection-hero__info--spacious .heading {
        padding-inline-end: 90px;
    }  
    .page-width .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .page-width .lines .collection-hero__info--two_columns.collection-hero__info--spacious .collection-hero__description {
        padding-inline-start: 90px;
    }
    
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .heading--avant_garde,
    .heading--brutalist  {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
    .heading--contrast {
        font: var(--accent-heading-m-font);
        letter-spacing: -0.01em;
    }
    .collection--spacious,
    .collection--spacious.lines,
    .collection__product-grid--spacious,
    .collection-hero__info--alternative_2.collection-hero__info--spacious {
        gap: 48px;
    }
    .collection--compact.lines,
    .collection--compact,
    .collection__product-grid--compact,
    .collection-hero {
        gap: 32px;
    }
    .collection-hero__info--two_columns.collection-hero__info--spacious {
        gap: 160px;
    }
    .collection-hero__info--three_columns.collection-hero__info--spacious {
        gap: 80px;
    }
    .collection-hero__info--four_columns.collection-hero__info--spacious {
        gap: 24px;
    }
    .collection-hero__info--alternative_1.collection-hero__info--spacious {
        gap: 64px;
    } 
    .product-grid--two_columns.product-grid--spacious {
        gap: 64px 160px;
    }
    .product-grid--three_columns.product-grid--spacious {
        gap: 64px 80px;
    }
    .product-grid--four_columns.product-grid--spacious {
        gap: 48px 24px;
    }
    .product-grid--alternative_1.product-grid--spacious {
        gap: 48px 64px;
    }
    .product-grid--alternative_2.product-grid--spacious {
        gap: 64px 48px;
    }
    .product-grid--two_columns.product-grid--spacious.lines,
    .product-grid--four_columns.product-grid--spacious.lines,
    .product-grid--three_columns.product-grid--spacious.lines,
    .product-grid--alternative_2.product-grid--spacious.lines {
        gap: 32px 0;
    }
    .product-grid--three_columns.product-grid--spacious.lines,
    .product-grid--alternative_1.product-grid--spacious.lines {
        grid-template-columns: calc((100% - 32px) / 3) calc((100% - 32px) / 3 + 32px) calc((100% - 32px) / 3);
    }
    .product-grid--three_columns.product-grid--spacious.lines .grid__item,
    .product-grid--four_columns.product-grid--spacious.lines .grid__item,
    .product-grid--two_columns.product-grid--spacious.lines .grid__item,
    .product-grid--alternative_2.product-grid--spacious.lines .grid__item { 
        padding-top: 32px;
    }
    .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
    .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container,
    .product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
    .lines .collection-hero__info--three_columns.collection-hero__info--spacious .heading,
    .lines .collection-hero__info--four_columns.collection-hero__info--spacious .heading,
    .lines .collection-hero__info--alternative_2.collection-hero__info--spacious .heading{
        padding-inline-end: 32px; 
    }
    .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
    .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)),
    .product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
    .lines .collection-hero__info--three_columns.collection-hero__info--spacious .collection-hero__description,
    .lines .collection-hero__info--four_columns.collection-hero__info--spacious .collection-hero__description,
    .lines .collection-hero__info--alternative_2.collection-hero__info--spacious .collection-hero__description {
        padding-inline-start: 32px;
    }
    .product-grid--alternative_1.product-grid--spacious.lines {
        gap: 48px 0
    }
    .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .lines .collection-hero__info--two_columns.collection-hero__info--spacious .heading {
        padding-inline-end: 80px; 
    }  
    .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .lines .collection-hero__info--two_columns.collection-hero__info--spacious .collection-hero__description {
        padding-inline-start: 80px;
    }
    .product-grid--four_columns.product-grid--spacious.lines {
        grid-template-columns: calc((100% - (32px * 2)) / 4) calc((100% - (32px * 2)) / 4 + 32px) calc((100% - (32px * 2)) / 4 + 32px) calc((100% - (32px * 2)) / 4);
    }
    .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+1) .card-container,
    .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+8),
    .lines .collection-hero__info--alternative_1.collection-hero__info--spacious .heading  {
        padding-inline-end: 48px; 
    }
    .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+2),
    .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+3),  
    .lines .collection-hero__info--alternative_1.collection-hero__info--spacious .collection-hero__description {
        padding-inline-start: 48px;
    }
    .lines .collection-hero__info--three_columns.collection-hero__info--spacious {
        grid-template-columns: calc((100% - 32px) / 2) calc((100% - 32px) / 2 + 32px) calc((100% - 32px) / 2);
    }
    .lines .collection-hero__info--alternative_1.collection-hero__info--spacious {
        grid-template-columns: calc((100% - 48px) / 2) calc((100% - 48px) / 2 + 48px) calc((100% - 48px) / 2);
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .heading--minimal_heavy,
    .heading--avant_garde,
    .heading--brutalist {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .heading--classic,
    .heading--contrast {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .collection--spacious,
    .collection--compact,
    .collection--spacious.lines,
    .collection--compact.lines,
    .collection__product-grid--spacious,
    .collection-hero,
    .collection-hero__info--two_columns.collection-hero__info--spacious,
    .collection-hero__info--two_columns.collection-hero__info--compact,
    .collection-hero__info:has([id="main-collection-filters"]) {
        gap: 32px;
    }
    .collection-hero__info {
        display: flex!important;
        flex-direction: column!important;
        align-items: flex-start !important;
    } 
    .lines .collection-hero .collection-hero__info:not(.collection-hero__info--center) {
        gap: 16px;
    }
    .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+8) {
        padding-inline-end: 0;
    }
   
    .lines .collection-hero__info.collection-hero__info--compact .heading,
    .lines .collection-hero__info.collection-hero__info--spacious .heading,
    .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
    .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container,
    .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container,
    .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+4)) .card-container,
    .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+1) .card-container,
    .product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
    .product-grid--alternative_2.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container {
        border: none;
        padding-inline-end: 0;
    }
    .lines .collection-hero__info.collection-hero__info--compact .collection-hero__description,
    .lines .collection-hero__info.collection-hero__info--spacious .collection-hero__description,
    .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
    .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+1)),
    .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)),
    .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+1)),
    .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+2),
    .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+3),
    .product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
    .product-grid--alternative_2.product-grid--compact.lines .grid__item:not(:nth-child(3n+1)) {
        padding-inline-start: 0;
    }
    .product-grid.one-column,
    .product-grid--one_column {
        grid-template-columns: 1fr !important;
    }
    .product-grid.one-column .grid__item,
    .product-grid.one-column .grid__item .card-container {
        padding-inline-start: 0!important;
        padding-inline-end: 0!important;
        border-inline-start: none!important;
        border-inline-end: none!important;
    }
    .product-grid--three_columns.product-grid--spacious,
    .product-grid--four_columns.product-grid--spacious,
    .product-grid--alternative_1.product-grid--spacious,
    .product-grid--two_columns.product-grid--spacious,
    .product-grid--alternative_2.product-grid--spacious {
        gap: 48px 24px;
    }
    .product-grid--three_columns.product-grid--spacious,
    .product-grid--four_columns.product-grid--spacious,
    .product-grid--alternative_1.product-grid--spacious,
    .product-grid--alternative_1,
    .product-grid--alternative_2,
    .product-grid--alternative_2.product-grid--compact.lines,
    .product-grid--alternative_2.product-grid--spacious.lines,
    .product-grid--three_columns.product-grid--compact,
    .product-grid--three_columns.product-grid--compact.lines,
    .product-grid--alternative_1.product-grid--compact.lines,
    .product-grid--three_columns.product-grid--spacious.lines,
    .product-grid--four_columns.product-grid--spacious.lines,
    .product-grid--alternative_1.product-grid--spacious.lines,
    .product-grid--four_columns.product-grid--compact,
    .product-grid--four_columns.product-grid--compact.lines {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-grid--alternative_1.product-grid--compact,
    .product-grid--alternative_2.product-grid--compact {
        gap: 48px 16px;
    }
    .product-grid--alternative_1 .grid__item:nth-child(8n+1),
    .product-grid--alternative_1 .grid__item:nth-child(8n+6),
    .product-grid--alternative_1 .grid__item:nth-child(8n+3),
    .product-grid--alternative_2 .grid__item:nth-child(12n+3),
    .product-grid--alternative_2 .grid__item:nth-child(6n+5),
    .product-grid--alternative_2 .grid__item:nth-child(12n+7) {
        grid-column-start: auto;
        grid-column-end: auto;
    }
    .product-grid--three_columns.product-grid--spacious.lines,
    .product-grid--four_columns.product-grid--spacious.lines,
    .product-grid--alternative_1.product-grid--spacious.lines,
    .product-grid--two_columns.product-grid--spacious.lines,
    .product-grid--alternative_2.product-grid--spacious.lines,
    .product-grid--alternative_1.product-grid--compact.lines,
    .product-grid--alternative_2.product-grid--compact.lines {
        gap: 24px 0;
    }
    .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .product-grid--three_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .product-grid--three_columns.product-grid--compact.lines .grid__item:nth-child(odd) .card-container,
    .product-grid--four_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .product-grid--four_columns.product-grid--compact.lines .grid__item:nth-child(odd) .card-container,
    .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .product-grid--alternative_2.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .product-grid--alternative_2.product-grid--compact.lines .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 16px;
        border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity)); 
    }  
    .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .product-grid--three_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .product-grid--three_columns.product-grid--compact.lines .grid__item:nth-child(even),
    .product-grid--four_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .product-grid--four_columns.product-grid--compact.lines .grid__item:nth-child(even),
    .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(even),
    .product-grid--alternative_2.product-grid--spacious.lines .grid__item:nth-child(even),
    .product-grid--alternative_2.product-grid--compact.lines .grid__item:nth-child(even) {
        padding-inline-start: 16px;
    }
    .product-grid--two_columns.product-grid--spacious.lines .grid__item,
    .product-grid--three_columns.product-grid--spacious.lines .grid__item,
    .product-grid--four_columns.product-grid--spacious.lines .grid__item,
    .product-grid--alternative_1.product-grid--spacious.lines .grid__item,
    .product-grid--alternative_2.product-grid--spacious.lines .grid__item {
        padding-top: 24px;
    }
    .product-grid--alternative_1.lines .grid__item:nth-child(8n+8):before,
    .product-grid--alternative_1.lines .grid__item:nth-child(8n+3):before {
        display: none;
    }
    .product-grid--one_column .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 0 !important;
        border-inline-end: none !important;
    }
    .product-grid--one_column .grid__item:nth-child(even) {
        padding-inline-start: 0 !important;
    }
    .lines .collection__product-grid-wrapper {
        border-top: none;
    }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
    .collection--spacious,
    .collection__product-grid--spacious {
        gap: 32px;
    }
    .collection-hero__info--two_columns.collection-hero__info--spacious {
        gap: 16px;
    }
    .product-grid--two_columns.product-grid--spacious {
        gap: 32px 16px;
    }
    .product-grid--two_columns.product-grid--compact.lines .grid__item {
        padding-top: 16px;
    }
    .collection--compact {
        gap: 24px;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container (min-width: 1200px) {
    .page-width .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .page-width .heading--brutalist {
        font: var(--base-heading-l-font);
    }
    .page-width .collection-hero__info--two_columns.collection-hero__info--spacious {
        gap: 180px;
    }
    .page-width .collection-hero__info--three_columns.collection-hero__info--spacious {
        gap: 90px;
    }
    .page-width .collection-hero__info--four_columns.collection-hero__info--spacious {
        gap: 48px;
    }
    .page-width .collection-hero__info--alternative_1.collection-hero__info--spacious {
        gap: 96px;
    } 
    .page-width .collection-hero__info--alternative_2.collection-hero__info--spacious {
        gap: 64px;
    }
    .page-width .product-grid--two_columns.product-grid--spacious {
        gap: 96px 180px;
    }
    .page-width .product-grid--three_columns.product-grid--spacious {
        gap: 96px 90px;
    }
    .page-width .product-grid--four_columns.product-grid--spacious {
        gap: 64px 48px;
    }
    .page-width .product-grid--four_columns.product-grid--spacious.lines,
    .page-width .product-grid--alternative_1.product-grid--spacious.lines,
    .page-width .product-grid--alternative_2.product-grid--spacious.lines,
    .page-width .product-grid--three_columns.product-grid--spacious.lines {
        gap: 48px 0;
    }
    .page-width .product-grid--alternative_1.product-grid--spacious {
        gap: 80px 96px;
    }
    .page-width .product-grid--alternative_2.product-grid--spacious {
        gap: 80px 64px;
    }
    .page-width .product-grid--two_columns.product-grid--spacious.lines {
        gap: 64px 0;
    }
    .page-width .product-grid--three_columns.product-grid--spacious.lines,
    .page-width .product-grid--alternative_1.product-grid--spacious.lines {
        grid-template-columns: calc((100% - 48px) / 3) calc((100% - 48px) / 3 + 48px) calc((100% - 48px) / 3);
    }
    .page-width .lines .collection-hero__info--three_columns.collection-hero__info--spacious {
        grid-template-columns: calc((100% - 48px) / 2) calc((100% - 48px) / 2 + 48px) calc((100% - 48px) / 2);
    }
    .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item {
        padding-top: 48px;
    }
    .page-width .lines .collection-hero__info--three_columns.collection-hero__info--spacious .heading,
    .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container {
        padding-inline-end: 48px;
    }
    .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
    .page-width .lines .collection-hero__info--three_columns.collection-hero__info--spacious .collection-hero__description {
        padding-inline-start: 48px;
    }
    .page-width .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .page-width .lines .collection-hero__info--two_columns.collection-hero__info--spacious .heading {
        padding-inline-end: 90px;
    }  
    .page-width .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .page-width .lines .collection-hero__info--two_columns.collection-hero__info--spacious .collection-hero__description {
        padding-inline-start: 90px;
    }
    
}
@media screen and (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .heading--contrast {
            font: var(--accent-heading-l-font);
        }
        .heading--brutalist {
            font: var(--base-heading-l-font);
        }
        .collection-hero__info--two_columns.collection-hero__info--spacious {
            gap: 180px;
        }
        .collection-hero__info--three_columns.collection-hero__info--spacious {
            gap: 90px;
        }
        .collection-hero__info--four_columns.collection-hero__info--spacious {
            gap: 48px;
        }
        .collection-hero__info--alternative_1.collection-hero__info--spacious {
            gap: 96px;
        } 
        .collection-hero__info--alternative_2.collection-hero__info--spacious {
            gap: 64px;
        }
        .product-grid--two_columns.product-grid--spacious {
            gap: 96px 180px;
        }
        .product-grid--three_columns.product-grid--spacious {
            gap: 96px 90px;
        }
        .product-grid--four_columns.product-grid--spacious {
            gap: 64px 48px;
        }
        .product-grid--alternative_1.product-grid--spacious.lines,
        .product-grid--alternative_2.product-grid--spacious.lines,
        .product-grid--three_columns.product-grid--spacious.lines,
        .product-grid--four_columns.product-grid--spacious.lines {
            gap: 48px 0;
        }
        .product-grid--alternative_1.product-grid--spacious {
            gap: 80px 96px;
        }
        .product-grid--alternative_2.product-grid--spacious {
            gap: 80px 64px;
        }
        .product-grid--two_columns.product-grid--spacious.lines {
            gap: 64px 0;
        }
        .product-grid--three_columns.product-grid--spacious.lines,
        .product-grid--alternative_1.product-grid--spacious.lines {
            grid-template-columns: calc((100% - 48px) / 3) calc((100% - 48px) / 3 + 48px) calc((100% - 48px) / 3);
        }
        .lines .collection-hero__info--three_columns.collection-hero__info--spacious {
            grid-template-columns: calc((100% - 48px) / 2) calc((100% - 48px) / 2 + 48px) calc((100% - 48px) / 2);
        }
        .product-grid--three_columns.product-grid--spacious.lines .grid__item {
            padding-top: 48px;
        }
        .lines .collection-hero__info--three_columns.collection-hero__info--spacious .heading,
        .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container {
            padding-inline-end: 48px;
        }
        .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
        .lines .collection-hero__info--three_columns.collection-hero__info--spacious .collection-hero__description {
            padding-inline-start: 48px;
        }
        .lines .collection-hero__info--two_columns.collection-hero__info--spacious .heading,
        .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container {
            padding-inline-end: 90px;
        }  
        .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even),
        .lines .collection-hero__info--two_columns.collection-hero__info--spacious .collection-hero__description {
            padding-inline-start: 90px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .heading--avant_garde,
        .heading--brutalist  {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
        .heading--contrast {
            font: var(--accent-heading-m-font);
            letter-spacing: -0.01em;
        }
        .collection--spacious,
        .collection--spacious.lines,
        .collection__product-grid--spacious,
        .collection-hero__info--alternative_2.collection-hero__info--spacious {
            gap: 48px;
        }
        .collection--compact.lines,
        .collection--compact,
        .collection__product-grid--compact,
        .collection-hero {
            gap: 32px;
        }
        .collection-hero__info--two_columns.collection-hero__info--spacious {
            gap: 160px;
        }
        .collection-hero__info--three_columns.collection-hero__info--spacious {
            gap: 80px;
        }
        .collection-hero__info--four_columns.collection-hero__info--spacious {
            gap: 24px;
        }
        .collection-hero__info--alternative_1.collection-hero__info--spacious {
            gap: 64px;
        } 
        .product-grid--two_columns.product-grid--spacious {
            gap: 64px 160px;
        }
        .product-grid--three_columns.product-grid--spacious {
            gap: 64px 80px;
        }
        .product-grid--four_columns.product-grid--spacious {
            gap: 48px 24px;
        }
        .product-grid--alternative_1.product-grid--spacious {
            gap: 48px 64px;
        }
        .product-grid--alternative_2.product-grid--spacious {
            gap: 64px 48px;
        }
        .collection--spacious.lines {
            gap: 96px;
        }
        .product-grid--two_columns.product-grid--spacious.lines,
        .product-grid--four_columns.product-grid--spacious.lines,
        .product-grid--three_columns.product-grid--spacious.lines,
        .product-grid--alternative_2.product-grid--spacious.lines {
            gap: 32px 0;
        }
        .product-grid--three_columns.product-grid--spacious.lines,
        .product-grid--alternative_1.product-grid--spacious.lines {
            grid-template-columns: calc((100% - 32px) / 3) calc((100% - 32px) / 3 + 32px) calc((100% - 32px) / 3);
        }
        .product-grid--three_columns.product-grid--spacious.lines .grid__item,
        .product-grid--four_columns.product-grid--spacious.lines .grid__item,
        .product-grid--two_columns.product-grid--spacious.lines .grid__item,
        .product-grid--alternative_2.product-grid--spacious.lines .grid__item { 
            padding-top: 32px;
        }
        .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
        .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container,
        .product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
        .lines .collection-hero__info--three_columns.collection-hero__info--spacious .heading,
        .lines .collection-hero__info--four_columns.collection-hero__info--spacious .heading,
        .lines .collection-hero__info--alternative_2.collection-hero__info--spacious .heading{
            padding-inline-end: 32px; 
        }
        .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
        .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)),
        .product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
        .lines .collection-hero__info--three_columns.collection-hero__info--spacious .collection-hero__description,
        .lines .collection-hero__info--four_columns.collection-hero__info--spacious .collection-hero__description,
        .lines .collection-hero__info--alternative_2.collection-hero__info--spacious .collection-hero__description {
            padding-inline-start: 32px;
        }
        .product-grid--alternative_1.product-grid--spacious.lines {
            gap: 48px 0
        }
        .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
        .lines .collection-hero__info--two_columns.collection-hero__info--spacious .heading {
            padding-inline-end: 80px; 
        }  
        .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even),
        .lines .collection-hero__info--two_columns.collection-hero__info--spacious .collection-hero__description {
            padding-inline-start: 80px;
        }
        .product-grid--four_columns.product-grid--spacious.lines {
            grid-template-columns: calc((100% - (32px * 2)) / 4) calc((100% - (32px * 2)) / 4 + 32px) calc((100% - (32px * 2)) / 4 + 32px) calc((100% - (32px * 2)) / 4);
        }
        .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+1) .card-container,
        .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+8),
        .lines .collection-hero__info--alternative_1.collection-hero__info--spacious .heading  {
            padding-inline-end: 48px; 
        }
        .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+2),
        .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+3),  
        .lines .collection-hero__info--alternative_1.collection-hero__info--spacious .collection-hero__description {
            padding-inline-start: 48px;
        }
        .lines .collection-hero__info--three_columns.collection-hero__info--spacious {
            grid-template-columns: calc((100% - 32px) / 2) calc((100% - 32px) / 2 + 32px) calc((100% - 32px) / 2);
        }
        .lines .collection-hero__info--alternative_1.collection-hero__info--spacious {
            grid-template-columns: calc((100% - 48px) / 2) calc((100% - 48px) / 2 + 48px) calc((100% - 48px) / 2);
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .heading--minimal_heavy,
        .heading--avant_garde,
        .heading--brutalist {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .heading--classic,
        .heading--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .collection--spacious,
        .collection--spacious.lines,
        .collection__product-grid--spacious,
        .collection-hero,
        .collection-hero__info--two_columns.collection-hero__info,
        .collection--compact,
        .collection--compact.lines {
            gap: 32px;
        }
        .collection-hero__info {
            display: flex!important;
            flex-direction: column!important;
        } 
        .lines .collection-hero .collection-hero__info:not(.collection-hero__info--center) {
            gap: 16px;
        }
        .lines .collection-hero__info.collection-hero__info .heading {
            padding-inline-end: 0;
            border-inline-end: none;
        }
        .product-grid--three_columns.product-grid--spacious,
        .product-grid--four_columns.product-grid--spacious,
        .product-grid--alternative_1.product-grid--spacious,
        .product-grid--two_columns.product-grid--spacious,
        .product-grid--alternative_2.product-grid--spacious {
            gap: 48px 24px;
        }
        .product-grid--alternative_1.product-grid--compact,
        .product-grid--alternative_2.product-grid--compact {
            gap: 48px 16px;
        }
        .product-grid--three_columns.product-grid,
        .product-grid--four_columns.product-grid,
        .product-grid--alternative_1.product-grid--spacious,
        .product-grid--alternative_1,
        .product-grid--alternative_2,
        .product-grid--alternative_2.product-grid.lines,
        .product-grid--three_columns.product-grid.lines,
        .product-grid--four_columns.product-grid.lines,
        .product-grid--alternative_1.product-grid.lines {
            grid-template-columns: repeat(2, 1fr);
        }
        .product-grid--alternative_1 .grid__item:nth-child(8n+1),
        .product-grid--alternative_1 .grid__item:nth-child(8n+6),
        .product-grid--alternative_1 .grid__item:nth-child(8n+3),
        .product-grid--alternative_2 .grid__item:nth-child(12n+3),
        .product-grid--alternative_2 .grid__item:nth-child(6n+5),
        .product-grid--alternative_2 .grid__item:nth-child(12n+7) {
            grid-column-start: auto;
            grid-column-end: auto;
        }
        .main_m_with_secondary--spacious .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container {
            padding-inline-end: 16px;
        }  
        .product-grid--three_columns.product-grid--spacious.lines,
        .product-grid--four_columns.product-grid--spacious.lines,
        .product-grid--alternative_1.product-grid.lines,
        .product-grid--alternative_2.product-grid.lines,
        .product-grid--two_columns.product-grid--spacious.lines {
            gap: 24px 0;
        }
        .product-grid--three_columns.product-grid.lines .grid__item:not(:nth-child(3n+3)) .card-container,
        .product-grid--four_columns.product-grid.lines .grid__item:not(:nth-child(4n+4)) .card-container,
        .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+1) .card-container,
        .product-grid--alternative_2.product-grid.lines .grid__item:not(:nth-child(3n+3)) .card-container {
            border: none;
            padding-inline-end: 0;
        }
        .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
        .product-grid--three_columns.product-grid.lines .grid__item:nth-child(odd) .card-container,
        .product-grid--four_columns.product-grid.lines .grid__item:nth-child(odd) .card-container,
        .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
        .product-grid--alternative_2.product-grid.lines .grid__item:nth-child(odd) .card-container {
            padding-inline-end: 16px;
            border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity)); 
        }  
        .product-grid--three_columns.product-grid.lines .grid__item:not(:nth-child(3n+1)),
        .product-grid--four_columns.product-grid.lines .grid__item:not(:nth-child(4n+1)),
        .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+2),
        .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+3),
        .product-grid--alternative_2.product-grid.lines .grid__item:not(:nth-child(3n+1)),
        .lines .collection-hero__info.collection-hero__info .collection-hero__description {
            padding-inline-start: 0;
        }
        .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+8) {
            padding-inline-end: 0;
        }
        .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even),
        .product-grid--three_columns.product-grid.lines .grid__item:nth-child(even),
        .product-grid--four_columns.product-grid.lines .grid__item:nth-child(even),
        .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(even),
        .product-grid--alternative_2.product-grid.lines .grid__item:nth-child(even) {
            padding-inline-start: 16px;
        }
        .product-grid--two_columns.product-grid--spacious.lines .grid__item,
        .product-grid--three_columns.product-grid--spacious.lines .grid__item,
        .product-grid--four_columns.product-grid--spacious.lines .grid__item,
        .product-grid--alternative_1.product-grid--spacious.lines .grid__item,
        .product-grid--alternative_2.product-grid--spacious.lines .grid__item {
            padding-top: 24px;
        }
        .product-grid--alternative_1.lines .grid__item:nth-child(8n+8):before,
        .product-grid--alternative_1.lines .grid__item:nth-child(8n+3):before {
            display: none;
        }
        .product-grid--one_column,
        .product-grid.one-column {
            grid-template-columns: 1fr!important;
        }
        .product-grid--one_column .grid__item:nth-child(odd) .card-container {
            padding-inline-end: 0 !important;
            border-inline-end: none !important;
        }
        .product-grid--one_column .grid__item:nth-child(even) {
            padding-inline-start: 0 !important;
        }
        .product-grid.one-column .grid__item,
        .product-grid.one-column .grid__item .card-container {
            padding-inline-start: 0!important;
            padding-inline-end: 0!important;
            border-inline-start: none!important;
            border-inline-end: none!important;
        }
    }
    /* Mobile-mini */
    @container inside-content (max-width: 500px) {
        .collection--spacious,
        .collection__product-grid--spacious {
            gap: 32px;
        }
        .collection-hero__info--two_columns.collection-hero__info--spacious {
            gap: 16px;
        }
        .product-grid--two_columns.product-grid--spacious {
            gap: 32px 16px;
        }
        .product-grid--two_columns.product-grid--compact.lines .grid__item {
            padding-top: 16px;
        }
        .collection--compact {
            gap: 24px;
        }
    }
}

/* Desktop filter style: ertical  */
/* Laptop */
@media screen and (max-width: 1920px) and (min-width: 921px) {
    .main--spacious .vertical-filter .product-grid--two_columns.product-grid--spacious {
        gap: 96px 180px;
    }
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious {
        gap: 96px 90px;
    }
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious {
        gap: 64px 48px;
    }
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious {
        gap: 80px 96px;
    }
    .main--spacious .vertical-filter .product-grid--alternative_2.product-grid--spacious {
        gap: 80px 64px;
    }
    .main--spacious .vertical-filter .product-grid--two_columns.product-grid--spacious.lines  {
        gap: 64px 0px;
    }
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines,
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines {
        grid-template-columns: calc((100% - 48px) / 3) calc((100% - 48px) / 3 + 48px) calc((100% - 48px) / 3);
    }
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines,
    .main--spacious .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines,
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious.lines,
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines {
        gap: 48px 0;
    }
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item {
        padding-top: 48px;
    }
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container {
        padding-inline-end: 48px; 
    }
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)) {
        padding-inline-start: 48px;
    }
    .main--spacious .vertical-filter .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 90px; 
    }
    .main--spacious .vertical-filter .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even) {
        padding-inline-start: 90px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1600px) {
    .main--spacious .page-width .vertical-filter .product-grid--two_columns.product-grid--spacious {
        gap: 96px 180px;
    }
    .inside-content .page-width .vertical-filter .product-grid--three_columns.product-grid--spacious {
        gap: 96px 90px;
    }
    .inside-content .page-width .vertical-filter .product-grid--four_columns.product-grid--spacious {
        gap: 64px 48px;
    }
    .inside-content .page-width .vertical-filter .product-grid--alternative_1.product-grid--spacious {
        gap: 80px 96px;
    }
    .inside-content .page-width .vertical-filter .product-grid--alternative_2.product-grid--spacious {
        gap: 80px 64px;
    }
    .inside-content .page-width .vertical-filter .product-grid--two_columns.product-grid--spacious.lines {
        gap: 64px 0px;
    }
    .inside-content .page-width .vertical-filter .product-grid--three_columns.product-grid--spacious.lines,
    .inside-content .page-width .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines {
        grid-template-columns: calc((100% - 48px) / 3) calc((100% - 48px) / 3 + 48px) calc((100% - 48px) / 3);
    }
    .inside-content .page-width .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines,
    .inside-content .page-width .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines,
    .inside-content .page-width .vertical-filter .product-grid--four_columns.product-grid--spacious.lines,
    .inside-content .page-width .vertical-filter .product-grid--three_columns.product-grid--spacious.lines {
        gap: 48px 0;
    }
    .inside-content .page-width .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item {
        padding-top: 48px;
    }
    .inside-content .page-width .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container {
        padding-inline-end: 48px; 
    }
    .inside-content .page-width .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)) {
        padding-inline-start: 48px;
    }
    .inside-content .page-width .vertical-filter .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 90px; 
    }
    .inside-content .page-width .vertical-filter .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even) {
        padding-inline-start: 90px;
    }
}
/* Tablet */
@media screen and (max-width: 1365px) and (min-width: 921px) {
    .inside-content .vertical-filter .collection__product-grid--spacious {
        gap: 48px;
    }
    .inside-content .vertical-filter .collection__product-grid--compact {
        gap: 32px;
    }
    .inside-content .vertical-filter .product-grid--two_columns.product-grid--spacious {
        gap: 64px 160px;
    }
    .inside-content .vertical-filter .product-grid--three_columns.product-grid--spacious {
        gap: 64px 80px;
    }
    .inside-content .vertical-filter .product-grid--four_columns.product-grid--spacious {
        gap: 48px 24px;
    }
    .inside-content .vertical-filter .product-grid--alternative_1.product-grid--spacious {
        gap: 48px 64px;
    }
    .inside-content .vertical-filter .product-grid--alternative_2.product-grid--spacious {
        gap: 64px 48px;
    }
    .inside-content .vertical-filter .product-grid--two_columns.product-grid--spacious.lines,
    .inside-content .vertical-filter .product-grid--three_columns.product-grid--spacious.lines,
    .inside-content .vertical-filter .product-grid--four_columns.product-grid--spacious.lines,
    .inside-content .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines {
        gap: 32px 0;
    }
    .inside-content .vertical-filter .product-grid--three_columns.product-grid--spacious.lines,
    .inside-content .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines {
        grid-template-columns: calc((100% - 32px) / 3) calc((100% - 32px) / 3 + 32px) calc((100% - 32px) / 3);
    }
    .inside-content .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item,
    .inside-content .vertical-filter .product-grid--two_columns.product-grid--spacious.lines .grid__item,
    .inside-content .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines .grid__item,
    .inside-content .vertical-filter .product-grid--four_columns.product-grid--spacious.lines .grid__item {
        padding-top: 32px;
    }
    .inside-content .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
    .inside-content .vertical-filter .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container,
    .inside-content .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container {
        padding-inline-end: 32px; 
    }
    .inside-content .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
    .inside-content .vertical-filter .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)),
    .inside-content .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)) {
        padding-inline-start: 32px;
    }
    .inside-content .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines {
        gap: 48px 0
    }
    .inside-content .vertical-filter .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 80px; 
    }
    .inside-content .vertical-filter .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even) {
        padding-inline-start: 80px;
    }
    .inside-content .vertical-filter .product-grid--four_columns.product-grid--spacious.lines {
        grid-template-columns: calc((100% - (32px * 2)) / 4) calc((100% - (32px * 2)) / 4 + 32px) calc((100% - (32px * 2)) / 4 + 32px) calc((100% - (32px * 2)) / 4);
    }
    .inside-content .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+1) .card-container,
    .inside-content .vertical-filter  .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+8)  {
        padding-inline-end: 48px; 
    }
    .inside-content .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+2),
    .inside-content .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+3) {
        padding-inline-start: 48px;
    }
}
/* Mobile and white space Spacious */
@media screen and (max-width: 1048px) and (min-width: 921px) {
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious,
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious,
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious,
    .main--spacious .vertical-filter .product-grid--two_columns.product-grid--spacious,
    .main--spacious .vertical-filter .product-grid--alternative_2.product-grid--spacious {
        gap: 48px 24px;
    }
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious,
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious,
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious,
    .main--spacious .vertical-filter .product-grid--alternative_1,
    .main--spacious .vertical-filter .product-grid--alternative_2,
    .main--spacious .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines,
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines,
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious.lines,
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines {
        grid-template-columns: repeat(2, 1fr);
    }
    .main--spacious .vertical-filter .product-grid--alternative_1 .grid__item:nth-child(8n+1),
    .main--spacious .vertical-filter .product-grid--alternative_1 .grid__item:nth-child(8n+6),
    .main--spacious .vertical-filter .product-grid--alternative_1 .grid__item:nth-child(8n+3),
    .main--spacious .vertical-filter .product-grid--alternative_2 .grid__item:nth-child(12n+3),
    .main--spacious .vertical-filter .product-grid--alternative_2 .grid__item:nth-child(6n+5),
    .main--spacious .vertical-filter .product-grid--alternative_2 .grid__item:nth-child(12n+7) {
        grid-column-start: auto;
        grid-column-end: auto;
    }
    .main--spacious .vertical-filter .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 16px;
    }  
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines,
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious.lines,
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines,
    .main--spacious .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines,
    .main--spacious .vertical-filter .product-grid--two_columns.product-grid--spacious.lines {
        gap: 24px 0;
    }
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container,
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+1) .card-container,
    .main--spacious .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container {
        border: none;
        padding-inline-end: 0;
    }
    .main--spacious .vertical-filter .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .main--spacious .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 16px;
        border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity)); 
    }  
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)),
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(2n+2),
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+3),
    .main--spacious .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)) {
        padding-inline-start: 0;
    }
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(8n+8) {
        padding-inline-end: 0;
    }
    .main--spacious .vertical-filter .product-grid--two_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines .grid__item:nth-child(even),
    .main--spacious .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines .grid__item:nth-child(even) {
        padding-inline-start: 16px;
    }
    .main--spacious .vertical-filter .product-grid--two_columns.product-grid--spacious.lines .grid__item,
    .main--spacious .vertical-filter .product-grid--three_columns.product-grid--spacious.lines .grid__item,
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious.lines .grid__item,
    .main--spacious .vertical-filter .product-grid--alternative_1.product-grid--spacious.lines .grid__item,
    .main--spacious .vertical-filter .product-grid--alternative_2.product-grid--spacious.lines .grid__item {
        padding-top: 24px;
    }
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious,
    .main--spacious .vertical-filter .product-grid--four_columns.product-grid--spacious.lines {
        grid-template-columns: repeat(2, 1fr);
    }
    .main--spacious .vertical-filter .product-grid--alternative_1.lines .grid__item:nth-child(8n+8):before,
    .main--spacious .vertical-filter .product-grid--alternative_1.lines .grid__item:nth-child(8n+3):before {
        display: none;
    }
    .main--spacious .vertical-filter .product-grid--one_column,
    .main--spacious .vertical-filter .product-grid.one-column {
        grid-template-columns: 1fr!important;
    }
    .main--spacious .vertical-filter .product-grid--one_column .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 0 !important;
        border-inline-end: none !important;
    }
    .main--spacious .vertical-filter .product-grid--one_column .grid__item:nth-child(even) {
        padding-inline-start: 0 !important;
    }
    .main--spacious .vertical-filter .product-grid.one-column .grid__item,
    .main--spacious .vertical-filter .product-grid.one-column .grid__item .card-container {
        padding-inline-start: 0!important;
        padding-inline-end: 0!important;
        border-inline-start: none!important;
        border-inline-end: none!important;
    }
}
/* Mobile and white space Compact */
@media screen and (max-width: 1024px) and (min-width: 921px) {
    .main--compact .vertical-filter .product-grid--alternative_1,
    .main--compact .vertical-filter .product-grid--alternative_2,
    .main--compact .vertical-filter .product-grid--alternative_2.product-grid--compact.lines,
    .main--compact .vertical-filter .product-grid--three_columns.product-grid--compact,
    .main--compact .vertical-filter .product-grid--three_columns.product-grid--compact.lines,
    .main--compact .vertical-filter .product-grid--alternative_1.product-grid--compact.lines,
    .main--compact .vertical-filter .product-grid--four_columns.product-grid--compact,
    .main--compact .vertical-filter .product-grid--four_columns.product-grid--compact.lines {
        grid-template-columns: repeat(2, 1fr);
    }
    .main--compact .vertical-filter .product-grid--alternative_1.product-grid--compact,
    .main--compact .vertical-filter .product-grid--alternative_2.product-grid--compact {
        gap: 48px 16px;
    }
    .main--compact .vertical-filter .product-grid--alternative_1 .grid__item:nth-child(8n+1),
    .main--compact .vertical-filter .product-grid--alternative_1 .grid__item:nth-child(8n+6),
    .main--compact .vertical-filter .product-grid--alternative_1 .grid__item:nth-child(8n+3),
    .main--compact .vertical-filter .product-grid--alternative_2 .grid__item:nth-child(12n+3),
    .main--compact .vertical-filter .product-grid--alternative_2 .grid__item:nth-child(6n+5),
    .main--compact .vertical-filter .product-grid--alternative_2 .grid__item:nth-child(12n+7) {
        grid-column-start: auto;
        grid-column-end: auto;
    }
    .main--compact .vertical-filter .product-grid--alternative_1.product-grid--compact.lines,
    .main--compact .vertical-filter .product-grid--alternative_2.product-grid--compact.lines {
        gap: 24px 0;
    }
    .main--compact .vertical-filter .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container,
    .main--compact .vertical-filter .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+4)) .card-container,
    .main--compact .vertical-filter .product-grid--alternative_2.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container {
        border: none;
        padding-inline-end: 0;
    }
    .main--compact .vertical-filter .product-grid--three_columns.product-grid--compact.lines .grid__item:nth-child(odd) .card-container,
    .main--compact .vertical-filter .product-grid--four_columns.product-grid--compact.lines .grid__item:nth-child(odd) .card-container,
    .main--compact .vertical-filter .product-grid--alternative_2.product-grid--compact.lines .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 16px;
        border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity)); 
    }  
    .main--compact .vertical-filter .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+1)),
    .main--compact .vertical-filter .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+1)),
    .main--compact .vertical-filter .product-grid--alternative_2.product-grid--compact.lines .grid__item:not(:nth-child(3n+1)),
    .main--compact .vertical-filter .lines .collection-hero__info.collection-hero__info--compact .collection-hero__description {
        padding-inline-start: 0;
    }
    .main--compact .vertical-filter .product-grid--three_columns.product-grid--compact.lines .grid__item:nth-child(even),
    .main--compact .vertical-filter .product-grid--four_columns.product-grid--compact.lines .grid__item:nth-child(even),
    .main--compact .vertical-filter .product-grid--alternative_2.product-grid--compact.lines .grid__item:nth-child(even) {
        padding-inline-start: 16px;
    }
    .main--compact .vertical-filter .product-grid--alternative_1.lines .grid__item:nth-child(8n+8):before,
    .main--compact .vertical-filter .product-grid--alternative_1.lines .grid__item:nth-child(8n+3):before {
        display: none;
    }
    .main--compact .vertical-filter .product-grid--one_column,
    .main--compact .vertical-filter .product-grid.one-column {
        grid-template-columns: 1fr!important;
    }
    .main--compact .vertical-filter .product-grid--one_column .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 0 !important;
        border-inline-end: none !important;
    }
    .main--compact .vertical-filter .product-grid--one_column .grid__item:nth-child(even) {
        padding-inline-start: 0 !important;
    }
    .main--compact .vertical-filter .product-grid.one-column .grid__item,
    .main--compact .vertical-filter .product-grid.one-column .grid__item .card-container {
        padding-inline-start: 0!important;
        padding-inline-end: 0!important;
        border-inline-start: none!important;
        border-inline-end: none!important;
    }
}

/* Component context image */
.context-image__image,
.context-image .placeholder-svg,
.context-image .lazy-image:not(.lazyloaded) {
    max-width: 100%;
    height: 100%;
    width: var(--context-image-width);
}
.ratio-original .context-image__image,
.ratio-original.context-image .placeholder-svg {
    height: auto;
}
.context-image {
    display: flex;
    border-radius: var(--context-image-radius);
    -webkit-border-radius: var(--context-image-radius);
    overflow: clip;
    width: fit-content;
    max-width: 100%;
}
a.context-image .context-image__image,
a.context-image .placeholder-svg {
    opacity: 1;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
@media (hover: hover) {
    a.context-image:hover .context-image__image,
    a.context-image:hover .placeholder-svg {
    opacity: .7;
    }
}

.context-image-container--2.context-image-container--medium,
.context-image-container--2.context-image-container--wide,
.context-image-container--3.context-image-container--medium {
    grid-column: span 2;
}

.context-image-container--3.context-image-container--wide {
    grid-column: span 3;
}

/* Component countdown timer */
.countdown {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    visibility: hidden;
  }
  
  .countdown.countdown--visible {
    visibility: visible;
  }
  
  .countdown:empty {
    display: none;
  }
  
  body:not(.custom-type-preset) .countdown,
  .custom-type-preset section:not(.announcement-bar-section) .countdown,
  .custom-type-preset section:not(.announcement-bar-section) .countdown__number-wrapper,
  body .countdown .content-text {
    font-family: var(--base-font-family)!important;
  }
  
  body:not(.custom-type-preset) .countdown.countdown--accent-text,
  .custom-type-preset section:not(.announcement-bar-section) .countdown.countdown--accent-text,
  .custom-type-preset section:not(.announcement-bar-section) .countdown--accent-text .countdown__number-wrapper,
  body .countdown.countdown--accent-text .content-text {
    font-family: var(--accent-font-family)!important;
  }
  
  .countdown__timer {
    display: flex;
    align-items: stretch;
    justify-content: center;
    column-gap: 4px;
  }
  
  .media-with-text__content-wrapper.start .countdown__timer,
  .rich-text__wrapper.flex-start .countdown__timer,
  .banner__wrapper:not(.banner__wrapper--center-content) .countdown__timer,
  .slideshow__content:not(.slideshow__content--center) .countdown__timer,
  .product__info-container .countdown__timer {
    justify-content: flex-start;
  }
  .media-with-text__content-wrapper.end .countdown__timer {
    justify-content: flex-end;
  }
  
  .countdown__pair-of-numbers-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: var(--countdown-label-gap);
  }
  
  .countdown--minimized .countdown__pair-of-numbers-wrapper {
    flex-direction: row;
    column-gap: 2px;
  }
  
  .countdown__pair-of-numbers {
    display: flex;
    column-gap: 1px;
  }
  
  .countdown__number-wrapper,
  .countdown__delimeter {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    user-select: none;
  }
  
  .countdown__label {
    text-align: center;
  }
  
  .countdown__number-wrapper {    
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.6em;
    overflow: clip;
  }
  
  .countdown:not(.countdown--minimized) .countdown__number-wrapper {
    height: 1.335em;
    width: 0.795em;
  }
  
  .countdown__number {
    --number-animation-translation: 10px;
  }
  
  .countdown__number--current {
    transition: transform .3s var(--transition-timing-function), opacity .3s var(--transition-timing-function);
  }
  
  .countdown__number--current.countdown__number--animated {
    transform: translateY(calc(-1 * var(--number-animation-translation)));
    transition: none;
    opacity: 0;
  }
  
  .countdown__number--previous {
    position: absolute; 
    top: calc(50% + var(--number-animation-translation));
    left: 50%; 
    transform: translateY(-50%) translateX(-50%);
    transition: top .3s var(--transition-timing-function), opacity .3s var(--transition-timing-function);
    opacity: 0;
  }
  
  .countdown__number--previous.countdown__number--animated {
    top: 50%;
    transition: none;
    opacity: 1;
  }
  
  .countdown__complete-message {
    color: var(--layout-text-color);
  }
  
  @media screen and (max-width: 768px) {
    .media-with-text__content-wrapper.end .countdown__timer {
      justify-content: flex-start;
    }
  }

  /* Component deffered media */
  .deferred-media__poster,
.deferred-media__poster + template {
 cursor: pointer;
}
product-model.deferred-media__poster .lazy-image {
  height: 100%;
}
.deferred-media__poster-button {
  border-radius: var(--other-buttons-radius);
  -webkit-border-radius: var(--other-buttons-radius);
  background-color: rgb(var(--layout-background-color));
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: 64px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) scale(1);
  z-index: 2;
}
.deferred-media__poster-button-icon,
.media > .deferred-media__poster, .media .deferred-media__poster {
  display: flex;
  align-items: center;
  justify-content: center;
}
.deferred-media__poster-button-icon {
  width: 32px;
  height: 32px;
}
.deferred-media__poster-button-icon svg {
  fill: rgb(var(--layout-text-color));
}
.deferred-media__poster img {
  width: 100%;
  height: 100%;
}
.deferred-media[loaded] .deferred-media__poster img {
  display: none;
}
.deferred-media:not([loaded]) template {
  z-index: 0;
}
.deferred-media[loaded] template {
  background-color: rgba(var(--layout-text-color), .07);
}
.product__media-list .deferred-media {
  position: static;
  display: block;
  height: 100%;
}
  
/* Component facets */
.main-collection-filters--horizontal {
    position: relative;
    z-index: 4;
}

.facets-container-drawer--spacious.lines,
.facets-container-drawer--compact.lines,
.filter-group {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.facets-container-drawer--spacious.lines {
    padding-top: 64px;
}
.facets-container-drawer--compact.lines {
    padding-top: 24px;
}

.mobile-facets__wrapper--center {
    display: flex;
    justify-content: center;
}
.sorting {
    margin-bottom: 24px;
}
.facets__button,
.facets__button-label,
.is-open .filter-group-icon--minus, 
.filter-group-icon--plus,
.filter-group-label,
.filter-group-option,
.active-facets__button,
.active-filters__remove-icon,
.results-toast {
    display: flex;
    align-items: center;
}
.facets__button {
    min-height: 44px;
    gap: 10px;
    cursor: pointer;
}
.facets__button-label {
    gap: 4px;
}
.results-count {
    background-color: rgb(var(--base-button-color));
    color: rgb(var(--accent-button-color));
    border-radius: 100%;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    transition: color var(--animation-duration) var(--transition-timing-function), background-color var(--animation-duration) var(--transition-timing-function);
}
.outlined-button .results-count, .link-button.facets__button .results-count {
    background-color: rgb(var(--accent-button-color));
    color: rgb(var(--layout-background-color));
}

.facets__button.solid-button,
.facets__button.outlined-button {
    padding: 10px 16px;
}
.facets__button.link {
    color: rgb(var(--layout-text-color));
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.filter-group-label,
.filter-group-option {
    user-select: none;
  -webkit-user-select: none;
}

.filter-group-label {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.facets__button.link-button svg {
    fill: rgb(var(--accent-button-color));
}

.facets__button.solid-button svg {
    fill: rgb(var(--base-button-color));
}
.facets__button-icon svg {
    height: 100%;
    width: auto;
}

.filter-form {
    display: none;
    background-color: rgb(var(--popup-background-color));
    color: rgb(var(--layout-text-color));
    top: 0;
    min-height: 100vh; 
    min-height: -webkit-fill-available;
    bottom: env(safe-area-inset-bottom);
    position: fixed;
    z-index: 1000;
    width: 480px;
    max-width: calc(100% - 16px);
    padding: 0px 24px 24px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.filter-form.popup-wrapper {
    max-height: 100%!important;
}
.filter-form.open {
    display: block;
    inset-inline-end: 0;
    opacity: 1;
    animation: drawerOpenRight .3s var(--transition-timing-function);
}

.filter-form.popup-wrapper .active-facets-mobile {
    padding-top: 0px;
    padding-bottom: 0px;
    gap: 0;
}

.filter-form.popup-wrapper .product-count {
    min-height: 76px;
    padding: 8px 0px;
    display: flex;
    align-items: center;
}

.filter-form.popup-wrapper .active-facets:not(.hidden) {
    margin-bottom: 24px;
}

.filter-group-label {
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    min-height: 32px;
    cursor: pointer;
}
.filter-group-option {
    cursor: pointer;
    gap: 8px;
    position: relative;
    transition: opacity 0.3s var(--transition-timing-function);
}
.filter-group-option--thumbnail {
    gap: 0;
}
.filter-group-icon--minus, 
.is-open .filter-group-icon--plus,
.facets__button-label:empty,
.active-facets.hidden,
.facets__clear-all,
.product-count__text + .loading-overlay__spinner {
    display: none;
}
.active-facets__button svg,
.filter-group-icon svg {
    fill: rgb(var(--layout-text-color));
}

.filter-group-display__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.filter-group-display__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 1px 1px 24px;
}
.filter-group-display__list,
.facets__price {
    padding: 0 0 24px;
}

.sorting .filter-group-label {
    padding: 6px 0 8px;
    min-width: max-content;
}

.active-facets-mobile {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 28px 0 24px;
}

.fields {
    display: flex;
    gap: 10px;
    width: 100%;
}
facet-filters-form .field {
    width: calc((100% - 10px) / 2);
    display: flex;
    flex-direction: column;
    gap: 4px;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}
input[type='number'] {
    -moz-appearance: textfield;
    appearance: textfield;
    border: none;
}
input[type='number']:focus {
    outline: none;
    border: none;
}
.field__item {
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    border-radius: var(--field-radius);
    -webkit-border-radius: var(--field-radius);
}
.field__input {
    width: 100%;
    display: block;
}
.field__input,
.field__input::placeholder {
    color: rgb(var(--layout-text-color));
}
.active-facets {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.active-facets__button {
    padding: 6px 12px;
    min-height: 44px;
    gap: 8px;
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    border-radius: var(--button-radius);
    background-color: transparent;
    color: rgb(var(--layout-text-color));
}
.active-facets__button svg {
    width: 16px;
    height: 16px;
}
.results-toast {
    background-color: rgb(var(--layout-text-color));
    color: rgb(var(--layout-background-color));
}
.active-facets__button--clear {
    color: rgb(var(--layout-text-color));
    border: none;
    background-color: transparent;
}
.active-filters__remove-icon {
    width: 12px;
    height: 12px;
}
.active-filters__remove-icon svg {
    width: auto;
    height: 100%;
}

.sorting .filter-group-label {
    cursor: auto;
}
.sorting__select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    color: rgb(var(--layout-text-color));
}

facet-remove + .facets__clear-all {
    display: inline-block;
}
.product-count {
    position: relative;
}
.product-count__text.loading + .loading-overlay__spinner {
    display: block;
}
.field__item .field__input, .field__item .field__currency {
    padding: 0;
} 

.field__item .field__currency {
    white-space: nowrap;
}

.mobile-facets__label--disabled {
    cursor: default;
    color: rgba(var(--layout-text-color), .63);
}

.mobile-facets__checkbox {
    flex-shrink: 0;
}

facet-filters-form {
    position: relative;
    overflow: clip;
    display: block;
}
.results-toast {
    min-height: 40px;
    padding: 8px 12px;
    width: fit-content;
    border-radius: 4px;
    position: fixed;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    inset-inline-end: 240px;
    transform: translate(50%, 100px);
    transition: transform .3s ease;
}

.snippet-facets--horizontal .facets-container-drawer .filter-form,
.snippet-facets--vertical .facets-container-drawer .filter-form {
    display: block;
    position: static;
    width: 100%;
    max-width: 100%;
    z-index: 1;
    min-height: auto;
    padding: 0;
    opacity: 1;
    background-color: rgb(var(--layout-background-color));
}
.snippet-facets--horizontal .mobile-facets {
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto;
    gap: 32px;
    row-gap: 16px;
    flex-wrap: wrap;
}
.snippet-facets--horizontal .mobile-facets__main {
    display: flex;
    align-items: center;
    gap: 24px;
    row-gap: 0px;
    flex-wrap: wrap;
}
.snippet-facets--horizontal .mobile-facets__main accordion-block,
.snippet-facets--horizontal .mobile-facets__main .filter-group {
    width: fit-content;
}
.snippet-facets--horizontal .mobile-facets__main .filter-group {
    border-top: none;
}
.snippet-facets--horizontal .filter-group-label {
    justify-content: flex-start;
    gap: 4px;
    padding: 6px 0;
    min-width: max-content;
}
.snippet-facets--horizontal .sorting .filter-group-label {
    width: fit-content;
}
.snippet-facets--horizontal .sorting .facet-filters__field {
    display: inline-flex;
    align-items: center;
    gap: 24px;
}
.only-mobile.snippet-facets {
    display: none;
}
.snippet-facets--horizontal .sorting {
    margin-bottom: 0;
}
.active-facets--result facet-remove:only-child {
    display: none;
}
.active-facets--result facet-remove {
    display: inline-block;
}
.collection--spacious.lines .active-facets--result facet-remove,
.collection--spacious.lines .snippet-facets--vertical  .active-facets--result,
.template-search--spacious.lines .active-facets--result facet-remove,
.template-search--spacious.lines .snippet-facets--vertical  .active-facets--result {
    margin-top: 24px;
}
.collection--compact.lines  .active-facets--result facet-remove,
.collection--compact.lines .snippet-facets--vertical  .active-facets--result,
.template-search--compact.lines  .active-facets--result facet-remove,
.template-search--compact.lines .snippet-facets--vertical  .active-facets--result {
    margin-top: 16px;
}
.collection.lines .snippet-facets--vertical  .active-facets--result facet-remove,
.template-search.lines .snippet-facets--vertical  .active-facets--result facet-remove {
    margin-top: 0;
}
.snippet-facets--horizontal .facet-filters-form-line {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
.snippet-facets--horizontal .mobile-facets__details {
    position: relative;
}
.snippet-facets--horizontal facet-filters-form, .snippet-facets--horizontal .filter-form,
.snippet-facets--vertical facet-filters-form, .snippet-facets--vertical .filter-form {
    overflow: visible;
}
.snippet-facets--horizontal .mobile-facets__summary {
    min-height: 45px;
    display: inline-flex;
    align-items: center;
}
.snippet-facets--horizontal .accordion__panel.mobile-facets__submenu {
    position: absolute;
    top: calc(100% + 4px);
    inset-inline-start: 0;
    max-height: auto;
    background-color: rgb(var(--popup-background-color));
    z-index: 4;
    width: 320px;
    box-shadow: 0px 2px 16px 0px rgba(var(--layout-text-color), 0.12);
    display: none;
}
.snippet-facets--horizontal .is-open .accordion__panel.mobile-facets__submenu {
    display: block;
    max-height: 500px!important;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    animation: openFacets var(--animation-duration) var(--transition-timing-function);
}
@keyframes openFacets {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(-20);
        opacity: 1;
    }
}
.snippet-facets--horizontal .is-open .accordion__panel.mobile-facets__submenu ::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}
.snippet-facets--horizontal .is-open .accordion__panel.mobile-facets__submenu ::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}
.snippet-facets--horizontal .filter-group-display__grid,
.snippet-facets--horizontal .filter-group-display__list,
.snippet-facets--horizontal .facets__price {
    padding-bottom: 28px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
}
.facets__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 28px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
    margin-bottom: 24px;
}
.facets__header-info {
    display: flex;
    flex-direction: column;
}

.snippet-facets--vertical .facet-filters__sort {
    max-width: 200px;
}
.snippet-facets--vertical .sorting {
    margin-bottom: 0;
    width: fit-content;
}
.snippet-facets--vertical .sorting .facet-filters__field {
    display: inline-flex;
    align-items: center;
    gap: 24px;
}
.snippet-facets--vertical .facet-filters-form-line {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}
.snippet-facets--vertical .facet-filters-form-line .facets__wrapper {
    margin-inline-start: auto;
    flex-shrink: 0;
}
.snippet-facets--vertical .active-facets {
    padding: 6px 0;
    min-height: 45px;
    align-items: center;
}
.snippet-facets--vertical .active-facets.active-facets--result {
    padding: 0;
}
.snippet-facets--vertical .facets-container-drawer--spacious .active-facets {
    margin-bottom: 24px;
}
.snippet-facets--vertical .facets-container-drawer--compact .active-facets {
    margin-bottom: 16px;
}
.snippet-facets--vertical .mobile-facets__inner {
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.aside-filters .facet-filters-form-line,
.snippet-facets--vertical-2 .active-facets.active-facets-desktop,
.snippet-facets--vertical-2 .mobile-facets__inner {
    display: none;
}

.snippet-facets--vertical .facets-container-drawer--spacious.lines,
.snippet-facets--vertical .facets-container-drawer--compact.lines {
    border-top: none;
    padding-top: 0;
}
.snippet-facets--vertical-2 .facets-container-drawer--spacious.lines .sorting,
.collection--spacious.lines .collection__aside-filters,
.collection--spacious .snippet-facets--horizontal .active-facets--result facet-remove,
.template-search--spacious.lines .template-search__aside-filters,
.template-search--spacious .snippet-facets--horizontal .active-facets--result facet-remove {
    margin-top: 24px;
}
.snippet-facets--vertical-2 .facets-container-drawer--compact.lines .sorting,
.collection--compact.lines .collection__aside-filters,
.collection--compact .snippet-facets--horizontal .active-facets--result facet-remove,
.template-search--compact.lines .template-search__aside-filters,
.template-search--compact .snippet-facets--horizontal .active-facets--result facet-remove  {
    margin-top: 16px;
}
.snippet-facets--vertical-2 .active-facets.active-facets--result {
    margin-bottom: 0;
}
.collection--spacious .snippet-facets--vertical .active-facets--result,
.collection--spacious .snippet-facets--horizontal .active-facets--result,
.template-search--spacious .snippet-facets--vertical .active-facets--result,
.template-search--spacious .snippet-facets--horizontal .active-facets--result {
    gap: 24px;
}
.collection--compact .snippet-facets--vertical .active-facets--result,
.collection--compact .snippet-facets--horizontal .active-facets--result,
.template-search--compact .snippet-facets--vertical .active-facets--result,
.template-search--compact .snippet-facets--horizontal .active-facets--result {
    gap: 16px;
}
.collection--compact .snippet-facets--horizontal .active-facets--result,
.collection--spacious .snippet-facets--horizontal .active-facets--result,
.template-search--compact .snippet-facets--horizontal .active-facets--result,
.template-search--spacious .snippet-facets--horizontal .active-facets--result {
    row-gap: 0;
}

.filter-group-display__list-item.hidden,
.label-show.hidden {
    display: none;
}
.results-toast--vertical, .results-toast--horizontal {
    z-index: 5;
}

.facets__and-helptext {
    display: inline-block;
    margin-bottom: 18px;
    margin-top: 8px;
}
.snippet-facets--horizontal .facets__and-helptext {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
}
.filter-group-display__grid input[type="checkbox"] {
    width: 40px;
    height: 40px;
}

input[type="checkbox"].mobile-facets__swatch {
    border-radius: var(--other-buttons-radius);
    -webkit-border-radius: var(--other-buttons-radius);
    border: none;
    position: relative;
    box-shadow: 0px 1px 3px rgba(var(--layout-text-color), .35);
    overflow: clip;
}

.accordion__content:not(.filter-group-display__grid) input[type="checkbox"].mobile-facets__swatch:checked::after,
.accordion__content input[type="checkbox"].mobile-facets__thumbnail:checked::after {
    content: none;
}

.mobile-facets__label.filter-group-option--thumbnail:has(input[type="checkbox"]:not(:checked)) {
    border: 2px solid transparent;
}

input[type="checkbox"].mobile-facets__thumbnail--shadow,
input[type="checkbox"] + .swatch--thumbnails .swatch__swatch--shadow,
input[type="checkbox"] + .swatch--thumbnails .swatch__image--shadow,
input[type="checkbox"] + .swatch--swatches .swatch__swatch,
input[type="checkbox"] + .swatch--swatches .swatch__image {
    box-shadow: 0px 1px 3px rgba(var(--layout-text-color), .35);
    border: none;
}

input[type="checkbox"].mobile-facets__thumbnail {
    border: none;
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
}

input[type="checkbox"].mobile-facets__thumbnail:checked,
input[type="checkbox"]:checked + .swatch--thumbnails .swatch__swatch,
input[type="checkbox"]:checked + .swatch--thumbnails .swatch__image {
    border-top: none;
    border-inline-start: none;
    border-inline-end: none;
}

input[type="checkbox"].mobile-facets__thumbnail.no-label:checked,
input[type="checkbox"] + .swatch--thumbnails .swatch__swatch,
input[type="checkbox"] + .swatch--thumbnails .swatch__image
input[type="checkbox"].no-label:checked + .swatch--thumbnails .swatch__swatch,
input[type="checkbox"].no-label:checked + .swatch--thumbnails .swatch__image,
input[type=checkbox].mobile-facets__thumbnail--options.no-label:checked,
input[type=checkbox].mobile-facets__thumbnail--options.no-label:checked::before {
    border: none;
}

.mobile-facets__label.filter-group-option--thumbnail:has(input[type="checkbox"]:checked) {
    overflow: clip;
    border: 2px solid rgb(var(--accent-button-color));
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
}

input[type="checkbox"]:checked + .swatch--thumbnails .swatch__image,
input[type="checkbox"]:checked + .swatch--thumbnails .swatch__swatch::before,
input[type=checkbox].mobile-facets__thumbnail--options:checked,
input[type=checkbox].mobile-facets__thumbnail--options:checked::before {
    border-start-start-radius: unset;
    border-start-end-radius: unset;
}

input[type="checkbox"].no-label:checked + .swatch--thumbnails .swatch__image,
input[type="checkbox"].no-label:checked + .swatch--thumbnails .swatch__swatch::before,
input[type=checkbox].mobile-facets__thumbnail--options.no-label:checked,
input[type=checkbox].mobile-facets__thumbnail--options.no-label:checked::before {
    border-radius: 0;
}

input[type="checkbox"].mobile-facets__swatch:checked::after {
    content: none;
}

input[type="checkbox"].mobile-facets__swatch + .mobile-facets__swatch--svg {
    position: absolute;
    visibility: hidden;
    z-index: 5;
    display: inline-flex;
}

input[type="checkbox"].mobile-facets__swatch svg {
    fill: white;
}

input[type="checkbox"].mobile-facets__swatch + .mobile-facets__swatch--svg-list {
    top: 6px;
    left: 4px;
}

input[type="checkbox"].mobile-facets__swatch + .mobile-facets__swatch--svg-list svg {
    max-width: 16px;
    height: auto;
}

input[type="checkbox"].mobile-facets__swatch + .mobile-facets__swatch--svg-grid {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

input[type="checkbox"].mobile-facets__swatch + .mobile-facets__swatch--svg-grid svg {
    width: 24px;
    height: 24px;
}

input[type="checkbox"].mobile-facets__swatch:checked {
    background: var(--swatch-background-color);
    background-image: var(--swatch-background-image);
    background-size: cover;
    background-repeat: no-repeat;
}

input[type="checkbox"].mobile-facets__thumbnail--options::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: var(--swatch-background-color);
    background-image: var(--swatch-background-image);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
}

input[type="checkbox"].filter-from-app.mobile-facets__swatch:checked,
input[type="checkbox"].filter-from-app.mobile-facets__thumbnail--options::before {
    background: var(--swatch--background) var(--swatch-focal-point);
    background-size: cover;
    background-repeat: no-repeat;
}

.mobile-facets__label input[type=checkbox].filter-from-app.mobile-facets__thumbnail--options:before {
    background-image: var(--swatch--background);
    background-size: cover;
    background-repeat: no-repeat;
}

.mobile-facets__label--disabled input[type="checkbox"].mobile-facets__thumbnail--options::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0.63;
}

.mobile-facets__label--disabled input[type="checkbox"].mobile-facets__thumbnail--options::after {
    content: "";
    position: absolute;
    z-index: 3;
    width: 1px;
    left: 50%;
    height: calc(100% * 1.414);
    background-color: black;
    transform: translateX(-50%) rotate(45deg);
    transform-origin: center;
}

input[type="checkbox"].mobile-facets__swatch:checked + .mobile-facets__swatch--svg {
    visibility: visible;
}

input[type="checkbox"].mobile-facets__swatch:checked + .mobile-facets__swatch--svg svg {
    filter: drop-shadow( 0px 1px 2px rgba(0, 0, 0, .45));
    -webkit-filter: drop-shadow( 0px 1px 2px rgba(0, 0, 0, .45));
    -moz-filter: drop-shadow( 0px 1px 2px rgba(0, 0, 0, .45));
    -o-filter: drop-shadow( 0px 1px 2px rgba(0, 0, 0, .45));
}

.swatch:not(.swatch--thumbnails) {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
}

.filter-group-display__grid .swatch--swatches {
    width: 40px;
    height: 40px;
}

.filter-group-display__list .swatch--swatches {
    display: flex;
    gap: 8px;
    align-items: center;
}

.swatch__swatch {
    width: 40px;
    height: 40px;
    border-radius: var(--other-buttons-radius);
    -webkit-border-radius: var(--other-buttons-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.swatch__swatch::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: var(--swatch-bg);
    border-radius: var(--other-buttons-radius);
    -webkit-border-radius: var(--other-buttons-radius);
}

.swatch--thumbnails .swatch__swatch::before {
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
}

.swatch--thumbnails .swatch__swatch {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
}

.swatch--swatches .swatch__image {
    border-radius: var(--other-buttons-radius);
    -webkit-border-radius: var(--other-buttons-radius);
}

.swatch--thumbnails,
.swatch--thumbnails .swatch__image {
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
}

.swatch--thumbnails {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.filter-group-display__list .swatch__swatch,
.filter-group-display__list .swatch__image {
    width: 24px;
    height: 24px;
    box-shadow: 0px 1px 3px rgba(var(--layout-text-color), .35);
}

.swatch__image {
    display: flex;
    overflow: clip;
    position: relative;
    justify-content: center;
    align-items: center;
    position: relative;
}

.swatch__image img {
    width: 100%;
    height: 100%;
}

.filter-group-display__grid input[type=checkbox].mobile-facets__thumbnail,
.filter-group-display__grid input[type=checkbox] .swatch--thumbnail,
.filter-group-option--thumbnail {
    width: 76px;
    max-width: 100%;
    height: 100%;
    position: relative;
}

.filter-group-display__grid input[type=checkbox].mobile-facets__thumbnail {
    overflow: clip;
}

input[type=checkbox].mobile-facets__thumbnail:not(.mobile-facets__thumbnail--options) {
    width: 0px;
    height: 0px;
    border: none;
    position: absolute;
}

.mobile-facets__item--thumbnail {
    height: fit-content;
}

input[type=checkbox]:checked.mobile-facets__thumbnail {
    background-color: transparent;
}

.filter-group-option--thumbnail .swatch__label {
    padding: 8px 0;
    text-align: center;
}

.filter-group-option--thumbnail {
    display: flex;
    flex-direction: column;
}

.mobile-facets__label--disabled input[type="checkbox"].mobile-facets__swatch {
    pointer-events: none;
    position: relative;
}

.mobile-facets__label input[type="checkbox"].mobile-facets__swatch::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: var(--swatch-background-color);
    background-image: var(--swatch-background-image);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--other-buttons-radius);
    -webkit-border-radius: var(--other-buttons-radius);
}

.mobile-facets__label--disabled input[type="checkbox"].mobile-facets__swatch::before {
    opacity: 0.63;
    background-color: var(--swatch-background-color);
    background-image: var(--swatch-background-image);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--other-buttons-radius);
    -webkit-border-radius: var(--other-buttons-radius);
}

.mobile-facets__label input[type="checkbox"].filter-from-app.mobile-facets__swatch::before,
.mobile-facets__label--disabled input[type="checkbox"].filter-from-app.mobile-facets__swatch::before {
    background: var(--swatch--background) var(--swatch-focal-point);
    background-size: cover;
    background-repeat: no-repeat;
}

.mobile-facets__label--disabled input[type="checkbox"].mobile-facets__swatch::after {
    content: "";
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA8CAYAAADxJz2MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFSSURBVHgB7dtRTUNBEIXhAwqQMBKKg5WAA3AADsABOAAHSEACOKAOCA7YzXLT9u3OmbQPzf8l89LHzf5Js51KcEWfb8Fyr3l4D0LKVZ9XzcOL8cGlsNamz2ef3z7XfbbCakuyd0LKkuy4eSGkjGTHrXvRPEgkkKxp3LR3kaxlP1kkjWR/+twIKSRb0ESytiXZJqSMZD/+J4SUJpK1kawpRLK2ppnsk5D2qHl4TUgJkaytiWRtzyJZS2iXLI+eSU3zux0/LRpI1hQiWdt47CRZ05LsRkgJzdfi8WpMskkkW0CyphDJ2m7Fzp1l3DSSNYVmsm8i2TSSNZ1Vsqde8Q3NZC8012S/hNXYbDftJxs6M8dOOHSY7FZYjWRNbLYXsNlewGa7iWQLSLaAzXYTm+0F/BmlgGRNbLYXNJGsjc12E8kWNJGsbWy2k6whRLIlbLYX/AEW2mUpgzZH4wAAAABJRU5ErkJggg==");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.mobile-facets__label--disabled .swatch--thumbnails .swatch__image img,
.mobile-facets__label--disabled .swatch--swatches .swatch__image img,
.mobile-facets__label--disabled .swatch--thumbnails .swatch__swatch::before,
.mobile-facets__label--disabled .swatch--swatches .swatch__swatch::before {
    opacity: 0.63;
}
 
@media (hover: hover) {
    .facets__button.link-button:hover svg {
        fill: rgb(var(--hover-button-color));
    }
    .facets__button:hover .results-count {
        color: rgb(var(--hover-button-color));
    }
    .outlined-button.facets__button:hover .results-count, 
    .link-button.facets__button:hover .results-count {
        background-color: rgb(var(--hover-button-color));
        color: rgb(var(--layout-background-color));
    }
    .facets__button.link:hover,
    .filter-group-option:not(.mobile-facets__label--disabled):hover,
    .filter-group-label:not([for="SortBy"]):hover {
        opacity: .7;
    }
    .active-facets__button.active-facets__button--clear:hover {
        opacity: 1;
    }
}

/* Fonts */
.filter-group-label--minimal_uppercase {
    text-transform: uppercase;
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
}
.filter-group-label--minimal_basic {
    font: var(--base-body-m-font);
}
.filter-group-label--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.filter-group-label--classic, 
.filter-group-label--duet {
    font: var(--accent-body-l-font);
}
.filter-group-label--avant_garde {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.filter-group-label--contrast {
    font: var(--base-body-l-font);
}
.filter-group-label--brutalist {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.filter-group-label--custom,
.active-facets__button.button--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .facets-container-drawer--spacious.lines {
        padding-top: 48px;
    }
}
/* Mobile */
@media screen and (max-width: 920px) {
    .facets-container-drawer--spacious.lines {
        padding-top: 32px;
    }
    .only-mobile.snippet-facets {
        display: block;
    }
    .only-desktop.snippet-facets {
        display: none;
    }
    .aside-filters {
        display: none;
    }
    #main-collection-filters {
        position: static;
        z-index: unset;
    }
    .snippet-facets--horizontal .accordion__panel.mobile-facets__submenu {
        background-color: rgb(var(--layout-background-color));
    }
}

/* Sidebars */
@media screen and (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .facets-container-drawer--spacious.lines {
            padding-top: 48px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 920px) {
        .facets-container-drawer--spacious.lines {
            padding-top: 32px;
        }
    }
}

/* Component model viewer ui */
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    width: 64px;
    height: 64px;
    border-radius: var(--other-buttons-radius);
    background-color: rgb(var(--base-button-color));
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg use,
.shopify-model-viewer-ui__button--control svg use {
    color: rgb(var(--accent-button-color));
}

.shopify-model-viewer-ui__poster-control-icon {
    width: 60px;
    height: 60px;
    z-index: 1;
    fill: none;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
    display: none;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
    border: none;
}

@media (hover: hover) {
    .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg use,
    .shopify-model-viewer-ui__button--control:hover svg use {
        color: rgb(var(--hover-button-color));
    }
}

/* Component pickup availability */
/* Fonts */
.pickup-caption--minimal_uppercase, 
.pickup-caption--minimal_basic, 
.pickup-caption--classic,
.pickup-caption--contrast,
.pickup-caption-large--minimal_uppercase,
.pickup-caption-large--classic {
  font: var(--base-label-font);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.pickup-caption--custom,
.pickup-caption-large--custom {
  font: var(--label-font);
  letter-spacing: var(--label-letter-spacing);
}
.pickup-caption--minimal_heavy,
.pickup-caption-large--minimal_heavy {
  font: var(--base-body-l-font);
}
.pickup-caption--brutalist,
.pickup-caption-large--brutalist,
.pickup-title--brutalist {
  font: var(--base-body-l-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.pickup-caption--avant_garde,
.pickup-title--duet {
  font: var(--accent-body-m-font);
}
.pickup-caption--duet,
.pickup-caption-large--duet,
.pickup-title--minimal_basic {
  font: var(--base-body-m-font);
}
.pickup-caption-large--minimal_basic {
  font: var(--base-body-s-font);
}
.pickup-caption-large--avant_garde {
  font: var(--accent-body-s-font);
}
.pickup-caption-large--contrast {
  font: var(--base-label-font);
}
.pickup-title--minimal_uppercase {
  font: var(--base-body-s-font);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.pickup-title--custom {
  font: var(--body-s-font);
  letter-spacing: var(--body-s-letter-spacing);
}
.pickup-title--minimal_heavy {
  font: var(--base-heading-xs-font);
}
.pickup-title--contrast,
.pickup-title--classic {
  font: var(--accent-body-l-font);
}
.pickup-title--avant_garde {
  font: var(--base-body-m-font);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.pickup-availability-info, .pickup-availability-list {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pickup-availability-info .pickup-caption-large,
.pickup-availability-drawer-preview {
  margin-bottom: 4px;
}
.pickup-caption-large::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-inline-end: 12px;
  vertical-align: inherit;
}
.caption-large--available::before {
  background-color: rgb(var(--success-color));
}
.caption-large--unavailable::before {
  background-color: rgb(var(--error-color));
}

pickup-availability-drawer {
    display: block;
    visibility: hidden;
    position: fixed;
    pointer-events: none;
    top: 0;
    inset-inline-end: 0;
    z-index: 101;
}
pickup-availability-drawer[open] {
    display: block;
    visibility: visible;
    pointer-events: all;
}

.pickup-availability-drawer {
  display: none;
  background-color: rgb(var(--popup-background-color));
  color: rgb(var(--layout-text-color));
  top: 0;
  padding: 0px 24px;
  min-height: 100vh; 
  min-height: -webkit-fill-available;
  bottom: env(safe-area-inset-bottom);
  position: fixed;
  z-index: 1000;
  width: 480px;
}
.pickup-availability-drawer .button-wrapper {
  position: absolute;
  inset-inline-end: 16px;
}
.pickup-availability-drawer .scroll-area > *:last-child {
  padding-bottom: 53px;
}
pickup-availability-drawer[open] .pickup-availability-drawer {
  display: block;
  inset-inline-end: 0;
  opacity: 1;
  animation: drawerOpenRight .3s var(--transition-timing-function);
}
.pickup-availability-header {
  padding-top: 86px;
}
.pickup-availability-variant {
  margin-top: 4px;
}
.popup-wrapper__quick-view .pickup-availability-button {
  display: none;
}
@media screen and (max-width: 500px) {
  .pickup-availability-drawer {
    width: 359px;
    max-width: calc(100vw - 32px);
  }
}

/* Component popup */
.page-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: calc(100% - 130px);
    max-width: 90%;
    max-width: calc(100% - 100px);
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 50;
    background-color: rgb(var(--layout-background-color));
}

.popup-wrapper:not(.filter-form) .button-wrapper {
    padding-inline-end: 16px;
}

.page-popup.open {
    display: block;
}

.popup-button {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgb(var(--layout-text-color));
}

.popup__icon svg {
    fill: rgb(var(--layout-text-color));
    width: auto;
    height: 100%;
}
.popup-wrapper__quick-view.hidden {
    overflow: clip !important;
}

/* Fonts */
.popup-button--minimal_uppercase {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.popup-button--minimal_basic {
    font: var(--base-body-s-font);
}
.popup-button--classic,
.popup-button--contrast {
    font: var(--base-body-m-font);
}
.popup-button--minimal_heavy {
    font: var(--base-body-l-font);
}
.popup-button--avant_garde,
.popup-button--duet {
    font: var(--accent-body-m-font);
}
.popup-button--brutalist {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.popup-button--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

/* Component price */
.price,
.price__wrapper,
.price__regular {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  word-break: initial;
}

.sale-price {
  color: rgb(var(--sale-background));
}
.color-invert .sale-price:not(.predictive-search .sale-price):not(.stories-slideshow__stories .sale-price), 
.color-custom .sale-price:not(.predictive-search .sale-price):not(.stories-slideshow__stories .sale-price),
.regular-price {
  color: rgb(var(--layout-text-color));
}
.regular-price--dim {
  opacity: .7;
}

.card__badges.card__badges--product {
  display: none;
  letter-spacing: var(--label-letter-spacing);
}

.product__info-container .card__badges.card__badges--product {
  display: flex;
}

.price .card__badges--product {
  position: relative;
  top: 0;
  left: 0;
}

.product__shipping-policy .shipping-policy-link {
  color: rgb(var(--accent-button-color));
  transition: color var(--animation-duration) var(--transition-timing-function);
}

.price__wrapper {
  gap: 2px 8px;
}
.price,
.price__regular {
  gap: 8px;
}

@media (hover: hover) {
  .product__shipping-policy .shipping-policy-link:hover {
    color: rgb(var(--hover-button-color));
  }
}

/* Fonts */
.product__info-container .price--minimal_uppercase,
.sticky-cart__content .price--minimal_uppercase {
  font: var(--base-body-s-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.product__info-container .price--custom,
.sticky-cart__content .price--custom {
  font: var(--body-s-font);
  letter-spacing: var(--body-s-letter-spacing);
}
.product__info-container .price--minimal_basic,
.product__info-container .price--classic,
.sticky-cart__content .price--minimal_basic,
.sticky-cart__content .price--classic {
  font: var(--base-body-m-font);
}
.product__info-container .price--minimal_heavy,
.sticky-cart__content .price--minimal_heavy {
  font: var(--base-heading-xs-font);
}
.product__info-container .price--avant_garde,
.sticky-cart__content .price--avant_garde {
  font: var(--accent-body-l-font);
}
.product__info-container .price--contrast,
.product__info-container .price--duet,
.sticky-cart__content .price--contrast,
.sticky-cart__content .price--duet {
  font: var(--accent-heading-xs-font);
}
.product__info-container .price--brutalist,
.sticky-cart__content .price--brutalist {
  font: var(--accent-heading-s-font);
  text-transform: uppercase;
}
.price-badges--minimal_uppercase,
.price-badges--brutalist {
  font: var(--base-label-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.price-badges--custom {
  font: var(--label-font);
  letter-spacing: var(--label-letter-spacing);
}
.price-badges--minimal_basic,
.price-badges--minimal_heavy,
.price-badges--classic,
.price-badges--avant_garde,
.price-badges--contrast,
.price-badges--duet {
  font: var(--base-label-font);
}

/* Component product features */
.product-labels__item .popup-wrapper {
    color: rgb(var(--layout-text-color));
}

.product-labels {
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: rgb(var(--layout-text-color));
}

.product-labels--inline {
    display: inline-flex;
    width: calc((100% - 24px) / 2);
}

.product-labels--inline + .product-labels--inline + .product-labels--inline,
.product-labels--inline + .product-labels--inline + .product-labels--inline + .product-labels--inline  {
    margin-top: 24px;
}

.product-labels--inline + .product-labels--inline,
.product-labels--inline + .product-labels--inline + .product-labels--inline {
    margin-inline-start: 20px;
}

.product__info-container:has(.product-labels--inline + .product-labels--inline + .product-labels--inline) .product-labels--inline {
    width: calc((100% - 24px * 2) / 3);
}

.product__info-container:has(.product-labels--inline + .product-labels--inline + .product-labels--inline + .product-labels--inline) .product-labels--inline {
    width: calc((100% - 24px) / 2);
}

.product__info-container:has(.product-labels--inline + .product-labels--inline + .product-labels--inline + .product-labels--inline) .product-labels--inline:nth-child(2n) {
    margin-inline-end: 0;
}

.product__info-container:has(.product-labels--inline + .product-labels--inline + .product-labels--inline + .product-labels--inline) .product-labels--inline + .product-labels--inline + .product-labels--inline {
    margin-inline-start: 20px;
}  

.product-labels__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 24px;
}

.product-labels__container--1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px 24px;
}

.product-labels__container--1,
.mobile-grid-1 {
    --columns-count: 1;
}

.product-labels__container--2,
.mobile-grid-2  {
    --columns-count: 2;
}

.product-labels__container--3 {
    --columns-count: 3;
}

.product-labels__container--4 {
    --columns-count: 4;
}

.product-labels--inline .product-labels__container {
    grid-template-columns: repeat(1, 1fr);
}

.product-labels__block.product-labels__container--2 {
    grid-template-columns: repeat(2, 1fr);
}

.product-labels__block.product-labels__container--3 {
    grid-template-columns: repeat(3, 1fr);
}

.product-labels--grid .product-labels__container--4 {
    grid-template-columns: repeat(4, 1fr);
}

.product-labels__wrapper {
    display: flex;
    gap: 8px;
    position: relative;
}
.product-labels__wrapper.column {
    flex-direction: column;
}
.product-labels__wrapper.open-popup.pointer {
    cursor: pointer;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.product-labels__image {
    overflow: clip;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: var(--media-size);
    width: 100%; 
    aspect-ratio: 1 / 1;
}
.product-labels__image--small {
    width: 32px;
    height: 32px;
}
.product-labels__image--medium {
    width: 48px;
    height: 48px;
}
.product-labels__image--large {
    width: 90px;
    height: 90px;
}
.product-labels__icon {
    height: 100%;
    width: 100%;
}
.product-labels__icon svg {
    height: 100%;
    width: var(--media-size);
    max-width: 100%;
    fill: rgb(var(--layout-text-color));
}
.product-labels__image-item img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: contain;
    border-radius: var(--context-icon-radius);
    -webkit-border-radius: var(--context-icon-radius);
}
.product-labels__image-item {
    width: 100%;
    height: 100%;
    overflow: clip;
}

.product-labels__image--fill .product-labels__image-item {
    width: 100%;
}
.product-labels__image--fill .lazy-image {
    height: 100%;
}
.product-labels__image--fill .product-labels__image-item {
    width: 100%;
    border-radius: var(--context-icon-radius);
    -webkit-border-radius: var(--context-icon-radius); 
}
.product-labels__image--fill .product-labels__image-item img {
    object-fit: cover;   
}
.without-heading.product-labels__description:first-child p:nth-last-child(2),
.without-heading.product-labels__description:first-child h1:nth-last-child(2),
.without-heading.product-labels__description:first-child h2:nth-last-child(2),
.without-heading.product-labels__description:first-child h3:nth-last-child(2),
.without-heading.product-labels__description:first-child h4:nth-last-child(2),
.without-heading.product-labels__description:first-child h5:nth-last-child(2),
.without-heading.product-labels__description:first-child h6:nth-last-child(2),
.without-heading.product-labels__description:first-child svg {
    display: inline !important;
}
.product-labels__description svg, .product-labels__title svg {
    fill: rgb(var(--layout-text-color));
    vertical-align: middle;
    aspect-ratio: 1/1;
}
.product-labels__description svg {
    padding-top: 0px!important;
}
.product-labels__description.dim-icon svg, .product-labels__title.dim-icon svg {
    fill: rgba(var(--layout-text-color), 0.7);
}

.product__info-block .product-labels__heading--lines {
    padding-bottom: 24px;
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.product-labels__link {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
a.product-labels__link:focus-visible {
    outline-offset: -2px;
}

@media (hover: hover) {
    .product-labels__link:not(.no-hover):hover, 
    .product-labels__wrapper.open-popup.pointer:not(.no-hover):hover {
        opacity: 0.7;
    }
}
.product-labels__item .button-wrapper {
    padding-inline-end: 16px;
}

/* Styles for section */
.section-product-features .product-labels__wrapper.center-elements {
    align-items: center;
}
.section-product-features .product-labels__wrapper.center-elements .product-labels__description,
.section-product-features .product-labels__wrapper.center-elements .product-labels__title {
    text-align: center;
}
.section-product-features .product-labels__wrapper.center-elements .richtext ul,
.section-product-features .product-labels__wrapper.center-elements .richtext ol {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.section-product-features .product-labels--slider .product-labels__container {
    max-width: 100%;
    display: flex;
}
.section-product-features .product-labels--slider .product-labels__header {
    gap: 16px;
}
.section-product-features [id^="GalleryViewer-"] {
    overflow-y: visible;
    overflow-x: clip;
}
.section-product-features .product-labels,
.section-product-features .product-labels .slider-wrapper {
    display: flex;
    flex-direction: column;
}
.section-product-features .product-labels__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section-product-features .product-labels__header.center-elements {
    justify-content: center;
    text-align: center;
}
.section-product-features .product-labels__item {
    height: 100%;
}
.section-product-features .product-labels.product-labels--spacious,
.section-product-features .product-labels.product-labels--spacious .slider-wrapper {
    gap: 64px;
}
.section-product-features .product-labels.product-labels--compact,
.section-product-features .product-labels.product-labels--compact .slider-wrapper {
    gap: 24px;
}
.section-product-features .product-labels.product-labels--lines,
.section-product-features .product-labels.product-labels--lines .slider-wrapper {
    gap: 0;
}
.section-product-features .product-labels--spacious .product-labels__container--2,
.section-product-features .product-labels--spacious .product-labels__container--4 {
    --gap: 80px;
    --collections-gap: 80px;
}
.section-product-features .product-labels--spacious .product-labels__container--3 {
    --gap: 120px;
}
.section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--2,
.section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--4 {
    --gap: 40px;
}
.section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--3 {
    --gap: 60px;
}
.section-product-features .product-labels--compact .product-labels__container--2,
.section-product-features .product-labels--compact .product-labels__container--4,
.section-product-features .product-labels--compact .product-labels__container--3 {
    --gap: 12px;
    --collections-gap: 12px;
}
.section-product-features .product-labels--compact.product-labels--lines .product-labels__container--2,
.section-product-features .product-labels--compact.product-labels--lines .product-labels__container--4,
.section-product-features .product-labels--compact.product-labels--lines .product-labels__container--3 {
    --gap: 16px;
}

.section-product-features .product-labels--grid .product-labels__container {
    display: grid;
}
.section-product-features .product-labels--grid .product-labels__container--2 {
    grid-template-columns: repeat(2, 1fr);
}
.section-product-features .product-labels--grid .product-labels__container--3 {
    grid-template-columns: repeat(3, 1fr);
}

/* Styles for masonry multicolumn */
.section-product-features cascading-grid .multicolumn {
    .product-labels__container {
        width: calc(100% + var(--gap));
    }

    .product-labels__container--2 .product-labels__item-wrapper:nth-child(-n + 2),
    .product-labels__container--3 .product-labels__item-wrapper:nth-child(-n + 3),
    .product-labels__container--4 .product-labels__item-wrapper:nth-child(-n + 4) {
        padding-top: 0;
    }

    .product-labels__item-wrapper {
        width: calc(100% / var(--columns-count));
        padding-inline-end: var(--gap);

        .product-labels__container--2 &,
        .product-labels__container--4 & {
            padding-top: var(--gap);
        } 

        .product-labels__container--3 & {
            padding-top: 64px;
        }

        .product-labels__container--2 &:nth-child(2n + 2),
        .product-labels__container--3 &:nth-child(3n + 3),
        .product-labels__container--4 &:nth-child(4n + 4)
        {
            width: calc(100% / var(--columns-count) - var(--gap));
            padding-inline-end: 0;
        } 

        @media screen and (max-width: 1048px) and (min-width: 921px),
               screen and (max-width: 768px)  {
            .product-labels--spacious .mobile-grid-2 & {
                --columns-count: 2;

                padding-inline-end: var(--gap);

                &:not(:nth-child(-n + 2)) {
                    padding-top: 64px;
                }

                &:nth-child(2n) {
                    width: calc(100% / var(--columns-count) - var(--gap));
                    padding-inline-end: 0;
                }

                &:nth-child(2n + 1) {
                    width: calc(100% / var(--columns-count));
                }
            }

            .product-labels--spacious .mobile-grid-1 & {
                --columns-count: 1;

                &:not(:first-child) {
                    padding-top: 64px;
                }
            }        
        }

        @media screen and (max-width: 968px) and (min-width: 921px),
               screen and (max-width: 768px)  {
            .product-labels--compact .mobile-grid-2 & {
                --columns-count: 2;

                padding-inline-end: var(--gap);

                &:not(:nth-child(-n + 2)) {
                    padding-top: 32px;
                }
            }

            .product-labels--compact .mobile-grid-1 & {
                --columns-count: 1;

                &:not(:first-child) {
                    padding-top: 32px;
                }
            } 
        }
    }

    &.product-labels--compact {
        .product-labels__container--2 .product-labels__item-wrapper,
        .product-labels__container--3 .product-labels__item-wrapper,
        .product-labels__container--4 .product-labels__item-wrapper  {
            padding-top: 32px;   
        }
    }
}  

/* Styles for masonry multicolumn with lines */
.section-product-features cascading-grid .multicolumn.product-labels--lines {
    --line-color: rgba(var(--layout-text-color), var(--line-opacity));
    --horizontal-gap: 48px;

    &.product-labels--compact {
        --horizontal-gap: 24px;
    }

    .product-labels__container {
        background-size: 100% calc(100% - var(--horizontal-gap) - var(--line-width)); 
        background-position: 0 calc(var(--horizontal-gap) + var(--line-width));            
        background-repeat: no-repeat;
    }

    .product-labels__container--2,
    .product-labels__container--3,
    .product-labels__container--4 {
        --lines-gradient-direction: right;
        width: calc(100% + (var(--gap) * 2  + var(--line-width)));
    }

    .product-labels__container--2 {
        background-image: linear-gradient(
            to var(--lines-gradient-direction),
            transparent calc(100% / 2 - var(--line-width) - var(--gap)), 
            var(--line-color) calc(100% / 2 - var(--line-width) - var(--gap)),
            var(--line-color) calc(100% / 2 - var(--gap)),
            transparent calc(100% / 2 - var(--gap)) 
        );
    }

    .product-labels__container--3 {
        background-image: linear-gradient(
            to var(--lines-gradient-direction),
            transparent calc(100% / 3 - var(--line-width) - var(--gap)),
            var(--line-color) calc(100% / 3 - var(--line-width) - var(--gap)),
            var(--line-color) calc(100% / 3 - var(--gap)),
            transparent calc(100% / 3 - var(--gap)),
            transparent calc(100% / 3 * 2 - var(--line-width) - var(--gap)),
            var(--line-color) calc(100% / 3 * 2 - var(--line-width)  - var(--gap)),
            var(--line-color) calc(100% / 3 * 2  - var(--gap)),
            transparent calc(100% / 3 * 2 - var(--gap))
        );
    }

    .product-labels__container--4 {
        background-image: linear-gradient(
            to var(--lines-gradient-direction),
            transparent calc(100% / 4 - var(--line-width) - var(--gap)), 
            var(--line-color) calc(100% / 4 - var(--line-width) - var(--gap)),
            var(--line-color) calc(100% / 4 - var(--gap)),
            transparent calc(100% / 4 - var(--gap)), 
            transparent calc(100% / 4 * 2 - var(--line-width) - var(--gap)),
            var(--line-color) calc(100% / 4 * 2 - var(--line-width) - var(--gap)), 
            var(--line-color) calc(100% / 4 * 2 - var(--gap)), 
            transparent calc(100% / 4 * 2 - var(--gap)), 
            transparent calc(100% / 4 * 3 - var(--line-width) - var(--gap)), 
            var(--line-color) calc(100% / 4 * 3 - var(--line-width) - var(--gap)),
            var(--line-color) calc(100% / 4 * 3 - var(--gap)), 
            transparent calc(100% / 4 * 3 - var(--gap))  
        );     
    }

    &.product-labels .mobile-grid-2 {
        @media screen and (max-width: 968px) and (min-width: 921px),
        screen and (max-width: 768px)  { 
            --columns-count: 2;

             background-image: linear-gradient(
                to var(--lines-gradient-direction),
                transparent calc(100% / 2 - var(--line-width) - var(--gap)), 
                var(--line-color) calc(100% / 2 - var(--line-width) - var(--gap)),
                var(--line-color) calc(100% / 2 - var(--gap)),
                transparent calc(100% / 2 - var(--gap)) 
            );
        }
    }

    &.product-labels .mobile-grid-1 {
        @media screen and (max-width: 968px) and (min-width: 921px),
        screen and (max-width: 768px)  { 
            --columns-count: 1;

             background-image: none;
        }
    }

    .product-labels__item-wrapper {
        .product-labels__container.product-labels__container--2 &:nth-child(2n + 2),
        .product-labels__container.product-labels__container--3 &:nth-child(3n + 3),
        .product-labels__container.product-labels__container--4 &:nth-child(4n + 4) {
            width: calc((100% / var(--columns-count)) - (var(--gap) * 2)); 
        } 

        .product-labels__container.product-labels__container--2 &:not(:nth-child(2n)),
        .product-labels__container.product-labels__container--3 &:not(:nth-child(3n)),
        .product-labels__container.product-labels__container--4 &:not(:nth-child(4n)) {
            padding-inline-end: calc(var(--gap) * 2 + var(--line-width)); 
        } 

        .product-labels__container.product-labels__container--2 &:not(:nth-child(-n + 2)),
        .product-labels__container.product-labels__container--3 &:not(:nth-child(-n + 3)),
        .product-labels__container.product-labels__container--4 &:not(:nth-child(-n + 4)) {
            border-top: 0;

            .product-labels__item {
                padding-top: var(--horizontal-gap);
                border-top: var(--line-width) solid var(--line-color);
            }
        } 

        @media screen and (max-width: 1048px) and (min-width: 921px),
               screen and (max-width: 768px)  {
            .product-labels--spacious .mobile-grid-2 & {                
                &:nth-child(2n) {
                    width: calc(100% / var(--columns-count) - (var(--gap) * 2 + var(--line-width))); 
                    padding-inline-end: 0;
                }

                &:nth-child(2n + 1) {
                    width: calc(100% / var(--columns-count));
                    padding-inline-end: calc(var(--gap) * 2 + var(--line-width));
                }

                &:not(:nth-child(-n + 2)) {
                    padding-inline-start: 0;
                    border-top: 0;
                    padding-top: var(--horizontal-gap);

                    .product-labels__item {
                        padding-top: var(--horizontal-gap);
                        padding-inline-end: 0;
                        border-top: var(--line-width) solid var(--line-color);
                        border-inline-end: 0;
                    }
                }
            }

            .product-labels--spacious .mobile-grid-1 & {
                &:first-child {
                    width: calc(100% - 2 * var(--gap));
                    padding-inline-end: 0;
                }
                
                &:not(:first-child) {
                    padding-top: var(--horizontal-gap);
                    border-top: 0;
                    
                    .product-labels__item {
                        padding-top: var(--horizontal-gap);
                        border-top: var(--line-width) solid var(--line-color);
                    }
                }
            }        
        }

        @media screen and (max-width: 968px) and (min-width: 921px),
                screen and (max-width: 768px)  {
            .product-labels--compact .mobile-grid-2 & {
                &:nth-child(2n) {
                    width: calc(100% / var(--columns-count) - (var(--gap) * 2 + var(--line-width))); 
                    padding-inline-end: 0;
                }

                &:nth-child(2n + 1) {
                    width: calc(100% / var(--columns-count));
                    padding-inline-end: calc(var(--gap) * 2 + var(--line-width));
                }

                &:not(:nth-child(-n + 2)) {
                    padding-inline-start: 0;
                    border-top: 0;
                    padding-top: var(--horizontal-gap);

                    .product-labels__item {
                        padding-top: var(--horizontal-gap);
                        padding-inline-end: 0;
                        border-top: var(--line-width) solid var(--line-color);
                        border-inline-end: 0;
                    }
                }
            }

            .product-labels--compact .mobile-grid-1 & {
                &:first-child {
                    width: calc(100% - 2 * var(--gap));
                    padding-inline-end: 0;
                }
                
                &:not(:first-child) {
                    padding-top: var(--horizontal-gap);
                    border-top: 0;
                    
                    .product-labels__item {
                        padding-top: var(--horizontal-gap);
                        border-top: var(--line-width) solid var(--line-color);
                    }
                }
            } 
        }
    }
}

.section-product-features .product-labels--grid.product-labels--lines .product-labels__container--3 {
    grid-template-columns: calc((100% - var(--gap) * 4) / 3 + var(--gap) + var(--line-width) / 3) calc((100% - var(--gap) * 4) / 3 + var(--gap) * 2 + var(--line-width) / 3) calc((100% - var(--gap) * 4) / 3 + var(--gap));
}
.section-product-features .product-labels--grid.product-labels--lines .product-labels__container--4 {
    grid-template-columns: calc((100% - var(--gap) * 6) / 4 + var(--gap) + var(--line-width) / 4) calc((100% - var(--gap) * 6) / 4 + var(--gap) * 2 + var(--line-width) / 4) calc((100% - var(--gap) * 6) / 4 + var(--gap) * 2 + var(--line-width) / 4) calc((100% - var(--gap) * 6) / 4 + var(--gap));
}

.section-product-features-default .product-labels--spacious.product-labels--grid .product-labels__container--2 {
    gap: 64px 80px;
    --collections-gap: 80px;
}

.section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container
.section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--2,
.section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--3,
.section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--4 {
    gap: 48px 0;
}
.section-product-features .product-labels--compact.product-labels--grid .product-labels__container--2,
.section-product-features .product-labels--compact.product-labels--grid .product-labels__container--3,
.section-product-features .product-labels--compact.product-labels--grid .product-labels__container--4 {
    gap: 32px 12px;
    --collections-gap: 12px;
}
.section-product-features .product-labels--compact.product-labels--grid.product-labels--lines .product-labels__container--2,
.section-product-features .product-labels--compact.product-labels--grid.product-labels--lines .product-labels__container--3,
.section-product-features .product-labels--compact.product-labels--grid.product-labels--lines .product-labels__container--4 {
    gap: 24px 0;
}
.section-product-features .product-labels--spacious.product-labels--grid .product-labels__container--3 {
    gap: 64px 120px;
    --collections-gap: 120px;
}
.section-product-features .product-labels--slider.product-labels--lines modal-dialog {
    display: block;
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
main > .section-product-features:first-child .product-labels--slider.product-labels--lines modal-dialog {
    border-top: none;
}
.section-product-features .product-labels--spacious.product-labels--slider.product-labels--lines .product-labels__container,
.section-product-features .product-labels--spacious.product-labels--slider.product-labels--lines .slider-buttons-items--bottom,
.section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--1,
.section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:not(:first-child),
.section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:not(:nth-child(2)),
.section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper,
.section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper {
    padding-top: 48px;
}
.section-product-features .product-labels--compact.product-labels--slider.product-labels--lines .product-labels__container,
.section-product-features .product-labels--compact.product-labels--slider.product-labels--lines  .slider-buttons-items--bottom,
.section-product-features .product-labels--compact.product-labels--lines.product-labels--grid .product-labels__container--1,
.section-product-features .product-labels--compact.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:not(:first-child),
.section-product-features .product-labels--compact.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:not(:nth-child(2)),
.section-product-features .product-labels--compact.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper,
.section-product-features .product-labels--lines.product-labels--grid.product-labels--compact .product-labels__container--4 .product-labels__item-wrapper {
    padding-top: 24px;
}
main > .section-product-features:first-child .product-labels.product-labels--slider.product-labels--lines .product-labels__container {
    padding-top: 0;
}

.section-product-features .product-labels__container {
    gap: var(--gap);
}

.section-product-features .product-labels__container .product-labels__item-wrapper {
    flex: 0 0 calc((100% - (var(--gap) * (var(--columns-count) - 1))) / var(--columns-count));
}

.section-product-features .product-labels--lines.product-labels--slider .product-labels__container--2 .product-labels__item-wrapper.last-desktop {
    flex: 0 0 calc((100% - var(--gap)) / 2 + ((var(--gap) + var(--line-width)) / 2) - var(--gap) - var(--line-width));
    padding-inline-end: 0;
    border-inline-end: none;
}
.section-product-features .product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper {
    flex: 0 0 calc((100% - var(--line-width)) / 2);
}
.section-product-features-default .product-labels--compact .product-labels__item {
    padding-inline-end: 14px;
}
.section-product-features-default .product-labels--compact .product-labels__item.centered {
    padding-inline-start: 14px;
}
.section-product-features-default .product-labels--compact.product-labels--lines .product-labels__item,
.section-product-features-default .product-labels--compact.product-labels--lines .product-labels__item.centered {
    padding-inline-end: 0;
    padding-inline-start: 0;
}

.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n+1) ,
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:nth-of-type(3n+3)) ,
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:nth-of-type(4n)) {
    .product-labels__item {
        padding-inline-end: var(--gap);
        border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    }
}

.section-product-features cascading-grid .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n+1) ,
.section-product-features cascading-grid .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:nth-of-type(3n+3)) ,
.section-product-features cascading-grid .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:nth-of-type(4n)) {
    .product-labels__item {
        padding-inline-end: 0;
        border-inline-end: 0;
    }
}

.section-product-features .product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n+1),
.section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper,
.section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:first-child,
.section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-child(2),
.section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-child(3),
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n),
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(3n),
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper {
    padding-inline-end: 0;
}
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n),
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(3n),
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:nth-child(3n + 1)),
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:nth-of-type(4n - 3)) {
    padding-inline-start: var(--gap);
}

.section-product-features cascading-grid .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n),
.section-product-features cascading-grid .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(3n),
.section-product-features cascading-grid .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:nth-child(3n + 1)),
.section-product-features cascading-grid .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:nth-of-type(4n - 3)) {
    padding-inline-start: 0;
}

.section-product-features .product-labels.product-labels--lines .product-labels__header {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--1,
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:not(:first-child),
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:not(:nth-child(2)),
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper,
.section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

main > .section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--1,
main > .section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:first-child,
main > .section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-child(2),
main > .section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-child(1),
main > .section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-child(2),
main > .section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-child(3),
main > .section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-child(1),
main > .section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-child(2),
main > .section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-child(3),
main > .section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-child(4) {
    border-top: none;
    padding-top: 0!important;
}

.section-product-features .product-labels--lines .product-labels__container .product-labels__item-wrapper {
    flex: 0 0 calc((100% - (var(--gap) * (var(--columns-count) - 1))) / var(--columns-count) + ((var(--gap) + var(--line-width)) / var(--columns-count)));
    padding-inline-end: var(--gap);
}

.section-product-features .product-labels--lines.product-labels--slider .product-labels__container--4 .product-labels__item-wrapper.last-desktop {
    flex: 0 0 calc((100% - (var(--gap) * 3)) / 4 + ((var(--gap) + var(--line-width)) / 4) - var(--gap) - var(--line-width));
    padding-inline-end: 0;
    border-inline-end: none;
}
.section-product-features .product-labels--lines .product-labels__container--4 .product-labels__item-wrapper.last-desktop {
    flex: 0 0 calc((100% - (var(--gap) * 3)) / 4 + ((var(--gap) + var(--line-width)) / 4) - var(--line-width) - var(--gap));
    padding-inline-end: 0;
}
.section-product-features .product-labels--lines.product-labels--slider .product-labels__item-wrapper {
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.section-product-features .product-labels--lines.product-labels--slider .border-none .product-labels__item-wrapper,
.section-product-features .product-labels--lines.product-labels--slider .product-labels__item-wrapper.last-desktop {
    flex: 0 0 calc((100% - (var(--gap) * 2)) / 3 + ((var(--gap) + var(--line-width)) / 3) - var(--gap) - var(--line-width));
    border-inline-end: none;
    padding-inline-end: 0;
}
.section-product-features .product-labels--lines.product-labels--slider .border-none.product-labels__container--1 .product-labels__item-wrapper,
.section-product-features .product-labels--lines.product-labels--slider .product-labels__container--1 .product-labels__item-wrapper.last-desktop,
.section-product-features .product-labels--slider .border-none.product-labels__container--1 .product-labels__item-wrapper,
.section-product-features .product-labels--slider .product-labels__container--1 .product-labels__item-wrapper {
    flex: 0 0 100%;
}
.section-product-features .product-labels--spacious.product-labels--lines .product-labels__header {
    padding: 48px 0;
}
.section-product-features .product-labels--compact.product-labels--lines .product-labels__header {
    padding: 24px 0;
}

.section-product-features .product-labels__heading--accent {
    color: rgb(var(--accent-button-color));
}

/* Font */
.product-labels__item--minimal_uppercase {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.product-labels__item--minimal_basic,
.product-labels__item--classic,
.product-labels__item--duet {
    font: var(--base-body-s-font);
}
.product-labels__item--minimal_heavy,
.product-labels__title--contrast,
.section-product-features .product-labels__item--duet {
    font: var(--base-body-l-font);
}
.product-labels__item--avant_garde {
    font: var(--accent-body-s-font);
}
.product-labels__item--contrast {
    font: var(--base-label-font);
}
.product-labels__item--brutalist,
.product-labels__title--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.product-labels__title--minimal_basic {
    font: var(--base-body-m-font);
}
.product-labels__title--minimal_heavy,
.section-product-features .product-labels__heading--minimal_basic {
    font: var(--base-heading-xs-font);
}
.product-labels__title--classic,
.product-labels__title--duet,
.section-product-features .product-labels__heading--duet {
    font: var(--accent-body-l-font);
}
.product-labels__title--avant_garde {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.product-labels__title--brutalist,
.section-product-features .product-labels__heading--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.section-product-features .product-labels__heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.section-product-features .product-labels__heading--classic {
    font: var(--accent-heading-s-font);
}
.section-product-features .product-labels__heading--avant_garde {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
}
.section-product-features .product-labels__heading--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.section-product-features .product-labels__heading--brutalist {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.section-product-features .product-labels__heading--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}
.product-labels__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.product-labels__item--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}
.section-product-features .product-labels__item--custom {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .section-product-features .product-labels--spacious .product-labels__container--2,
    .section-product-features .product-labels--spacious .product-labels__container--4 {
        --gap: 64px;
        --collections-gap: 64px;
    }
    .section-product-features .product-labels--spacious .product-labels__container--3 {
        --gap: 96px;
    }
    .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--2,
    .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--4 {
        --gap: 24px;
    }
    .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--3 {
        --gap: 32px;
    }
    .section-product-features-default .product-labels--spacious.product-labels--grid .product-labels__container--2 {
        gap: 64px 64px;
        --collections-gap: 64px;
    }
    .section-product-features-default .product-labels--spacious.product-labels--grid .product-labels__container--3,
    section.multicolumn .product-labels--spacious.product-labels--grid:not(.product-labels--lines) .product-labels__container--3 {
        gap: 64px 96px;
        --collections-gap: 96px;
    }
    .section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--2,
    .section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--3 {
        gap: 48px 0;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .section-product-features .page-width.product-labels--spacious .product-labels__container--2,
    .section-product-features .page-width.product-labels--spacious .product-labels__container--4 {
        --gap: 64px;
        --collections-gap: 64px;
    }
    .section-product-features .page-width.product-labels--spacious .product-labels__container--3 {
        --gap: 96px;
    }
    .section-product-features .page-width.product-labels--spacious.product-labels--lines .product-labels__container--2,
    .section-product-features .page-width.product-labels--spacious.product-labels--lines .product-labels__container--4 {
        --gap: 24px;
    }
    .section-product-features .page-width.product-labels--spacious.product-labels--lines .product-labels__container--3 {
        --gap: 32px;
    }
    .section-product-features-default .page-width.product-labels--spacious.product-labels--grid .product-labels__container--2 {
        gap: 64px 64px;
        --collections-gap: 64px;
    }
    .section-product-features-default .page-width.product-labels--spacious.product-labels--grid .product-labels__container--3,
    section.multicolumn .page-width.product-labels--spacious.product-labels--grid:not(.product-labels--lines) .product-labels__container--3 {
        gap: 64px 96px;
        --collections-gap: 96px;
    }
    .section-product-features .page-width.product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--2,
    .section-product-features .page-width.product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--3 {
        gap: 48px 0;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {  
    .section-product-features .product-labels__heading--brutalist {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
    .section-product-features .product-labels--spacious .product-labels__container--2,
    .section-product-features .product-labels--spacious .product-labels__container--4 {
        --gap: 48px;
        --collections-gap: 48px;
    }
    .section-product-features .product-labels--spacious .product-labels__container--3 {
        --gap: 64px;
    }
    .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--3 {
        --gap: 24px;
    }
    .section-product-features .product-labels--spacious.product-labels--grid .product-labels__container--2 {
        gap: 64px 48px;
        --collections-gap: 48px;
    }
    .section-product-features .product-labels--spacious.product-labels--grid .product-labels__container--3,
    .section-product-features.multicolumn .product-labels--spacious.product-labels--grid:not(.product-labels--lines) .product-labels__container--3 {
        gap: 64px 64px;
        --collections-gap: 64px;
    }
    .section-product-features cascading-grid :not(.multicolumn) .product-labels__container .product-labels__item-wrapper{       
        padding-top: 64px;
        padding-inline-end: 64px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .section-product-features .product-labels__heading--minimal_heavy,
    .section-product-features .product-labels__heading--brutalist {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .section-product-features .product-labels__heading--contrast {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .product-labels__container,
    .section-product-features .product-labels--grid .product-labels__container--2,
    .section-product-features .product-labels--grid .product-labels__container--3,
    .section-product-features .product-labels--grid.product-labels--lines .product-labels__container--3,
    .section-product-features .product-labels--grid.product-labels--lines .product-labels__container--4,
    .section-product-features .product-labels--grid .product-labels__container--4 {
        grid-template-columns: 1fr 1fr;
    }
    .section-product-features .product-labels--spacious .product-labels__container--2,
    .section-product-features .product-labels--spacious .product-labels__container--4,
    .section-product-features .product-labels--spacious .product-labels__container--3 {
        --gap: 24px;
        --collections-gap: 24px;
    }
    .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--2,
    .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--4,
    .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--3 {
        --gap: 16px;
    }
    .section-product-features .product-labels--compact.product-labels--lines .product-labels__container--2,
    .section-product-features .product-labels--compact.product-labels--lines .product-labels__container--4,
    .section-product-features .product-labels--compact.product-labels--lines .product-labels__container--3 {
        --gap: 8px;
    }
    .section-product-features-default .product-labels--spacious.product-labels--grid .product-labels__container--2,
    .section-product-features-default .product-labels--spacious.product-labels--grid .product-labels__container--3,
    .section-product-features.multicolumn .product-labels--spacious.product-labels--grid:not(.product-labels--lines) .product-labels__container--3 {
        gap: 64px 24px;
    }
    .section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--2,
    .section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--3,
    .section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--4 {
        gap: 32px 0;
    }
    .section-product-features .product-labels--spacious.product-labels--slider.product-labels--lines .product-labels__container,
    .section-product-features .product-labels--spacious.product-labels--slider.product-labels--lines .slider-buttons-items--bottom,
    .section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:not(:first-child),
    .section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:not(:nth-child(2)),
    .section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper,
    .section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper {
        padding-top: 32px;
    }
    main>.section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-child(3),
    main>.section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-child(3),
    main>.section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-child(4) {
        border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
        padding-top: 32px!important;
    }
    .section-product-features .product-labels--slider .product-labels__container--2 .product-labels__item-wrapper {
        flex: 0 0 calc((100% - (var(--gap) * (var(--icons_with_text-quantity) - 1))) / (var(--icons_with_text-quantity)));
    }
    .section-product-features .product-labels--slider .product-labels__container--3 .product-labels__item-wrapper {
        flex: 0 0 calc((100% - (var(--gap) * (var(--icons_with_text-quantity) - 2))) / (var(--icons_with_text-quantity) - 1));
    }
    .section-product-features .product-labels--slider .product-labels__container--4 .product-labels__item-wrapper {
        flex: 0 0 calc((100% - (var(--gap) * (var(--icons_with_text-quantity) - 3))) / (var(--icons_with_text-quantity) - 2));
    }
    .section-product-features .product-labels--slider.product-labels--lines .product-labels__container--2 .product-labels__item-wrapper {
        flex: 0 0 calc(((100% - (var(--gap) * (var(--icons_with_text-quantity) - 1))) / (var(--icons_with_text-quantity))) + (var(--gap) / var(--icons_with_text-quantity)));
    }
    .section-product-features .product-labels--slider.product-labels--lines .product-labels__container--3 .product-labels__item-wrapper{
        flex: 0 0 calc(((100% - (var(--gap) * (var(--icons_with_text-quantity) - 2))) / (var(--icons_with_text-quantity) - 1)) + (var(--gap) / var(--icons_with_text-quantity)));
    }
    .section-product-features .product-labels--slider.product-labels--lines .product-labels__container--3 .product-labels__item-wrapper.last-mobile {
        flex: 0 0 calc(((100% - (var(--gap) * (var(--icons_with_text-quantity) - 2))) / (var(--icons_with_text-quantity) - 1)) + (var(--gap) / var(--icons_with_text-quantity)) - var(--line-width) - var(--gap));
    }
    .section-product-features .product-labels--slider.product-labels--lines .product-labels__container--4 .product-labels__item-wrapper {
        flex: 0 0 calc(((100% - (var(--gap) * (var(--icons_with_text-quantity) - 3))) / (var(--icons_with_text-quantity) - 2)) + (var(--gap) / var(--icons_with_text-quantity)));
    }
    .section-product-features .product-labels--slider.product-labels--lines .product-labels__container--4 .product-labels__item-wrapper.last-mobile {
        flex: 0 0 calc((((100% - (var(--gap) * (var(--icons_with_text-quantity) - 3))) / (var(--icons_with_text-quantity) - 2)) + (var(--gap) / var(--icons_with_text-quantity))) - var(--line-width) - var(--gap));
    }
    .section-product-features .product-labels--slider:not(.product-labels--lines) .mobile-grid-1.product-labels__container--2 .product-labels__item-wrapper,
    .section-product-features .product-labels--slider:not(.product-labels--lines) .mobile-grid-1.product-labels__container--3 .product-labels__item-wrapper,
    .section-product-features .product-labels--slider:not(.product-labels--lines) .mobile-grid-1.product-labels__container--4 .product-labels__item-wrapper {
        flex: 0 0 100%;
        padding-inline-end: 0;
        border-inline-end: none;
    }
    .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--2 .product-labels__item-wrapper,
    .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--3 .product-labels__item-wrapper,
    .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--4 .product-labels__item-wrapper {
        flex: 0 0 calc(100% + var(--gap) + var(--line-width)) ;
        padding-inline-end: var(--gap);
    }
    .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--2 .product-labels__item-wrapper.last-mobile,
    .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--3 .product-labels__item-wrapper.last-mobile,
    .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--4 .product-labels__item-wrapper.last-mobile {
        flex: 0 0 100%;
        padding-inline-end: 0;
    }
    .section-product-features .product-labels--grid .mobile-grid-1.product-labels__container--1,
    .section-product-features .product-labels--grid .mobile-grid-1.product-labels__container--2,
    .section-product-features .product-labels--grid .mobile-grid-1.product-labels__container--3,
    .section-product-features .product-labels--grid.product-labels--lines .mobile-grid-1.product-labels__container--3,
    .section-product-features .product-labels--grid .mobile-grid-1.product-labels__container--4,
    .section-product-features .product-labels--grid.product-labels--lines .mobile-grid-1.product-labels__container--4 {
        grid-template-columns: 1fr;
    }
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n+1) .product-labels__item,
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n - 1)  .product-labels__item,
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-of-type(2n - 1)  .product-labels__item {
        padding-inline-end: var(--gap);
        border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    }
    .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n+1) {
        padding-inline-end: 0;
    }
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n) {
        padding-inline-start: var(--gap);
        padding-inline-end: 0;
    }
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .mobile-grid-1.product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n),
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(3n),
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-of-type(4n - 1) {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    .section-product-features-default .product-labels.product-labels--lines.product-labels--grid .mobile-grid-1.product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n - 1)  .product-labels__item,
    section.multicolumn .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n)  .product-labels__item,
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n)  .product-labels__item,
    .section-product-features-default .product-labels.product-labels--lines.product-labels--grid .mobile-grid-1.product-labels__container--4 .product-labels__item-wrapper:nth-of-type(2n - 1)  .product-labels__item,
    section.multicolumn .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-of-type(2n)  .product-labels__item,
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-of-type(2n)  .product-labels__item {
        padding-inline-end: 0;
        border-inline-end: none;
    }
    .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:first-child),
    .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:nth-child(2)),
    .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:nth-child(3)),
    .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:first-child),
    .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:nth-child(2)),
    .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:nth-child(3)),
    .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:nth-child(4)) {
        border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
        padding-inline-end: 0;
    }
    .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:nth-child(3n + 1)),
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .mobile-grid-1.product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n),
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .mobile-grid-1.product-labels__container--4 .product-labels__item-wrapper:not(:nth-of-type(4n-3)) {
        padding-inline-start: 0;
    }
    .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n) {
        padding-inline-start: var(--gap);
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .section-product-features .page-width.product-labels--spacious .product-labels__container--2,
    .section-product-features .page-width.product-labels--spacious .product-labels__container--4 {
        --gap: 64px;
        --collections-gap: 64px;
    }
    .section-product-features .page-width.product-labels--spacious .product-labels__container--3 {
        --gap: 96px;
    }
    .section-product-features .page-width.product-labels--spacious.product-labels--lines .product-labels__container--2,
    .section-product-features .page-width.product-labels--spacious.product-labels--lines .product-labels__container--4 {
        --gap: 24px;
    }
    .section-product-features .page-width.product-labels--spacious.product-labels--lines .product-labels__container--3 {
        --gap: 32px;
    }
    .section-product-features-default .page-width.product-labels--spacious.product-labels--grid .product-labels__container--2 {
        gap: 64px 64px;
        --collections-gap: 64px;
    }
    .section-product-features-default .page-width.product-labels--spacious.product-labels--grid .product-labels__container--3,
    section.multicolumn .page-width.product-labels--spacious.product-labels--grid:not(.product-labels--lines) .product-labels__container--3 {
        gap: 64px 96px;
        --collections-gap: 96px;
    }
    .section-product-features .page-width.product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--2,
    .section-product-features .page-width.product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--3 {
        gap: 48px 0;
    }
}
@media screen and (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .section-product-features .product-labels--spacious .product-labels__container--2,
        .section-product-features .product-labels--spacious .product-labels__container--4 {
            --gap: 64px;
            --collections-gap: 64px;
        }
        .section-product-features .product-labels--spacious .product-labels__container--3 {
            --gap: 96px;
        }
        .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--2,
        .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--4 {
            --gap: 24px;
        }
        .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--3 {
            --gap: 32px;
        }
        .section-product-features-default .product-labels--spacious.product-labels--grid .product-labels__container--2 {
            gap: 64px 64px;
            --collections-gap: 64px;
        }
        .section-product-features-default .product-labels--spacious.product-labels--grid .product-labels__container--3,
        section.multicolumn .product-labels--spacious.product-labels--grid:not(.product-labels--lines) .product-labels__container--3 {
            gap: 64px 96px;
            --collections-gap: 96px;
        }
        .section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--2,
        .section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--3 {
            gap: 48px 0;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .section-product-features .product-labels__heading--brutalist {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
        .section-product-features .product-labels--spacious .product-labels__container--2,
        .section-product-features .product-labels--spacious .product-labels__container--4 {
            --gap: 48px;
            --collections-gap: 48px;
        }
        .section-product-features .product-labels--spacious .product-labels__container--3 {
            --gap: 64px;
        }
        .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--3 {
            --gap: 24px;
        }
        .section-product-features .product-labels--spacious.product-labels--grid .product-labels__container--2 {
            gap: 64px 48px;
            --collections-gap: 48px;
        }
        .section-product-features .product-labels--spacious.product-labels--grid .product-labels__container--3,
        .section-product-features.multicolumn .product-labels--spacious.product-labels--grid:not(.product-labels--lines) .product-labels__container--3 {
            gap: 64px 64px;
            --collections-gap: 64px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .section-product-features .product-labels__heading--minimal_heavy,
        .section-product-features .product-labels__heading--brutalist {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .section-product-features .product-labels__heading--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .product-labels__container,
        .section-product-features .product-labels--grid .product-labels__container--2,
        .section-product-features .product-labels--grid .product-labels__container--3,
        .section-product-features .product-labels--grid.product-labels--lines .product-labels__container--3,
        .section-product-features .product-labels--grid.product-labels--lines .product-labels__container--4,
        .section-product-features .product-labels--grid .product-labels__container--4 {
            grid-template-columns: 1fr 1fr;
        }
        .section-product-features .slider-buttons-items--mobile-visible {
            display: flex;
            margin-inline-start: auto;
        }
        .section-product-features .product-labels--spacious .product-labels__container--2,
        .section-product-features .product-labels--spacious .product-labels__container--4,
        .section-product-features .product-labels--spacious .product-labels__container--3 {
            --gap: 24px;
            --collections-gap: 24px;
        }
        .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--2,
        .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--4,
        .section-product-features .product-labels--spacious.product-labels--lines .product-labels__container--3 {
            --gap: 16px;
        }
        .section-product-features .product-labels--compact.product-labels--lines .product-labels__container--2,
        .section-product-features .product-labels--compact.product-labels--lines .product-labels__container--4,
        .section-product-features .product-labels--compact.product-labels--lines .product-labels__container--3 {
            --gap: 8px;
        }
        .section-product-features-default .product-labels--spacious.product-labels--grid .product-labels__container--2,
        .section-product-features-default .product-labels--spacious.product-labels--grid .product-labels__container--3,
        .section-product-features.multicolumn .product-labels--spacious.product-labels--grid:not(.product-labels--lines) .product-labels__container--3 {
            gap: 64px 24px;
        }
        .section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--2,
        .section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--3,
        .section-product-features .product-labels--spacious.product-labels--grid.product-labels--lines .product-labels__container--4 {
            gap: 32px 0;
        }
        .section-product-features .product-labels--spacious.product-labels--slider.product-labels--lines .product-labels__container,
        .section-product-features .product-labels--spacious.product-labels--slider.product-labels--lines .slider-buttons-items--bottom,
        .section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:not(:first-child),
        .section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:not(:nth-child(2)),
        .section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper,
        .section-product-features .product-labels--spacious.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper {
            padding-top: 32px;
        }
        main>.section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-child(3),
        main>.section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-child(3),
        main>.section-product-features:first-child .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-child(4) {
            border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
            padding-top: 32px!important;
        }
        .section-product-features .product-labels--slider .product-labels__container--2 .product-labels__item-wrapper {
            flex: 0 0 calc((100% - (var(--gap) * (var(--icons_with_text-quantity) - 1))) / (var(--icons_with_text-quantity)));
        }
        .section-product-features .product-labels--slider .product-labels__container--3 .product-labels__item-wrapper {
            flex: 0 0 calc((100% - (var(--gap) * (var(--icons_with_text-quantity) - 2))) / (var(--icons_with_text-quantity) - 1));
        }
        .section-product-features .product-labels--slider .product-labels__container--4 .product-labels__item-wrapper {
            flex: 0 0 calc((100% - (var(--gap) * (var(--icons_with_text-quantity) - 3))) / (var(--icons_with_text-quantity) - 2));
        }
        .section-product-features .product-labels--slider.product-labels--lines .product-labels__container--2 .product-labels__item-wrapper {
            flex: 0 0 calc(((100% - (var(--gap) * (var(--icons_with_text-quantity) - 1))) / (var(--icons_with_text-quantity))) + (var(--gap) / var(--icons_with_text-quantity)));
        }
        .section-product-features .product-labels--slider.product-labels--lines .product-labels__container--3 .product-labels__item-wrapper{
            flex: 0 0 calc(((100% - (var(--gap) * (var(--icons_with_text-quantity) - 2))) / (var(--icons_with_text-quantity) - 1)) + (var(--gap) / var(--icons_with_text-quantity)));
        }
        .section-product-features .product-labels--slider.product-labels--lines .product-labels__container--3 .product-labels__item-wrapper.last-mobile {
            flex: 0 0 calc(((100% - (var(--gap) * (var(--icons_with_text-quantity) - 2))) / (var(--icons_with_text-quantity) - 1)) + (var(--gap) / var(--icons_with_text-quantity)) - var(--line-width) - var(--gap));
        }
        .section-product-features .product-labels--slider.product-labels--lines .product-labels__container--4 .product-labels__item-wrapper {
            flex: 0 0 calc(((100% - (var(--gap) * (var(--icons_with_text-quantity) - 3))) / (var(--icons_with_text-quantity) - 2)) + (var(--gap) / var(--icons_with_text-quantity)));
        }
        .section-product-features .product-labels--slider.product-labels--lines .product-labels__container--4 .product-labels__item-wrapper.last-mobile {
            flex: 0 0 calc((((100% - (var(--gap) * (var(--icons_with_text-quantity) - 3))) / (var(--icons_with_text-quantity) - 2)) + (var(--gap) / var(--icons_with_text-quantity))) - var(--line-width) - var(--gap));
        }
        .section-product-features .product-labels--slider:not(.product-labels--lines) .mobile-grid-1.product-labels__container--2 .product-labels__item-wrapper,
        .section-product-features .product-labels--slider:not(.product-labels--lines) .mobile-grid-1.product-labels__container--3 .product-labels__item-wrapper,
        .section-product-features .product-labels--slider:not(.product-labels--lines) .mobile-grid-1.product-labels__container--4 .product-labels__item-wrapper {
            flex: 0 0 100%;
            padding-inline-end: 0;
            border-inline-end: none;
        }
        .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--2 .product-labels__item-wrapper,
        .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--3 .product-labels__item-wrapper,
        .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--4 .product-labels__item-wrapper {
            flex: 0 0 calc(100% + var(--gap) + var(--line-width)) ;
            padding-inline-end: var(--gap);
        }
        .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--2 .product-labels__item-wrapper.last-mobile,
        .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--3 .product-labels__item-wrapper.last-mobile,
        .section-product-features .product-labels--slider.product-labels--lines .mobile-grid-1.product-labels__container--4 .product-labels__item-wrapper.last-mobile {
            flex: 0 0 100%;
            padding-inline-end: 0;
        }
        .section-product-features .product-labels--grid .mobile-grid-1.product-labels__container--1,
        .section-product-features .product-labels--grid .mobile-grid-1.product-labels__container--2,
        .section-product-features .product-labels--grid .mobile-grid-1.product-labels__container--3,
        .section-product-features .product-labels--grid.product-labels--lines .mobile-grid-1.product-labels__container--3,
        .section-product-features .product-labels--grid .mobile-grid-1.product-labels__container--4,
        .section-product-features .product-labels--grid.product-labels--lines .mobile-grid-1.product-labels__container--4 {
            grid-template-columns: 1fr;
        }
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n+1) .product-labels__item,
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n - 1)  .product-labels__item,
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-of-type(2n - 1)  .product-labels__item {
            padding-inline-end: var(--gap);
            border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
        }
        .section-product-features cascading-grid .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n+1) .product-labels__item,
        .section-product-features cascading-grid .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n - 1)  .product-labels__item,
        .section-product-features cascading-grid .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-of-type(2n - 1)  .product-labels__item {
            padding-inline-end: 0;
            border-inline-end: 0;
        }
        .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n+1) {
            padding-inline-end: 0;
        }
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n) {
            padding-inline-start: var(--gap);
        }
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n) {
            padding-inline-start: var(--gap);
            padding-inline-end: 0;
        }
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .mobile-grid-1.product-labels__container--2 .product-labels__item-wrapper:nth-of-type(2n),
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(3n),
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-of-type(4n - 1) {
            padding-inline-start: 0;
            padding-inline-end: 0;
        }
        .section-product-features-default .product-labels.product-labels--lines.product-labels--grid .mobile-grid-1.product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n - 1)  .product-labels__item,
        section.multicolumn .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n)  .product-labels__item,
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n)  .product-labels__item,
        .section-product-features-default .product-labels.product-labels--lines.product-labels--grid .mobile-grid-1.product-labels__container--4 .product-labels__item-wrapper:nth-of-type(2n - 1)  .product-labels__item,
        section.multicolumn .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-of-type(2n)  .product-labels__item,
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:nth-of-type(2n)  .product-labels__item {
            padding-inline-end: 0;
            border-inline-end: none;
        }
        .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:first-child),
        .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:nth-child(2)),
        .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:nth-child(3)),
        .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:first-child),
        .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:nth-child(2)),
        .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:nth-child(3)),
        .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--4 .product-labels__item-wrapper:not(:nth-child(4))  {
            border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
            padding-inline-end: 0;
        }
        .section-product-features .product-labels--lines.product-labels--grid .product-labels__container--3 .product-labels__item-wrapper:not(:nth-child(3n + 1)),
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .mobile-grid-1.product-labels__container--3 .product-labels__item-wrapper:nth-of-type(2n),
        .section-product-features .product-labels.product-labels--lines.product-labels--grid .mobile-grid-1.product-labels__container--4 .product-labels__item-wrapper:not(:nth-of-type(4n-3)) {
            padding-inline-start: 0;
        }
    }
}

/* Component product model */
.product__xr-button.outlined-button {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .product__xr-button.product__xr-button--hidden {
    display: none;
    visibility: hidden;
    opacity: 0;
}
  
  .product__xr-button[data-shopify-xr-hidden] {
    visibility: hidden;
    min-width: 0;
    width: 0;
    padding: 0;
    min-height: 0;
    height: 0;
  }

  .product__xr-button.outlined-button:not(.product__xr-button--hidden) + .product__xr-button.outlined-button:not(.product__xr-button--hidden) {
    margin-top: 12px;
  }
  
  .shopify-design-mode .product__xr-button[data-shopify-xr-hidden] {
    display: none;
  }
  
  @media screen and (max-width: 749px) {
    slider-component .product__xr-button {
      display: none;
    }
    .active .product__xr-button:not([data-shopify-xr-hidden]) {
      display: block;
    }
  }
  
  @media screen and (min-width: 750px) {
    slider-component + .button.product__xr-button,
    .product__xr-button[data-shopify-xr-hidden] {
      display: none;
    }
  }

/* Component product related collections */

.related-collections,
.related-collections__container {
    display: flex;
    flex-direction: column;
}
.related-collections {
    gap: 24px;
}
.related-collections__container {
    overflow: clip;
}
.related-collections__item {
    display: flex;
    gap: 16px;
    padding: 18px 0;
}
.related-collections__content {
    color: rgb(var(--layout-text-color));
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
a.related-collections__item {
    outline-offset: -1px;
}
@media (hover: hover) {
    .related-collections__item:hover .related-collections__content {
        opacity: 0.7;
    }
}
.related-collections__item {
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.product__info-block .related-collections__item:first-child,
.section-related-collections .related-collections--lines .related-collections__container,
.section-related-collections .related-collections--lines .related-collections__heading {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.section-related-collections .related-collections__item {
    border-bottom: none;
}
.related-collections__icon {
    vertical-align: middle;
}
.related-collections__image-icon,
.related-collections__image-alternative {
    display: flex;
    align-items: center;
}
.related-collections__image-icon {
    height: 24px;
    width: 24px;
}
.related-collections__icon svg,
.related-collections__image-icon svg {
    fill: rgb(var(--layout-text-color));
    height: 100%;
    width: auto;
}
.related-collections__image-alternative,
.related-collections__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.related-collections__image-alternative {
    background-color: rgba(var(--layout-text-color), 0.1);
    justify-content: center;
}
.related-collections__image,
.related-collections__image img {
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
}
.related-collections__image {
    aspect-ratio: 1 / 1;
    display: flex;
    height: 48px;
    overflow: clip;
}
.section-related-collections .related-collections__heading {
    text-align: center;
}
.section-related-collections .related-collections__container .related-collections__item {
    justify-content: center;
}
.section-related-collections .related-collections--spacious {
    gap: 64px;
}
.section-related-collections .related-collections--spacious.related-collections--lines,
.section-related-collections .related-collections--compact.related-collections--lines {
    gap: 0px;
}
.section-related-collections .related-collections--compact {
    gap: 24px;
}
.section-related-collections .related-collections__container {
    flex-direction: row;
    justify-content: space-between;
    gap: var(--gap);
}
.section-related-collections .related-collections--lines.related-collections--spacious .related-collections__container {
    padding-top: 48px;
}
.section-related-collections .related-collections--lines.related-collections--compact .related-collections__container {
    padding-top: 24px;
}
.section-related-collections .related-collections--spacious .related-collections__container--3 {
    --gap: 120px;
}
.section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--3 {
    --gap: 60px;
}
.section-related-collections .related-collections--spacious .related-collections__container--2 {
    --gap: 80px;
}
.section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--2 {
    --gap: 40px;
}
.section-related-collections .related-collections--compact .related-collections__container {
    --gap: 12px;
}
.section-related-collections .related-collections--compact.related-collections--lines .related-collections__container {
    --gap: 16px;
}
.section-related-collections .related-collections--compact .related-collections__item {
    padding-inline-end: 12px;
}
.section-related-collections .related-collections--lines .related-collections__item:last-child {
    padding-inline-end: var(--gap);
}
.section-related-collections .related-collections--lines .related-collections__item:not(:last-child) {
    padding-inline-end: var(--gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.section-related-collections .related-collections .related-collections__item {
    flex: 0 0 calc(((100% - (var(--gap) * (var(--related-collections-items) - 1))) / var(--related-collections-items)));
}
.section-related-collections .related-collections.related-collections--lines .related-collections__item {
    flex: 0 0 calc(((100% - (var(--gap) * (var(--related-collections-items) - 1))) / var(--related-collections-items)) + ((var(--gap) + var(--line-width)) / var(--related-collections-items)));
}
.section-related-collections .related-collections--spacious.related-collections--lines .related-collections__heading {
    padding: 48px 0;
}
.section-related-collections .related-collections--compact.related-collections--lines .related-collections__heading {
    padding: 24px 0;
}


/* Fonts */
.related-collections__route--minimal_uppercase,
.related-collections__link--brutalist {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.related-collections__route--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.related-collections__route--minimal_basic {
    font: var(--base-body-m-font);
}
.related-collections__route--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.related-collections__route--classic,
.related-collections__route--duet {
    font: var(--accent-body-l-font);
}
.related-collections__route--avant_garde {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.related-collections__route--contrast,
.related-collections__link--minimal_heavy,
.related-collections__link--duet {
    font: var(--base-body-l-font);
}
.related-collections__route--brutalist {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.related-collections__link--minimal_uppercase {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.related-collections__link--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.related-collections__link--minimal_basic,
.related-collections__link--classic {
    font: var(--base-body-s-font);
}
.related-collections__link--avant_garde {
    font: var(--accent-body-s-font);
}
.related-collections__link--contrast {
    font: var(--base-label-font);
}
.related-collections__heading--accent {
    color: rgb(var(--accent-button-color));
}
section.section-related-collections .related-collections__heading--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
section.section-related-collections .related-collections__heading--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}
section.section-related-collections .related-collections__heading--minimal_basic {
    font: var(--base-heading-xs-font);
}
section.section-related-collections .related-collections__heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
section.section-related-collections .related-collections__heading--classic {
    font: var(--accent-heading-s-font);
}
section.section-related-collections .related-collections__heading--avant_garde {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
}
section.section-related-collections .related-collections__heading--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
section.section-related-collections .related-collections__heading--brutalist {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
section.section-related-collections .related-collections__heading--duet {
    font: var(--accent-body-l-font);
}


/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .section-related-collections .related-collections--spacious .related-collections__container--3 {
        --gap: 96px;
    }
    .section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--3 {
        --gap: 32px;
    }
    .section-related-collections .related-collections--spacious .related-collections__container--2 {
        --gap: 64px;
    }
    .section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--2 {
        --gap: 24px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .section-related-collections .page-width .related-collections--spacious .related-collections__container--3 {
        --gap: 96px;
    }
    .section-related-collections .page-width .related-collections--spacious.related-collections--lines .related-collections__container--3 {
        --gap: 32px;
    }
    .section-related-collections .page-width .related-collections--spacious .related-collections__container--2 {
        --gap: 64px;
    }
    .section-related-collections .page-width .related-collections--spacious.related-collections--lines .related-collections__container--2 {
        --gap: 24px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    section.section-related-collections .related-collections__heading--brutalist {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
    .section-related-collections .related-collections--spacious .related-collections__container--3 {
        --gap: 64px;
    }
    .section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--3 {
        --gap: 24px;
    }
    .section-related-collections .related-collections--spacious .related-collections__container--2 {
        --gap: 48px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    section.section-related-collections .related-collections__heading--minimal_heavy,
    section.section-related-collections .related-collections__heading--brutalist {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    section.section-related-collections .related-collections__heading--contrast {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .section-related-collections .related-collections--spacious .related-collections__container--3,
    .section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--3,
    .section-related-collections .related-collections--spacious .related-collections__container--2,
    .section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--2,
    .section-related-collections .related-collections--compact.related-collections--lines .related-collections__container {
        --gap: 0px;
    }
    .section-related-collections .related-collections__container {
        flex-direction: column;
        justify-content: flex-start;
    }
    .section-related-collections .related-collections--lines .related-collections__item:last-child {
        padding-inline-end: 0;
    }
    .section-related-collections .related-collections--lines .related-collections__item:not(:last-child) {
        padding-inline-end: 0;
        border-inline-end: none;
        border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    }
    .section-related-collections .related-collections .related-collections__item,
    .section-related-collections .related-collections.related-collections--lines .related-collections__item {
        flex: 0 0 100%;
    }
    .section-related-collections .related-collections__heading {
        text-align: start;
    }
    .section-related-collections .related-collections__container .related-collections__item {
        justify-content: flex-start;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .section-related-collections .page-width .related-collections--spacious .related-collections__container--3 {
        --gap: 96px;
    }
    .section-related-collections .page-width .related-collections--spacious.related-collections--lines .related-collections__container--3 {
        --gap: 32px;
    }
    .section-related-collections .page-width .related-collections--spacious .related-collections__container--2 {
        --gap: 64px;
    }
    .section-related-collections .page-width .related-collections--spacious.related-collections--lines .related-collections__container--2 {
        --gap: 24px;
    }
}

@media screen and (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .section-related-collections .related-collections--spacious .related-collections__container--3 {
            --gap: 96px;
        }
        .section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--3 {
            --gap: 32px;
        }
        .section-related-collections .related-collections--spacious .related-collections__container--2 {
            --gap: 64px;
        }
        .section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--2 {
            --gap: 24px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        section.section-related-collections .related-collections__heading--brutalist {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
        .section-related-collections .related-collections--spacious .related-collections__container--3 {
            --gap: 64px;
        }
        .section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--3 {
            --gap: 24px;
        }
        .section-related-collections .related-collections--spacious .related-collections__container--2 {
            --gap: 48px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        section.section-related-collections .related-collections__heading--minimal_heavy,
        section.section-related-collections .related-collections__heading--brutalist {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        section.section-related-collections .related-collections__heading--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .section-related-collections .related-collections--spacious .related-collections__container--3,
        .section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--3,
        .section-related-collections .related-collections--spacious .related-collections__container--2,
        .section-related-collections .related-collections--spacious.related-collections--lines .related-collections__container--2,
        .section-related-collections .related-collections--compact.related-collections--lines .related-collections__container {
            --gap: 0px;
        }
        .section-related-collections .related-collections__container {
            flex-direction: column;
            justify-content: flex-start;
        }
        .section-related-collections .related-collections--lines .related-collections__item:last-child {
            padding-inline-end: 0;
        }
        .section-related-collections .related-collections--lines .related-collections__item:not(:last-child) {
            padding-inline-end: 0;
            border-inline-end: none;
            border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
        }
        .section-related-collections .related-collections .related-collections__item,
        .section-related-collections .related-collections.related-collections--lines .related-collections__item {
            flex: 0 0 100%;
        }
        .section-related-collections .related-collections__heading {
            text-align: start;
        }
        .section-related-collections .related-collections__container .related-collections__item {
            justify-content: flex-start;
        }
    }
}

/* Component product reviews */
#shopify-product-reviews {
    overflow: visible !important;
    font-family: var(--base-font-family);
    font-style: var(--base-font-style);
    font-weight: var(--base-font-weight);
    letter-spacing: normal;
    max-width: 100%;
    color: rgb(var(--layout-text-color));
  }
  
  #shopify-product-reviews .spr-icon {
    top: 0;
    width: auto;
    height: auto;
    color: rgb(var(--rating-color));
  }
  
  #shopify-product-reviews .spr-review-header-byline {
    order: -1;
  }
  #shopify-product-reviews .spr-header-title,
  #shopify-product-reviews .spr-review-header-byline,
  #shopify-product-reviews .spr-review-header-title,
  #shopify-product-reviews .spr-form-title,
  #shopify-product-reviews .spr-review-header-byline strong {
    font-weight: inherit;
  }

  #shopify-product-reviews .spr-starrating .link {
    text-transform: uppercase;
    font-family: var(--base-font-family);
    font-style: var(--base-font-style);
    font-weight: var(--base-font-weight);
    letter-spacing: 0.02em;
}

#shopify-product-reviews .spr-review-footer {
  display: flex;
}

#shopify-product-reviews .spr-container {
  border: none;
}

.spr-summary-actions-newreview {
  position: relative;
  min-height: 44px;
  min-width: 200px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: var(--button-radius);
  transition: color var(--animation-duration) var(--transition-timing-function);
  padding: 6px 24px
}

.spr-summary-actions-newreview::after {
  content: "";
  display: inline-block;
  position: absolute;
  inset: 0;
  background: transparent;
  border: var(--outline-thickness) solid rgb(var(--accent-button-color));
  border-radius: var(--button-radius);
  -webkit-border-radius: var(--button-radius);
  transition: transform var(--animation-duration) var(--transition-timing-function),border var(--animation-duration) var(--transition-timing-function);
}

.spr-starrating {
  justify-content: flex-start !important;
}

.spr-starrating .spr-stars svg path {
  fill: rgb(var(--rating-color)) !important;
}

@media (hover: hover) {
  .spr-summary-actions-newreview:hover::after {
    border: var(--outline-thickness) solid rgb(var(--hover-button-color));
    transform: scale3d(1.02,1.1,1);
    background-color: transparent;
  }
}

.main--spacious #shopify-product-reviews .spr-container{
  padding: 96px 48px 96px;
}

.main--compact #shopify-product-reviews .spr-container {
  padding: 32px 24px 32px;
}

.app .spr-container {
  padding: 24px 0 !important;
}

.app .spr-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.app .spr-summary > *:not(:last-child) {
  margin-bottom: 8px;
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
  .main--spacious #shopify-product-reviews .spr-container {
    padding: 80px 48px 80px;
  }
}
/* Mobile */
@media screen and (max-width: 768px) {
  .main--spacious #shopify-product-reviews .spr-container {
    padding: 64px 16px 64px;
  }
  .main--compact #shopify-product-reviews .spr-container {
    padding: 32px 16px 32px;
  }
  #shopify-product-reviews .spr-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .spr-summary-actions-newreview {
    width: 100%;
    margin-top: 16px;
  }
  #shopify-product-reviews .spr-summary {
    width: 100%;
  }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
  .main--spacious #shopify-product-reviews .spr-container {
    padding: 48px 16px 48px;
  }
  .main--compact #shopify-product-reviews .spr-container {
    padding: 24px 16px 24px;
  }
  #shopify-product-reviews .spr-summary {
    text-align: start;
  }
}

/* Sidebars */
@media screen and (min-width: 921px) {
  /* Laptop */
  @container inside-content (max-width: 1440px) {
    .main--spacious #shopify-product-reviews .spr-container {
      padding: 80px 48px 80px;
    }
  }
  /* Mobile */
  @container inside-content (max-width: 768px) {
    .main--spacious #shopify-product-reviews .spr-container {
      padding: 64px 16px 64px;
    }
    .main--compact #shopify-product-reviews .spr-container {
      padding: 32px 16px 32px;
    }
    #shopify-product-reviews .spr-header {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .spr-summary-actions-newreview {
      width: 100%;
      margin-top: 16px;
    }
    #shopify-product-reviews .spr-summary {
      width: 100%;
    }
  }
  /* Mobile-mini */
  @container inside-content (max-width: 500px) {
    .main--spacious #shopify-product-reviews .spr-container {
      padding: 48px 16px 48px;
    }
    .main--compact #shopify-product-reviews .spr-container {
      padding: 24px 16px 24px;
    }
    #shopify-product-reviews .spr-summary {
      text-align: start;
    }
  }
}

/* Component product sticky cart */
.sticky-cart-wrapper.hidden {
    display: block !important;
}
  
  .sticky-cart-block {
    display: block;
    transform: translateY(8rem);
  }
  
  .product-sticky-cart {
    z-index: 100;
    position: fixed;
    bottom: 8px;
    left: calc(50% - 300px);
    width: 100%;
    pointer-events: none;
    transform: translateY(100%);
    opacity: 0;
    transition: transform .3s var(--transition-timing-function) ease, opacity .3s var(--transition-timing-function) ease;
    box-shadow: 0px 10px 50px 0px #00000033;
    max-width: 600px;
    overflow: clip;
    border-radius: var(--corner-radius);
    -webkit-border-radius: var(--corner-radius);
  }

  .product-sticky-cart--left {
    inset-inline-start: 8px;
  }

  .product-sticky-cart--right {
    inset-inline-end: 8px;
    inset-inline-start: auto;
  }
  
  .product-sticky-cart::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--layout-background-color));
  }
  
  .product-sticky-cart::after {
    content: '';
    position: absolute;
    z-index: -2;
    right: 1.5rem;
    top: 0;
    left: 1.5rem;
    height: 2rem;
    border-radius: 100%;
    box-shadow: 0px 10px 50px 0px #00000033;
    
  }
  
  animate-sticky[animate] .product-sticky-cart {
    opacity: 1;
    pointer-events: visible;
    transform: translateY(0);
  }
  
  .sticky-cart {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    column-gap: 8px;
    padding: 12px;
    color: rgb(var(--layout-text-color));
  }
  
  .sticky-cart__content {
    display: flex;
    column-gap: 8px;
    align-items: center;
  }

  .sticky-cart__content-image {
    width: 48px;
    max-width: 48px;
    flex-shrink: 0;
    overflow: clip;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
  }

  .sticky-cart__content-image .lazy-image {
    height: 100%;
  }

  .sticky-cart__content-image.enable-blending {
    background: var(--blending-color, none);
  }   

  .sticky-cart__content-image.enable-blending img {
      mix-blend-mode: darken;
  }
  
  .sticky-cart__content img {
    height: 100%;
    width: 100%;
    display: block;
  }
  
  .sticky-cart__content .h4 {
    margin: 0;
  }

  .product-sticky-cart .product-form__buttons button {
    width: auto;
    min-width: 120px;
    min-height: 36px;
  }

  .sticky-cart__content-heading {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  
  .sticky-cart__form {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  
  .sticky-cart__form form {
    display: flex;
  }
  
  .sticky-cart__form .product-form__buttons {
    display: flex;
    column-gap: 1rem;
  }
  
  .sticky-cart__form .select__select {
    height: 100%;
    min-height: auto;
  }
  
  .sticky-cart .price .badge {
    display: none;
  }

  .sticky-cart .price-inside-button {
    display: none;
  }
  .current-variant {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
  .current-variant a {
    text-decoration: underline;
    text-decoration-skip-ink: auto;
  }
  .product-overview-section:has(.variant-selects--no-options) ~ .sticky-cart-wrapper .current-variant a {
    display: none;
  }
  .mini-cart--open animate-sticky .product-sticky-cart,
  .mini-cart--opening animate-sticky .product-sticky-cart,
  .mini-cart--closing animate-sticky .product-sticky-cart,
  .menu-drawer--open animate-sticky .product-sticky-cart,
  .menu-drawer--opening animate-sticky .product-sticky-cart,
  .menu-drawer--closing animate-sticky .product-sticky-cart,
  .menu-mobile--open animate-sticky .product-sticky-cart,
  .menu-mobile--opening animate-sticky .product-sticky-cart,
  .menu-mobile--closing animate-sticky .product-sticky-cart,
  .search-modal--open animate-sticky .product-sticky-cart,
  .quick-view--open animate-sticky .product-sticky-cart,
  .quick-view--opening animate-sticky .product-sticky-cart,
  .quick-view--closing animate-sticky .product-sticky-cart {
    z-index: 1;
    opacity: 0;
    transform: translateY(100%);
    transition: none;
  }

  .product-form__buttons-icon {
    display: none;
}

.product-form__buttons-icon svg {
    fill: rgb(var(--layout-background-color));
}

.sticky-cart .product-form__submit.loading .button-title {
    display: block;
    opacity: 0;
}

.sticky-cart .product-form__buttons .product-form__submit {
  justify-content: center;
}

  @media screen and (max-width: 920px) {
    .product-sticky-cart {
        max-width: 100vw;
        left: 0;
        bottom: 0;
        right: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
  }
  @media screen and (min-width: 921px) {
    .product-sticky-cart {
      transform: translateY(20px);
    }
    animate-sticky[animate] .product-sticky-cart {
      transition: opacity .3s var(--transition-timing-function), transform .3s var(--transition-timing-function);
    }
  }
  @media screen and (min-width: 769px) {
    .sticky-cart-wrapper--mobile.hidden {
        display: none !important;
    }
  }
  @media screen and (max-width: 768px) {
    .sticky-cart-wrapper--desktop.hidden {
        display: none !important;
    }
    .sticky-cart .product-form__buttons .button-title {
        display: none;
    }
    .product-sticky-cart .product-form__submit span:not(.product-form__buttons-icon):not(.loading-overlay__spinner) {
      display: none!important;
    }
    .product-form__buttons-icon {
        display: flex;
    }
    .product-form__submit.loading .product-form__buttons-icon,
    .sticky-cart .product-form__submit.loading .button-title {
      display: none;
    }
    .product-sticky-cart .product-form__buttons button {
        min-width: 44px;
        min-height: 44px;
        padding: 10px;
    }
    .sticky-cart__content {
        flex: 0 0 calc(100% - 8px - 12px - 44px);
        overflow: clip;
    }
    .sticky-cart__content-image + .sticky-cart__content-heading {
        max-width: calc(100% - 48px - 8px);
    }
    .sticky-cart__content p {
        text-overflow: ellipsis;
        word-break: keep-all;
        overflow: clip;
    }
  }
  
  /* Component promo code */
  promo-code {
    display: block;
    width: 100%;
}

.promo-code {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    max-width: 592px;
}

.promo-code.center {
    margin: 0 auto;
}

.promo-code > .copy-button {
    border-radius: unset;
    -webkit-border-radius: unset;
    border-start-end-radius: var(--prome-code-radius);
    border-end-end-radius: var(--prome-code-radius);
}

.promo-code__field {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 12px 16px;
    border: var(--outline-thickness) dashed rgb(var(--accent-button-color));
    overflow: clip;
    border-inline-end: none;
    border-start-start-radius: var(--prome-code-radius);
    border-end-start-radius: var(--prome-code-radius);
    width: 100%;
}

.promo-code__field span {
    white-space: nowrap;
    overflow-x: auto;
    color: rgb(var(--accent-button-color));
    -ms-overflow-style: none;
    scrollbar-width: none; 
    user-select: text !important;
}

.no-default-color .promo-code__field {
    border: var(--outline-thickness) dashed rgb(var(--layout-text-color));
    border-inline-end: none;
    border-color: rgb(var(--layout-text-color));
}

.no-default-color .promo-code__field span {
    color: rgb(var(--layout-text-color));
}

.promo-code__field span::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}
.promo-code__field span::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.promo-code .copy-success, 
.promo-code .copy-label {
    display: block;
    word-break: keep-all;
}

.promo-code .copy-button {
    width: max-content;
}

.promo-code .copy-button .hide {
    height: 0;
    opacity: 0;
}

.promo-code .copy-button .show {
    height: auto;
    opacity: 1;
}

.promo-code .copy-button::before {
    content: none !important;
}

/* Styles for block in 'Media with text' section */
.media-with-text .promo-code__field {
    min-height: 44px;
    border-start-start-radius: var(--prome-code-radius);
    border-end-start-radius: var(--prome-code-radius);
    border-start-end-radius: 0;
    border-inline-end: none;
}
.media-with-text.no-default-color .promo-code__field {
    border: var(--outline-thickness) dashed rgb(var(--layout-text-color));
    border-inline-end: none;
}
.ordinal-section .center .promo-code {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.media-with-text .copy-button {
    min-height: 44px;
}

/* Mobile */
@media screen and (max-width: 768px) {
    .promo-code__field {
        min-height: 44px;
        border-inline-end: var(--outline-thickness) dashed rgb(var(--accent-button-color));
        border-bottom: none;
        border-start-start-radius: var(--prome-code-radius);
        border-start-end-radius: var(--prome-code-radius);
        border-end-start-radius: 0;
    }
    .no-default-color .promo-code__field {
        border-inline-end: var(--outline-thickness) dashed rgb(var(--layout-text-color));
        border: var(--outline-thickness) dashed rgb(var(--layout-text-color));
        border-bottom: none;
    }
    .promo-code > .copy-button {
        border-start-end-radius: 0px;
        border-end-end-radius: var(--prome-code-radius);
        border-end-start-radius: var(--prome-code-radius);
    }
    .copy-button {
        min-height: 44px;
    }
    .promo-code {
        flex-direction: column;
    }
    .promo-code .copy-button,
    .promo-code .promo-code__field {
        width: 100%;
    }
    .media-with-text .promo-code__field {
        border-inline-end: var(--outline-thickness) dashed rgb(var(--accent-button-color));
        border-bottom: none;
        border-start-start-radius: var(--prome-code-radius);
        border-end-start-radius: 0px;
        border-start-end-radius: var(--prome-code-radius);
    }
    .media-with-text.no-default-color .promo-code__field {
        border-inline-end: var(--outline-thickness) dashed rgb(var(--layout-text-color));
        border-bottom: none;
    }
}

/* Sidebars */
@media screen and (min-width: 921px) {
   /* Mobile */
    @container inside-content (max-width: 768px) {
        .ordinal-section .promo-code__field {
            min-height: 44px;
            border-inline-end: var(--outline-thickness) dashed rgb(var(--accent-button-color));
            border-bottom: none;
            border-start-start-radius: var(--prome-code-radius);
            border-start-end-radius: var(--prome-code-radius);
            border-end-start-radius: 0;
        }
        .ordinal-section.no-default-color .promo-code__field {
            border-inline-end: var(--outline-thickness) dashed rgb(var(--layout-text-color));
            border: var(--outline-thickness) dashed rgb(var(--layout-text-color));
            border-bottom: none;
        }
        .ordinal-section .copy-button {
            min-height: 44px;
        }
        .ordinal-section .promo-code {
            flex-direction: column;
        }
        .promo-code .copy-button,
        .promo-code .promo-code__field {
            width: 100%;
        }
    }
}

/* Component rating */
.rating {
    display: inline-block;
    margin: 0;
  }
  
  .card-rating-span {
    vertical-align: text-top;
  }
  
  .rating-container--main-product {
    --font-size: 1.7;
  }
  
  .rating-star {
    --letter-spacing: 0.8;
    --percent: calc(
      (
          var(--rating) / var(--rating-max) + var(--rating-decimal) *
            var(--font-size) /
            (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))
        ) * 100%
    );
    --rating-direction: 90deg;
  
    letter-spacing: normal;
    line-height: normal;
    display: inline-block;
    margin: 0;
  }
  
  .rating-star::before {
    content: '\2605\2605\2605\2605\2605';
    background: linear-gradient(
      var(--rating-direction),
      rgb(var(--rating-color)) var(--percent),
      rgba(var(--layout-text-color), 0.2) var(--percent)
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .rating-text {
    display: none;
  }
  
  .rating-count {
    display: inline-block;
    margin: 0;
  }
  
  .rating-container {
    max-width: fit-content;
  }
  
  .product-grid .card__reviews {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .product-grid  .card__content--center .card__reviews {
    justify-content: center;
  }
  
  @media (forced-colors: active) {
    .rating {
      display: none;
    }
  
    .rating-text {
      display: block;
    }
  }
  
  /* Fonts */
  .rating-container--minimal_uppercase {
    font: var(--base-label-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  .rating-container--minimal_basic, .rating-container--classic {
    font: var(--base-body-s-font);
  }
  .rating-container--minimal_heavy {
    font: var(--base-body-l-font);
  }
  .rating-container--avant_garde {
    font: var(--accent-body-s-font);
  }
  .rating-container--contrast {
    font: var(--base-label-font);
  }
  .rating-container--brutalist {
    font: var(--base-body-l-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  .rating-container--duet {
    font: var(--base-body-m-font);
  }
  .rating-container--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
  }
  
  /* Mobile */
  @media screen and (max-width: 768px) {
    .rating-star {
      --percent: 100%;
    }
    .rating-star::before {
      content: '\2605';
    }
    .rating-text {
      display: inline-block;
    }
    .rating-container--main-product .rating-star {
      --percent: calc(
        (
            var(--rating) / var(--rating-max) + var(--rating-decimal) *
              var(--font-size) /
              (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))
          ) * 100%
      );
    }
    .rating-container--main-product .rating-star::before {
      content: '\2605\2605\2605\2605\2605';
    }
    .rating-container--main-product .rating-text {
      display: none;
    }
  }
  
  /* Sidebars */
  @media screen and (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
      .rating-star {
        --percent: 100%;
      }
      .rating-star::before {
        content: '\2605';
      }
      .rating-text {
        display: inline-block;
      }
      .rating-container--main-product .rating-star {
        --percent: calc(
          (
              var(--rating) / var(--rating-max) + var(--rating-decimal) *
                var(--font-size) /
                (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))
            ) * 100%
        );
      }
      .rating-container--main-product .rating-star::before {
        content: '\2605\2605\2605\2605\2605';
      }
      .rating-container--main-product .rating-text {
        display: none;
      }
    }
  }

  /* Component rte */
  .rte {
    --margin-bottom: 32px;
}
.rte-block {
    --margin-bottom: 8px;
}
.rte--large {
    --margin-bottom: 16px;
}
.rte > *:not(:last-child) {
    margin-bottom: var(--margin-bottom);
}
.rte h1 {
    font-size: 48px;
    line-height: 64px;
    letter-spacing: -0.01em;
    font-weight: inherit;
}
.rte h2 {
    font-size: 40px;
    line-height: 54px;
    letter-spacing: normal;
    font-weight: inherit;
}
.rte h3 {
    font-size: 32px;
    line-height: 46px;
    letter-spacing: normal;
    font-weight: inherit;
}
.rte h4 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: normal;
    font-weight: inherit;
}
.rte h5 {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: normal;
    font-weight: inherit;
}
.rte h6 {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: normal;
    font-weight: inherit;
}

.custom-type-preset .rte:not(.rte-block) {
    --coefficient: 0.85;
}

.custom-type-preset .rte:not(.rte-block) h1,
.custom-type-preset .rte:not(.rte-block) h2,
.custom-type-preset .rte:not(.rte-block) h3,
.custom-type-preset .rte:not(.rte-block) h4,
.custom-type-preset .rte:not(.rte-block) h5,
.custom-type-preset .rte:not(.rte-block) h6 {
    font: var(--heading-l-font);
    letter-spacing: var(--heading-l-letter-spacing);
}

.custom-type-preset .rte:not(.rte-block) h1 {
    font-size: max(var(--body-m-font-size), var(--heading-l-font-size));
}
.custom-type-preset .rte:not(.rte-block) h2 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-l-font-size) * var(--coefficient)));
}
.custom-type-preset .rte:not(.rte-block) h3 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-l-font-size) * var(--coefficient) * var(--coefficient)));
}
.custom-type-preset .rte:not(.rte-block) h4 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-l-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}
.custom-type-preset .rte:not(.rte-block) h5 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-l-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}
.custom-type-preset .rte:not(.rte-block) h6 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-l-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte-block h1 {
    font-size: 24px;
    line-height: 34px;
}
.rte-block h2 {
    font-size: 22px;
    line-height: 28px;
}
.rte-block h3 {
    font-size: 20px;
    line-height: 26px;
}
.rte-block h4 {
    font-size: 18px;
    line-height: 24px;
}
.rte-block h5 {
    font-size: 16px;
    line-height: 20px;
}
.rte-block h6 {
    font-size: 14px;
    line-height: 20px;
}

.rte-block h1,
.rte-block h2, 
.rte-block h3,
.rte-block h4,
.rte-block h5,
.rte-block h6 {
  letter-spacing: 0.02em;
  font-weight: inherit;
}

.custom-type-preset .rte-block {
    --coefficient: 0.9;
}

.custom-type-preset .rte-block h1,
.custom-type-preset .rte-block h2,
.custom-type-preset .rte-block h3,
.custom-type-preset .rte-block h4,
.custom-type-preset .rte-block h5,
.custom-type-preset .rte-block h6 {
    font: var(--heading-s-font);
    letter-spacing: var(--heading-s-letter-spacing);
}

.custom-type-preset .rte-block h1 {
    font-size: max(var(--body-m-font-size), var(--heading-s-font-size));
}
.custom-type-preset .rte-block h2 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-s-font-size) * var(--coefficient)));
}
.custom-type-preset .rte-block h3 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-s-font-size) * var(--coefficient) * var(--coefficient)));
}
.custom-type-preset .rte-block h4 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-s-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}
.custom-type-preset .rte-block h5 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-s-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}
.custom-type-preset .rte-block h6 {
    font-size: max(var(--body-m-font-size), calc(var(--heading-s-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte:not(.richtext) a {
    color: rgb(var(--accent-button-color));
    text-decoration: underline;
    text-decoration-skip-ink: auto;
    text-underline-offset: 0.3em;
    transition: color var(--animation-duration) var(--transition-timing-function);
}
.rte ul li {
    list-style-type: disc;
    list-style-position: inside;
}
.rte ol li {
    list-style-type: decimal;
    list-style-position: inside;
}
.rte img {
    max-width: 100%;
}
@media (hover: hover) {
    .rte a:hover {
        color: rgb(var(--hover-button-color));
    }
}
.rte blockquote {
    position: relative;
    display: flex;
    padding: 16px 48px;
    color: rgb(var(--accent-button-color));
}
.rte-block blockquote {
    padding: 12px 24px;
}
.rte blockquote::after {
    content: "";
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
    margin-inline-end: 48px;
    position: absolute;
    background-color: rgb(var(--accent-button-color));
}
.rte-block blockquote::after {
    margin-inline-end: 24px;
}
.color-custom .rte:not(.popup-content) blockquote,
.color-invert .rte:not(.popup-content) blockquote {
    color: rgb(var(--layout-text-color));
}
.color-custom .rte:not(.popup-content) blockquote::after,
.color-invert .rte:not(.popup-content) blockquote::after  {
    background-color: rgb(var(--layout-text-color));
}
.rte::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}
.rte::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}
.rte iframe {
    max-width: 100%;
}

/* Component search modal */
.search-modal {
    width: 100vw;
    height: 40vh;
    min-height: 460px;
    position: fixed;
    z-index: 1000;
    left: 0;
    background-color: rgb(var(--popup-background-color));
    color: rgb(var(--layout-text-color));
    transition: height .3s var(--transition-timing-function); 
    -webkit-overflow-scrolling: touch;
}

.search-modal.open {
    top: 0;
    opacity: 1;
    animation: modalOpen .3s var(--transition-timing-function);
}

.search-modal.searching {
    height: 90dvh;
}

.search-modal .component-tabs {
    overflow-x: clip;
}

.search-modal.searching .component-tabs {
    overflow-x: auto;
}

body.hidden .search-modal .scroll-area {
    height: 100%;
}

@keyframes modalOpen {
    0% {
        top: -40px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.search-modal__container {
    max-width: 1440px;
    margin: 0 auto;
}

.predictive-search-container {
    display: block;
}

.search-modal .button-wrapper {
    padding-inline-end: 16px;
    background-color: rgb(var(--popup-background-color)); 
    padding-top: 16px;
    top: 0;
}

.search-modal .search-field__wrapper {
    position: sticky;
    position: -webkit-sticky;
    top: 60px;
    width: 100%;
    z-index: 5;
    padding-bottom: 32px;
    background-color: rgb(var(--popup-background-color));
}

.search-modal__content .field.search-field {
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 12px;
}
.search-modal__content .field.search-field .search-field__icon {
    height: 24px;
    width: 24px;
}

.search-modal__form {
    display: flex;
    flex-direction: column;
    position: relative;
}

.search-modal.searching .search__menu {
    display: none;
}

.search__menu {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    opacity: 0;
}

.search-modal.open .search__menu {
    animation: menuOpacity .6s var(--transition-timing-function);
    opacity: 1;
}

@keyframes menuOpacity {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.search__menu-title {
    color: rgba(var(--layout-text-color), .7);
}

.search__menu .menu__item {
    display: flex;
    align-items: center;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.search__button {
    color: rgb(var(--layout-text-color));
    word-break: keep-all;
    position: relative;
}

.search-modal.searching .search__button {
    opacity: 1;
}

.search__button-text.hidden,
.predictive-search-results {
    opacity: 0;
}
.search__button-text {
    opacity: 1;
    transition: opacity .3s var(--transition-timing-function);
}

.predictive-search__loading-state,
.predictive-search--header,
.predictive-search-results {
    position: relative;
 }

.predictive-search-results-tabs {
    display: flex;
    flex-wrap: nowrap;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 32px;
    overflow-x: auto;
    z-index: 5;
    background-color: rgb(var(--layout-background-color));
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.search-modal::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

.search-modal::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.search-modal.searching .predictive-search-results {
    opacity: 1;
    animation: tabsMoving .6s var(--transition-timing-function);
}

@keyframes tabsMoving {
    0% {
        top: 20px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.predictive-search-results-tabs {
    background-color: rgb(var(--popup-background-color));
}
.predictive-search-results-content {
    overflow: clip;
    position: relative;
    background-color: rgb(var(--popup-background-color));
}

.predictive-search-results-content .tab-content-js {
    position: absolute;
    top: 0;
    padding-bottom: 64px;
    padding-top: 32px;
    width: 100%;
    height: 0;
    opacity: 0;
    transition: opacity .3s var(--transition-timing-function);
}

.predictive-search-results-content .tab-content-js.active {
    left: 0;
    right: 0;
    opacity: 1;
    position: relative;
    z-index: 3;
    height: fit-content;
}

.predictive-search__results-list.list,
.predictive-search__item--link {
    display: flex;
    flex-direction: column;
}
.predictive-search__results-list.list {
    grid-template-columns: 1fr;
}
.predictive-search__results-list.list .card__badges {
    display: none;
}
.predictive-search__results-list.list .card {
    flex-direction: row;
}

.predictive-search__results-list.list .card__picture-wrapper {
    max-width: 100px;
    flex: 0 0 100px;
}

.predictive-search__list-item.lines:first-child {
    padding-top: 16px;
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.predictive-search__list-item .card__media {
    flex: 0 0 100px;
}

.predictive-search__list-item .card__media img {
    height: 100%;
    width: 100%;
    position: relative !important;
}

.predictive-search-results-empty {
    display: block;
    max-width: 388px;
    text-align: center;
    margin: 0 auto;
}
.predictive-search-results-empty.hidden {
    display: none;
}

.list .predictive-search__list-item:not(:first-child) {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    padding-top: 16px;
}

.list .predictive-search__list-item:not(:last-child) {
    padding-bottom: 16px;
}

.predictive-search__button {
    margin: 0 auto;
    position: fixed;
    z-index: 5;
    transform: translateX(-50%);
    left: 50%;
    opacity: 0;
    bottom: 10dvh;
    color: rgb(var(--base-button-color)) !important;
    background-color: rgb(var(--accent-button-color)) !important;
}

.search-modal.searching .predictive-search__button {
    opacity: 1;
    --bottom: 32px;
    bottom: calc(10dvh + var(--bottom));
    transition: opacity var(--animation-duration) var(--transition-timing-function), background-color var(--animation-duration) var(--transition-timing-function);
}

.predictive-search__list-item .swatches-containers-wrapper {
    display: none!important;
}

@keyframes buttonMoving {
    0% {
        bottom: 10dvh;
        opacity: 0;
    }
    50% {
        bottom: 10dvh;
        opacity: 0;
    }
    100% {
        bottom: calc(10dvh + var(--bottom));
        opacity: 1;
    }
}

.search-modal .predictive-search__results-list .card__badges-item--sale {
    color: rgb(var(--sale-text-color));
}

.predictive-search__item--link .card__title {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.predictive-search__item--article img {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}
@media (hover: hover) {
    .predictive-search__button:hover {
        background-color: rgb(var(--hover-button-color)) !important;
        opacity: 1 !important;
    }
    .search__menu .menu__item:hover,
    .predictive-search__item--link:hover .card__title-text {
        opacity: .7;
    }
    .predictive-search__item--article:hover .card__title {
        opacity: .7;
    }
    .predictive-search__item--article:hover img {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
}

/* Fonts */
.search-modal .search-field .search__input,
.search-modal .search-field .search__input::placeholder {
    font: var(--base-heading-xs-font);
}
.search__button {
    font: var(--base-body-s-font);
}
.custom-type-preset .search__button {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.custom-type-preset .search-modal .search-field .search__input,
.custom-type-preset .search-modal .search-field .search__input::placeholder {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}
.search-modal .search-field .search__input--minimal_uppercase,
.search__button--minimal_uppercase,
.search-modal .search-field .search__input--avant_garde,
.search__button--avant_garde,
.search-modal .search-field .search__input--brutalist,
.search__button--brutalist,
.search-modal .search-field .search__input--minimal_uppercase::placeholder,
.search-modal .search-field .search__input--avant_garde::placeholder,
.search-modal .search-field .search__input--brutalist::placeholder {
    text-transform: uppercase;
}

.search-modal .collection__grid-container {
    max-width: 100%;
}
.search-modal .product-grid {
    display: grid;
}
.blog-post__image {
    border-radius: var(--product-card-radius);
}
.search-modal .product-grid--two_columns.product-grid--compact {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 16px;
}
.search-modal .product-grid--three_columns.product-grid {
    grid-template-columns: repeat(3, 1fr);
}
.search-modal .product-grid--four_columns.product-grid {
    grid-template-columns: repeat(4, 1fr);
}
.search-modal .product-grid--three_columns.product-grid--spacious {
    gap: 96px 90px;
}
.search-modal .product-grid--four_columns.product-grid--spacious {
    gap: 64px 48px;
}
.search-modal .product-grid--three_columns.product-grid--compact {
    gap: 48px 12px;
}
.search-modal .product-grid--four_columns.product-grid--compact {
    gap: 48px 8px;
}
.search-modal .product-grid--four_columns.product-grid--spacious.lines {
    grid-template-columns: calc((100% - (40px * 2)) / 4) calc((100% - (40px * 2)) / 4 + 40px) calc((100% - (40px * 2)) / 4 + 40px) calc((100% - (40px * 2)) / 4);
}

.search-modal .product-grid--three_columns.product-grid--compact.lines {
    grid-template-columns: calc((100% - 16px) / 3) calc((100% - 16px) / 3 + 16px) calc((100% - 16px) / 3);
}

.search-modal .product-grid--four_columns.product-grid--compact.lines {
    grid-template-columns: calc((100% - (16px * 2)) / 4) calc((100% - (16px * 2)) / 4 + 16px) calc((100% - (16px * 2)) / 4 + 16px) calc((100% - (16px * 2)) / 4);
}

.search-modal .product-grid--three_columns.product-grid--spacious.lines,
.search-modal .product-grid--four_columns.product-grid--spacious.lines {
    gap: 48px 0;
}
.search-modal .product-grid--three_columns.product-grid--compact.lines,
.search-modal .product-grid--four_columns.product-grid--compact.lines {
    gap: 24px 0;
}
.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item,
.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item,
.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item,
.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity)); 
}
.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item,
.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item {
    padding-top: 48px;
}
.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item,
.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item {
    padding-top: 24px;
}
.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container,
.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container,
.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+4)) .card-container {
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity)); 
}
.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container {
    padding-inline-end: 48px;
}
.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container,
.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+4)) .card-container {
    padding-inline-end: 16px;
}
.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)) {
    padding-inline-start: 48px;
}
.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+1)),
.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+1)) {
    padding-inline-start: 16px;
}
.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container {
    padding-inline-end: 40px;
}
.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)) {
    padding-inline-start: 40px;
}


/* Styles for full-width page without sidebars */
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .search-modal .page-width .product-grid--three_columns.product-grid--spacious {
        gap: 96px 90px;
    }
    .search-modal .page-width .product-grid--four_columns.product-grid--spacious {
        gap: 64px 48px;
    }
    .search-modal .page-width .product-grid--four_columns.product-grid--spacious.lines,
    .search-modal .page-width .product-grid--three_columns.product-grid--spacious.lines {
        gap: 48px 0;
    }
    .search-modal .page-width .product-grid--three_columns.product-grid--spacious.lines {
        grid-template-columns: calc((100% - 48px) / 3) calc((100% - 48px) / 3 + 48px) calc((100% - 48px) / 3);
    }
    .search-modal .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item {
        padding-top: 48px;
    }
    .search-modal .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container {
        padding-inline-end: 48px;
    }
    .search-modal .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)) {
        padding-inline-start: 48px;
    }
}
@media screen and (max-width: 1200px) {
    .search-modal .search-field__wrapper {
        padding-top: 24px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .predictive-search-results-tabs {
        padding-bottom: 24px;
    }
    .predictive-search-results-content .tab-content-js {
        padding-bottom: 48px;
        padding-top: 24px;
    }
    .search-modal .collection--spacious,
    .search-modal .collection--spacious.lines,
    .search-modal .collection__product-grid--spacious,
    .search-modal .collection--spacious.lines {
        gap: 48px;
    }
    .search-modal .collection--compact.lines,
    .search-modal .collection--compact,
    .search-modal .collection__product-grid--compact {
        gap: 32px;
    }
    .search-modal .product-grid--three_columns.product-grid--spacious {
        gap: 64px 80px;
    }
    .search-modal .product-grid--four_columns.product-grid--spacious {
        gap: 48px 24px;
    }
    .search-modal .product-grid--three_columns.product-grid--spacious.lines {
        grid-template-columns: calc((100% - 32px) / 3) calc((100% - 32px) / 3 + 32px) calc((100% - 32px) / 3);
    }
    .search-modal .product-grid--three_columns.product-grid--spacious.lines,
    .search-modal .product-grid--four_columns.product-grid--spacious.lines {
        gap: 32px 0;
    }
    .search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item,
    .search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item {
        padding-top: 32px;
    }
    .search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
    .search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container {
        padding-inline-end: 32px;
    }
    .search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
    .search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)) {
        padding-inline-start: 32px;
    }
    .search-modal .product-grid--four_columns.product-grid--spacious.lines {
        grid-template-columns: calc((100% - (32px * 2)) / 4) calc((100% - (32px * 2)) / 4 + 32px) calc((100% - (32px * 2)) / 4 + 32px) calc((100% - (32px * 2)) / 4);
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .predictive-search__results-list .card__badges {
        display: none;
    }
    .search-modal .collection--spacious,
    .search-modal .collection--compact,
    .search-modal .collection--spacious.lines,
    .search-modal .collection--compact.lines,
    .search-modal .collection__product-grid--spacious {
        gap: 32px;
    }
    .search-modal .product-grid--three_columns .grid__item,
    .search-modal .product-grid--three_columns .grid__item .card-container,
    .search-modal .product-grid--four_columns .grid__item,
    .search-modal .product-grid--four_columns .grid__item .card-container  {
        padding-inline-start: 0!important;
        padding-inline-end: 0!important;
        border-inline-start: none!important;
        border-inline-end: none!important;
    } 
    .search-modal .product-grid--three_columns.product-grid--spacious,
    .search-modal .product-grid--four_columns.product-grid--spacious,
    .search-modal .product-grid--three_columns.product-grid--compact,
    .search-modal .product-grid--four_columns.product-grid--compact {
        gap: 0 24px;
    }
    .search-modal .product-grid--three_columns.product-grid--compact,
    .search-modal .product-grid--three_columns.product-grid--compact.lines,
    .search-modal .product-grid--three_columns.product-grid--spacious,
    .search-modal .product-grid--four_columns.product-grid--spacious,
    .search-modal .product-grid--four_columns.product-grid--compact,
    .search-modal .product-grid--three_columns.product-grid--spacious.lines,
    .search-modal .product-grid--four_columns.product-grid--spacious.lines,
    .search-modal .product-grid--four_columns.product-grid--compact.lines {
        grid-template-columns: 1fr;
    }
    
    .search-modal .product-grid--three_columns.product-grid--spacious.lines,
    .search-modal .product-grid--four_columns.product-grid--spacious.lines,
    .search-modal .product-grid--four_columns.product-grid--compact.lines,
    .search-modal .product-grid--three_columns.product-grid--compact.lines {
        gap: 0;
    }
    .predictive-search__list-item.grid__item .card {
        flex-direction: row;
    }
    .predictive-search__list-item.grid__item .card__picture-wrapper {
        max-width: 100px;
        flex: 0 0 100px;
    }
    .search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,
    .search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container,
    .search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container,
    .search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+4)) .card-container {
        border: none;
        padding-inline-end: 0;
    }
    .search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:nth-child(odd) .card-container,
    .search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,
    .search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 16px;
        border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity)); 
    }  
    .search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),
    .search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+1)),
    .search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)),
    .search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+1)) {
        padding-inline-start: 0;
    }
    .search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:nth-child(even),
    .search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:nth-child(even),
    .search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:nth-child(even) {
        padding-inline-start: 16px;
    }
    .search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item,
    .search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item,
    .search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item,
    .search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item {
        padding-top: 16px;
    }

    .search-modal .product-grid--three_columns .grid__item:not(:first-child),
    .search-modal .product-grid--four_columns .grid__item:not(:first-child) {
        border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
        padding-top: 16px;
    }
    .search-modal .product-grid--three_columns .grid__item:not(:last-child),
    .search-modal .product-grid--four_columns .grid__item:not(:last-child) {
        padding-bottom: 16px;
    }
    .search-modal .product-grid--one_column .grid__item:nth-child(odd) .card-container {
        padding-inline-end: 0 !important;
        border-inline-end: none !important;
    }
    .search-modal .product-grid--one_column .grid__item:nth-child(even) {
        padding-inline-start: 0 !important;
    }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
    .search-modal .collection--spacious,
    .search-modal .collection__product-grid--spacious {
        gap: 32px;
    }
    .search-modal .collection--compact {
        gap: 24px;
    }
    .search-modal.searching .predictive-search__button {
        --bottom: 16px;
    }
}

/* Component share */
.share:not(.page-width) {
    max-width: 100%;
}

.share-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
}

.share__button {
    width: fit-content;
    max-width: 100%;
    color: rgb(var(--layout-text-color));
    user-select: none;
    -webkit-user-select: none;
}

.share__icon,
.share__button,
.share-list__link {
    display: flex;
    align-items: center;
}

.share__icon svg {
    fill: rgb(var(--layout-text-color));
    height: 100%;
    width: auto;
}

.share__icon-close,
.share__icon-open {
    height: 100%;
}

.share-toggle {
    max-width: fit-content;
}

.share-toggle .share__icon-open,
.share-toggle[open] .share__icon-close,
.copy-success {
    display: none;
}

.share-toggle[open] .share__icon-open,
.share-list__icon {
    display: block;
}

.share__button,
.share-list__link {
    gap: 10px;
    cursor: pointer;
}

.share-list__icon svg {
    fill: rgb(var(--layout-text-color));
    height: 100%;
    width: auto;
}

.share-items {
    padding-top: 20px;
    user-select: none;
    -webkit-user-select: none;
}

/* Fonts */
.share__button--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.share__button--minimal_basic,
.share-list--minimal_basic,
.share-list--classic {
    font: var(--base-body-s-font);
}
.share__button--minimal_heavy,
.share-list--minimal_heavy {
    font: var(--base-body-l-font);
}
.share__button--classic,
.share__button--contrast,
.share-list--duet {
    font: var(--base-body-m-font);
}
.share__button--avant_garde,
.share__button--duet {
    font: var(--accent-body-m-font);
}
.share__button--brutalist {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.share__button--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.share-list--minimal_uppercase {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.share-list--avant_garde {
    font: var(--accent-body-s-font);
}
.share-list--contrast {
    font: var(--base-label-font);
}
.share-list--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.share-list--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}

/* Component show more button */
.accordion__panel show-more-button {
    display: block;
    margin-top: -14px;
    padding-bottom: 24px;
}

.button-show-more {
    padding: 8px 0;
    color: inherit;
}

.button-show-more .label-show {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .button-show-more .label-show:hover {
        opacity: 1;
    }
}

/* Component slider */
slider-component {
    position: relative;
    display: block;
  }
  .slider__grid,
  .thumbnail-slider--column {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .product-media-modal__wrapper .slider__grid {
    scroll-behavior: auto;
    -webkit-scroll-behavior: auto;
  }
  .slider__grid {
    overflow-y: clip;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    display: flex;
  }
  .slider__grid::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
  }
  .slider__grid::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
  }
  .thumbnail-slider--column.slider-mobile-gutter {
    overflow-x: clip;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
  }

  .thumbnail-slider--column::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
  }
  .thumbnail-slider--column::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
  }
 
  .thumbnail-slider--column .slider__grid {
    overflow-y: auto;
    overflow-x: auto;
    scroll-snap-type: none;
  }

  .snap-align {
    scroll-snap-align: start;
    user-select: none;
    -webkit-user-select: none;
  }

  .slider-counter--current,
  .slider-counter--total {
    display: flex;
    min-width: 1em;
    justify-content: center;
  }

  .product-slider,
  .product__media-wrapper .slider-block {
    transition: height 0.3s 0.4s ease;
  }

  /* Scrollbar */

  .no-js .product-slider {
    -ms-overflow-style: auto;
    scrollbar-width: auto;
  }
  
  .no-js .product-slider::-webkit-scrollbar {
    display: initial;
  }
  
  .slider-counter {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .slider-counter--mobile,
  .slider-buttons-items.hidden-desktop {
    display: none;
  }

  .slider-counter__slash {
    display: flex;
    align-items: center;
  }
  
  .slider-counter__link {
    padding: 1rem;
  }
  
  .slider-buttons {
    display: none;
    align-items: center;
    justify-content: space-between;
  }

  .slider-buttons--visible {
    display: flex;
    gap: 16px;
  }
  
  .slider-button {
    background: transparent;
    border: none;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    overflow: clip;
  }

  .slider-buttons-items {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .slider-buttons-items--bottom {
    padding-top: 48px;
    justify-content: center;
  }
  .slider-buttons-items--spacious.slider-buttons-items--bottom {
      padding-top: 64px;
  }
  .slider-buttons-items--compact.slider-buttons-items--bottom {
      padding-top: 24px;
  }

  .slider-button svg {
    fill: rgb(var(--layout-text-color));
  }

  .slider-button--next svg, 
  .slider-button--prev svg {
    transform: translateX(0px);
    transition: transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
  }

  @media (hover: hover) {
    .slider-button--next:not([disabled]):hover svg {
      transform: translateX(-8px);
      transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .slider-button--prev:not([disabled]):hover svg {
      transform:translateX(8px);
      transition: transform var(--animation-duration) var(--transition-timing-function);
    }
  }
  .slider-button .icon {
    height: 0.6rem;
  }
  .slider-button[disabled] {
    cursor: default;
  }

  .slider-button[disabled] .icon {
    color: rgba(var(--color-foreground), 0.3);
    cursor: not-allowed;
  }
  
  .slider-button--next .icon {
    transform: rotate(-90deg);
    transition: transform var(--animation-duration) var(--transition-timing-function);
  }
  
  .slider-button--prev .icon {
    transform: rotate(90deg);
    transition: transform var(--animation-duration) var(--transition-timing-function);
  }

  .slider-scrollbar {
    width: 100%;
    position: relative !important;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-bottom: 4px;
  }

  .slider-scrollbar__track {
    display: block;
    background-color: rgba(var(--layout-text-color), 0.2); 
    height: 2px;
    transform: translateX(0);
    width: 100%;
    border-radius: 4px;
  }

  .slider-scrollbar__thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    border-radius: 4px;
    cursor: grab;
    background-color: rgb(var(--layout-text-color));
    width: 250px;
  }

  .slider-scrollbar__thumb.dragging {
    cursor: grabbing;
    top: -2px;
    height: 8px;
  }

.slider-scrollbar__thumb::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    height: 30px;
    top: -14px;
}

.slider-buttons-items.slider-scrollbar {
  padding-top: 20px;
}

  @media (hover: hover) {
    .slider-button--next:not([disabled]):hover .icon {
      transform: rotate(-90deg) scale(1.1);
    }
    
    .slider-button--prev:not([disabled]):hover .icon {
      transform: rotate(90deg) scale(1.1);
    }

    .slider-scrollbar:hover {
      padding-bottom: 2px;
      top: -1px;
    }

    .slider-scrollbar:hover .slider-scrollbar__track {
      height: 4px;
    }
  }

  /* Styles for full-width page without sidebars */
  /* Tablet */
  @media screen and (max-width: 1024px) {
    .slider-buttons-items--spacious.slider-buttons-items--bottom {
      padding-top: 48px;
    }
    .slider__grid[data-count="5"] + .slider-buttons-items.hidden-desktop.hidden-desktop-none {
      display: flex;
    }
  }
  /* Mobile */
  @media screen and (max-width: 768px) {
    .last-element:only-child {
      border-inline-end: none !important;
      padding-inline-end: 0 !important;
      flex: 0 0 100% !important;
    }
    .slider-buttons-items.hidden-desktop {
      display: flex;
    }
    .slider-buttons-items.hidden-mobile,
    .slider__grid[data-count="5"] + .slider-buttons-items.hidden-desktop.hidden-desktop-none.hidden-mobile {
      display: none;
    }
    .slider-buttons-items--spacious.slider-buttons-items--bottom {
      padding-top: 32px;
    }
    .slider-buttons-items--spacious.slider-buttons-items--lines.slider-buttons-items--bottom {
      padding-top: 24px;
    }
  }

  /* Sidebars */
  @media screen and (min-width: 921px) {
      /* Tablet */
    @container inside-content (max-width: 1024px) {
      .slider-buttons-items--spacious.slider-buttons-items--bottom {
        padding-top: 48px;
      }
      .slider__grid[data-count="5"] + .slider-buttons-items.hidden-desktop.hidden-desktop-none {
        display: flex;
      }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
      .last-element:only-child {
        border-inline-end: none !important;
        padding-inline-end: 0 !important;
        flex: 0 0 100% !important;
      }
      .slider-buttons-items.hidden-desktop {
        display: flex;
      }
      .slider-buttons-items.hidden-mobile,
      .slider__grid[data-count="5"] + .slider-buttons-items.hidden-desktop.hidden-desktop-none.hidden-mobile {
        display: none;
      }
      .slider-buttons-items--spacious.slider-buttons-items--bottom {
        padding-top: 32px;
      }
      .slider-buttons-items--spacious.slider-buttons-items--lines.slider-buttons-items--bottom {
        padding-top: 24px;
      }
    }
  }

  /* Component video button */
  .popup-wrapper.video-popup iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
}
.video-button-block {
    display: inline-flex;
    position: relative; 
}
.video-button-block.video-button-link {
    vertical-align: text-bottom;
}
.video-popup .button-wrapper {
    position: absolute;
    inset-inline-end: 0;
    padding-inline-end: 16px;
}
.video-button-block .deferred-media {
    display: flex;
}
.video-button {
    display: inline;
}
.video-button.link-button {
    background-image: none!important;
    background-size: 0;
}
.video-button-block .icon-button span {
    display: inline-flex;
}
.video-button__play-wrapper {
    position: relative;
    width: 1px;
    height: 1px;
    vertical-align: middle;
}
.video-button__play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px; 
    border-radius: 50%;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
    margin-inline-end: 5px;
    vertical-align: middle;
    position: absolute;
    top: -12px;
    inset-inline-start: 0;
}

.video-button__text {
    position: relative;
    vertical-align: middle;
}
.video-button-block:not(.video-button-link) .video-button__text {
    padding-inline-start: 29px;
}
.video-button-link .video-button__text {
    margin-inline-start: 29px;
}
.video-button__play svg {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 32px;
    height: 32px; 
}
.solid-button .video-button__play .svg-circle {
    fill: rgb(var(--base-button-color));
}
.video-button__play svg .svg-play {
    fill: transparent;
}
.outlined-button .video-button__play .svg-circle, .link-button .video-button__play .svg-circle {
    fill: rgb(var(--accent-button-color));
}
.no-default-color .outlined-button .video-button__play .svg-circle,
.no-default-color  .link-button .video-button__play .svg-circle {
    fill: rgb(var(--layout-text-color));
}
.outlined-button[disabled] .video-button__play .svg-circle,
.link-button[disabled] .video-button__play .svg-circle,
.no-default-color .outlined-button[disabled] .video-button__play .svg-circle,
.no-default-color  .link-button[disabled] .video-button__play .svg-circle {
    fill: rgba(var(--layout-text-color), 0.8);
    transition: fill var(--animation-duration) var(--transition-timing-function);
}
.no-default-color .solid-button .video-button__play .svg-circle {
    fill: rgb(var(--layout-background-color));
}
@media (hover: hover) {
    .outlined-button:not([disabled]):hover .video-button__play .svg-circle,
    .link-button:not([disabled]):hover .video-button__play .svg-circle {
        fill: rgb(var(--hover-button-color));
    }
    .no-default-color .outlined-button:not([disabled]):hover .video-button__play .svg-circle,
    .no-default-color .link-button:not([disabled]):hover .video-button__play .svg-circle {
        fill: rgb(var(--layout-text-color));
    }
}
.popup-video {
    position: relative;
    width: 100%;
    height: 100%;
}
.popup-wrapper.open.popup--height {
    height: fit-content;
}

/* Contacts */
.contacts-container--header,
.contacts-block--menu-drawer,
.contacts-block--footer,
.contacts-block--main-sidebar,
.contacts-container--menu-drawer,
.contacts-container--footer,
.contacts-container--main-sidebar,
.contacts-container--menu-drawer .contacts,
.contacts-container--footer .contacts,
.contacts-container--main-sidebar .contacts {
    display: flex;
    flex-direction: column;
    align-items: var(--contacts-horizontal-alignment);
    text-align: var(--contacts-horizontal-alignment);
}
.contacts-container--header {
    justify-content: center;
    width: 100%;
}

.contacts-block--menu-drawer,
.contacts-block--footer,
.contacts-block--main-sidebar {
    justify-content: var(--contacts-vertical-alignment);
}

.contacts-block {
    color: rgb(var(--layout-text-color));
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contacts-block.color-invert.color-accent .contacts__item,
.contacts-block.color-accent .contacts__item {
    color: rgb(var(--accent-button-color));
}

.contacts__item,
.contacts__description,
.contacts-title {
    color: rgb(var(--layout-text-color));
}

a.contacts__item {
    width: fit-content;

    .rich-text & {
        width: auto;
    }
}

.contacts-block--menu-drawer .contacts-title,
.contacts-block--footer .contacts-title {
    min-height: 32px;
    display: flex;
    align-items: center;
}

.contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: var(--contacts-horizontal-alignment);
}

.contacts-block--2.contacts-block--medium,
.contacts-block--2.contacts-block--wide,
.contacts-block--3.contacts-block--medium {
    grid-column: span 2;
}

.contacts-block--3.contacts-block--wide {
    grid-column: span 3;
}

/* Fonts */

.contacts--minimal_uppercase,
.contacts--minimal_basic,
.contacts__title--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.contacts--minimal_heavy {
    font: var(--base-body-l-font);
}
.contacts--classic {
    font: var(--accent-body-m-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.contacts--avant_garde {
    font: var(--base-body-m-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.contacts--contrast,
.contacts__title--duet {
    font: var(--accent-body-l-font);
}
.contacts--brutalist,
.contacts__title--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.contacts--duet {
    font: var(--base-body-m-font);
}
.contacts--custom,
.contacts__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.contacts__description--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}
.contacts__description--minimal_uppercase,
.contacts__title--minimal_basic,
.contacts__title--classic,
.contacts__title--avant_garde {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.contacts__description--minimal_basic,
.contacts__description--minimal_heavy,
.contacts__description--classic {
    font: var(--base-body-s-font);
}
.contacts__description--avant_garde {
    font: var(--accent-body-s-font);
}
.contacts__description--contrast {
    font: var(--base-label-font);
}
.contacts__description--brutalist,
.contacts__description--duet {
    font: var(--accent-body-m-font);
}
.contacts__title--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.contacts__title--contrast {
    font: var(--accent-heading-xs-font);
}

/* Custom code */
.custom-code__wrapper--narrow {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.custom-code__wrapper--narrow {
    max-width: 960px;
}
.custom-code__wrapper {
    border-radius: var(--wrapper-radius);
    -webkit-border-radius: var(--wrapper-radius);
    overflow: clip;
}
.code-placeholder {
    display: flex;
    width: 100%; 
    height: 100%;
    background-color: rgba(var(--layout-text-color),.07);
}
.code-placeholder path {
    fill: rgb(var(--layout-text-color), .5);
}
.lines.custom-code::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}
.lines.custom-code.ordinal-section--spacious::before {
    margin-bottom: 48px;
}
.lines.custom-code.ordinal-section--compact::before {
    margin-bottom: 24px;
}
main > section:first-child .lines.custom-code::before {
    display: none;
}

/* featured collections */
.featured-collections .card__title--minimal_uppercase,
.featured-collections .card__title--avant_garde {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.featured-collections .card__title--minimal_basic {
    font: var(--base-heading-xs-font);
}
.featured-collections .card__title--minimal_heavy {
    font: var(--base-heading-s-font);
}
.featured-collections .card__title--classic {
    font: var(--accent-heading-s-font);
}
.featured-collections .card__title--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.featured-collections .card__title--brutalist {
    text-transform: uppercase;
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.featured-collections .card__title--duet {
    font: var(--accent-body-l-font);
}
.featured-collections .card__title--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
    text-transform: uppercase;
}
@media screen and (max-width: 920px) {
    .featured-collections .card__title--minimal_uppercase,
    .featured-collections .card__title--minimal_basic,
    .featured-collections .card__title--minimal_heavy,
    .featured-collections .card__title--avant_garde,
    .featured-collections .card__title--brutalist  {
        font: var(--base-body-l-font);
    }
    .featured-collections .card__title--classic,
    .featured-collections .card__title--contrast,
    .featured-collections .card__title--duet {
        font: var(--accent-body-l-font);
    }
}

.featured-collections .product-labels__item-wrapper,
.featured-collections .product-labels__item-wrapper .card-collection {
    border: none!important;
}

.featured-collections .card__media {
    display: inline-flex;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
    height: var(--card-height, 150px);
}

.featured-collections .with-border .card__media {
    border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

.card__media--custom .card__image {
    object-position: var(--image-focal-point);
}

.featured-collections .card__image {
    width: 100%;
    height: 100%;
}

.featured-collections .card-collection.with-border .card-collection__wrapper  {
    border: 0.5px solid var(--line-color);
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
}

.featured-collections .card-collection,
.featured-collections .card-collection__wrapper {
    display: flex;
}

.featured-collections .card-collection__wrapper {
    width: 100%;
}

.featured-collections .card-collection .card__media {
    position: relative;
    flex-shrink: 0;
}

.featured-collections .card-collection .card__title {
    display: flex;
    padding: 24px;
    min-width: var(--card-text-min-width, 180px);
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    text-align: center;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.featured-collections .card-collection .card__title-text {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.featured-collections .card-collection .card__image,
.featured-collections .card-collection .placeholder-svg {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}
@media (hover: hover) {
    .featured-collections .card-collection:hover .card__title-text {
        opacity: .7;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
    .featured-collections .card-collection:hover .card__image,
    .featured-collections .card-collection:hover .placeholder-svg {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .featured-collections .card-collection:hover .card__title {
        opacity: 0.7;
    }
}

@media screen and (max-width: 768px) {
    .featured-collections .product-labels__container {
        display: flex !important;
        overflow-y: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scrollbar-width: none;
        padding-right: 1px;
    }
    .featured-collections .card__image {
        max-width: 75px;
    }
    .featured-collections .card-collection .card__media {
        height: fit-content;
    }
    .section-product-features.featured-collections .product-labels__container .product-labels__item-wrapper {
        flex: 0 0 90%;
    }
}

@media screen and (max-width: 420px) {
    .featured-collections .card-collection .card__title {
        min-width: auto; 
    }
}

/* Footer */
.footer {
    background-color: rgb(var(--layout-background-color));
    position: relative;
}

.footer__content {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    position: relative;
    z-index: 3;
    color: rgb(var(--layout-text-color));
}

.footer__content .section-navigation-block {
    border: 1px dashed transparent;
}

.footer__content--spacious {
    padding-top: max(calc(160px + var(--padding-top)), 0px);
    padding-bottom: max(calc(160px + var(--padding-bottom)), 0px);;
    gap: calc(128px * var(--vertical-gap)) calc(240px * var(--horizontal-gap));
}

.footer__content--compact {
    padding-top: max(calc(48px + var(--padding-top)), 0px);
    padding-bottom: max(calc(48px + var(--padding-bottom)), 0px);
    gap: calc(48px* var(--vertical-gap)) calc(16px* var(--horizontal-gap));
}

.footer__content--spacious.footer__content--3 {
    gap: calc(128px * var(--vertical-gap)) calc(120px * var(--horizontal-gap));
}

.footer__content--spacious.footer__content--lines {
    gap: calc(64px * var(--vertical-gap)) calc(120px * var(--horizontal-gap));
}

.footer__content--compact.footer__content--lines {
    gap: calc(24px * var(--vertical-gap)) calc(16px * var(--horizontal-gap));
}

.footer__content--line {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.line-container--footer {
    display: flex;
    justify-content: var(--line-alignment);
}

.line {
    width: 100%;
    height: var(--line-width);
    background-color: rgba(var(--layout-text-color), var(--line-opacity));
    display: block;
}

.footer__content .line-container--2.line-container--medium,
.footer__content .line-container--2.line-container--wide,
.footer__content .line-container--3.line-container--medium,
.empty-space--2.empty-space--medium,
.empty-space--2.empty-space--wide,
.empty-space--3.empty-space--medium,
.legal-container--2.legal-container--medium,
.legal-container--2.legal-container--wide,
.legal-container--3.legal-container--medium,
.payment-block--2.payment-block--medium,
.payment-block--2.payment-block--wide,
.payment-block--3.payment-block--medium,
.follow-on-shop--2.follow-on-shop--medium,
.follow-on-shop--2.follow-on-shop--wide,
.follow-on-shop--3.follow-on-shop--medium {
    grid-column: span 2;
}

.footer__content .line-container--3.line-container--wide,
.empty-space--3.empty-space--wide,
.legal-container--3.legal-container--wide,
.payment-block--3.payment-block--wide,
.follow-on-shop--3.follow-on-shop--wide  {
    grid-column: span 3;
}

.footer__content .line-container--1.line-container--short .line,
.legal-container--1.legal-container--short .legal {
    width: calc(100% / 3);
}

.footer__content .line-container--1.line-container--medium .line,
.legal-container--1.legal-container--medium .legal {
    width: calc(100% / 3 * 2);
}

.footer__copyright > p,
.payment__list-item {
    display: flex;
    align-items: center;
}

.copyright__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--legal-horizontal-alignment);
}
.copyright__content a {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
@media (hover: hover) {
    .copyright__content a:hover {
        opacity: .7;
    }
}
.footer__copyright .copyright__content--text {
    min-height: auto;
}
.footer__copyright,
.legal,
.legal-container {
    display: flex;
    flex-direction: column;
    justify-content: var(--legal-vertical-alignment);
    align-items: var(--legal-horizontal-alignment);
}
.footer__copyright {
    min-height: 32px;
}

.legal {
    gap: 24px;
    color: rgb(var(--layout-text-color));
}

.legal .back-to-top {
    display: flex;
    flex-wrap: nowrap;
}

.legal-container--center p {
    text-align: center;
}

.payment-block {
    display: flex;
    justify-content: var(--payment-vertical-alignment);
    align-items: var(--payment-horizontal-alignment);
    flex-direction: column;
}

.payment-block--stretched-center .payment {
    align-items: center;
}

.payment-block--stretched-center .payment__list {
    width: 100%;
    justify-content: space-between;
}

.payment {
    display: flex;
    flex-direction: column;
    justify-content: var(--payment-vertical-alignment);
    align-items: var(--payment-horizontal-alignment);
}

.payment--spacious {
    gap: 24px;
}

.payment--compact {
    gap: 16px;
}

.payment__heading {
    display: flex;
    align-items: center;
    min-height: 32px;
}

.payment__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: var(--payment-horizontal-alignment);
}

.follow-on-shop {
    display: flex;
    justify-content: var(--follow-vertical-alignment);
    align-items: var(--follow-horizontal-alignment);
    flex-direction: column;
}

/* Fonts */
.payment__heading--minimal_uppercase,
.footer__copyright--minimal_uppercase,
.back-to-top-container--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.footer__copyright--minimal_basic,
.footer__copyright--classic,
.footer__copyright--contrast {
    font: var(--base-body-s-font);
}

.payment__heading--minimal_basic,
.payment__heading--classic,
.payment__heading--avant_garde,
.payment__heading--contrast,
.back-to-top-container--minimal_basic,
.back-to-top-container--classic,
.back-to-top-container--avant_garde,
.back-to-top-container--contrast {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.payment__heading--minimal_heavy {
    font: var(--base-heading-xs-font);
}

.footer__copyright--minimal_heavy,
.back-to-top-container--minimal_heavy {
    font: var(--base-body-l-font);
}

.footer__copyright--avant_garde {
    font: var(--accent-body-s-font);
}

.payment__heading--brutalist,
.back-to-top-container--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.footer__copyright--brutalist {
    font: var(--accent-heading-s-font);
}

.payment__heading--duet,
.footer__copyright--duet {
    font: var(--accent-body-l-font);
}

.back-to-top-container--duet {
    font: var(--base-body-m-font);
}

.footer__copyright--custom,
.back-to-top-container--custom,
.payment__heading--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .footer__content--spacious {
        padding-top: max(calc(128px + var(--padding-top)), 0px);
        padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        gap: calc(128px * var(--vertical-gap)) calc(180px * var(--horizontal-gap));
    }
    .footer__content--spacious.footer__content--3 {
        gap: calc(128px * var(--vertical-gap)) calc(90px * var(--horizontal-gap));
    }
    .footer__content--spacious .footer__content--lines {
        gap: calc(64px * var(--vertical-gap)) calc(90px * var(--horizontal-gap));
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width.footer__content--spacious {
        padding-top: max(calc(128px + var(--padding-top)), 0px);
        padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        gap: calc(128px * var(--vertical-gap)) calc(180px * var(--horizontal-gap));
    }
    .page-width.footer__content--spacious.footer__content--3 {
        gap: calc(128px * var(--vertical-gap)) calc(90px * var(--horizontal-gap));
    }
    .page-width.footer__content--spacious .footer__content--lines {
        gap: calc(64px * var(--vertical-gap)) calc(90px * var(--horizontal-gap));
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .footer__content--spacious {
        padding-top: max(calc(96px + var(--padding-top)), 0px);
        padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
        gap: calc(64px * var(--vertical-gap)) calc(160px * var(--horizontal-gap));
    }
    .footer__content--spacious.footer__content--3 {
        gap: calc(64px * var(--vertical-gap)) calc(80px * var(--horizontal-gap));
    }
    .footer__content--spacious.footer__content--lines {
        gap: calc(32px * var(--vertical-gap)) calc(80px * var(--horizontal-gap));
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .footer__content {
        display: flex;
        flex-direction: column;
    }
    .footer__content .empty-space {
        display: none;
    }
    .footer__content--spacious {
        padding-top: max(calc(64px + var(--padding-top)), 0px);
        padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
        gap: calc(64px * var(--vertical-gap)) calc(24px * var(--horizontal-gap));
    }
    .footer__content--spacious.footer__content--lines {
        gap: calc(32px * var(--vertical-gap)) calc(16px * var(--horizontal-gap));
    }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
    .footer__content--spacious {
        padding-top: max(calc(48px + var(--padding-top)), 0px);
        padding-bottom: max(calc(48px + var(--padding-bottom)), 0px);
        gap: calc(48px * var(--vertical-gap)) calc(16px * var(--horizontal-gap));
    }
    .footer__content--compact {
        padding-top: max(calc(32px + var(--padding-top)), 0px);
        padding-bottom: max(calc(32px + var(--padding-bottom)), 0px);
        gap: calc(48px * var(--vertical-gap)) calc(16px * var(--horizontal-gap));
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width.footer__content--spacious {
        padding-top: max(calc(128px + var(--padding-top)), 0px);
        padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        gap: calc(128px * var(--vertical-gap)) calc(180px * var(--horizontal-gap));
    }
    .page-width.footer__content--spacious.footer__content--3 {
        gap: calc(128px * var(--vertical-gap)) calc(90px * var(--horizontal-gap));
    }
    .page-width.footer__content--spacious .footer__content--lines {
        gap: calc(64px * var(--vertical-gap)) calc(90px * var(--horizontal-gap));
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .footer__content--spacious {
            padding-top: max(calc(128px + var(--padding-top)), 0px);
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
            gap: calc(128px * var(--vertical-gap)) calc(180px * var(--horizontal-gap));
        }
        .footer__content--spacious.footer__content--3 {
            gap: calc(128px * var(--vertical-gap)) calc(90px * var(--horizontal-gap));
        }
        .footer__content--spacious .footer__content--lines {
            gap: calc(64px * var(--vertical-gap)) calc(90px * var(--horizontal-gap));
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .footer__content--spacious {
            padding-top: max(calc(96px + var(--padding-top)), 0px);
            padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
            gap: calc(64px * var(--vertical-gap)) calc(160px * var(--horizontal-gap));
        }
        .footer__content--spacious.footer__content--3 {
            gap: calc(64px * var(--vertical-gap)) calc(80px * var(--horizontal-gap));
        }
        .footer__content--spacious.footer__content--lines {
            gap: calc(32px * var(--vertical-gap)) calc(80px * var(--horizontal-gap));
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .footer__content {
            display: flex;
            flex-direction: column;
        }
        .footer__content .empty-space {
            display: none;
        }
        .footer__content--spacious {
            padding-top: max(calc(64px + var(--padding-top)), 0px);
            padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
            gap: calc(64px * var(--vertical-gap)) calc(24px * var(--horizontal-gap));
        }
        .footer__content--spacious.footer__content--lines {
            gap: calc(32px * var(--vertical-gap)) calc(16px * var(--horizontal-gap));
        }
    }
    /* Mobile-mini */
    @container inside-content (max-width: 500px) {
        .footer__content--spacious {
            padding-top: max(calc(48px + var(--padding-top)), 0px);
            padding-bottom: max(calc(48px + var(--padding-bottom)), 0px);
            gap: calc(48px * var(--vertical-gap)) calc(16px * var(--horizontal-gap));
        }
        .footer__content--compact {
            padding-top: max(calc(32px + var(--padding-top)), 0px);
            padding-bottom: max(calc(32px + var(--padding-bottom)), 0px);
            gap: calc(48px * var(--vertical-gap)) calc(16px * var(--horizontal-gap));
        }
    }
}

/* Image with hotspots */
.image-with-hotspots__content .sale-price,
.no-default-color .image-with-hotspots__content .sale-price:not(.predictive-search .sale-price):not(.stories-slideshow__stories .sale-price),
.image-with-hotspots__content.richtext a {
    color: rgb(var(--layout-background-color));
}

.image-with-hotspots__content.richtext a {
    background-image: linear-gradient(to top,rgb(var(--layout-background-color)) 0px,rgb(var(--layout-background-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
}

.card__vendor--minimal_uppercase,
.card__vendor--minimal_basic,
.card__vendor--classic,
.card__vendor--contrast {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.card__vendor--minimal_heavy {
    font: var(--base-body-l-font);
}

.card__vendor--brutalist,
.card__title--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.card__vendor--avant_garde,
.card__title--duet {
    font: var(--accent-body-m-font);
}

.card__vendor--duet,
.card__title--minimal_basic {
    font: var(--base-body-m-font);
}

.card__title--minimal_uppercase {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.card__title--minimal_heavy {
    font: var(--base-heading-xs-font);
}

.card__title--classic,
.card__title--contrast {
    font: var(--accent-body-l-font);
}

.card__title--avant_garde {
    font: var(--base-body-m-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.card__price--contrast {
    font: var(--base-body-l-font);
}
.card__price--minimal_basic,
.card__price--classic,
.card__price--duet {
    font: var(--base-body-m-font);
}
.card__price--minimal_uppercase {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__price--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.card__price--avant_garde {
    font: var(--accent-body-m-font);
}
.card__price--brutalist {
    font: var(--accent-body-l-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__title--custom,
.card__vendor--custom,
.card__price--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.image-with-hotspots__content .regular-price {
    color: rgb(var(--layout-background-color));
}

.image-with-hotspots__wrapper.center .content-subheading,
.image-with-hotspots__wrapper.center .content-heading,
.image-with-hotspots__content.center .image-with-hotspots__vendor,
.image-with-hotspots__content.center .image-with-hotspots__name,
.image-with-hotspots__content.center .image-with-hotspots__price {
  text-align: center;
}

.image-with-hotspots__content.center .image-with-hotspots__price .price {
    justify-content: center;
}

.lines.image-with-hotspots::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}

.lines.image-with-hotspots--spacious::before {
    margin-bottom: 48px;
}

.lines.image-with-hotspots--compact::before {
    margin-bottom: 24px;
}

.image-with-hotspots--spacious .content-subheading + .content-heading {
    margin-top: 24px;
}

.image-with-hotspots--compact .content-subheading + .content-heading {
    margin-top: 16px;
}

.image-with-hotspots--spacious * + .image-with-hotspots__block {
    margin-top: 64px;
}

.image-with-hotspots--compact * + .image-with-hotspots__block {
    margin-top: 24px;
}

.image-with-hotspots__block {
    position: relative;
    display: flex;
}

.image-with-hotspots__media {
    display: flex;
    width: 100%;
    height: fit-content;
    border-radius: var(--images-and-section-radius);
    overflow: clip;
    position: relative;
    z-index: 0;
    pointer-events: none;
}

.image-with-hotspots__media .image-with-hotspots__image,
.image-with-hotspots__media .placeholder-svg {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.image-with-hotspots__media--mobile {
    display: none;
}

.image-with-hotspots__hotspot {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: calc(var(--desktop_vertical_position) - 22px);
    left: calc(var(--desktop_horizontal_position) - 22px);
}

.image-with-hotspots__dot {
    width: 44px;
    height: 44px;
    background-color: rgba(var(--layout-text-color), 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color .3s var(--transition-timing-function);
    user-select: none;
}

.image-with-hotspots__dot::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgb(var(--layout-background-color));
    transform: scale(1);
    transition: transform .3s var(--transition-timing-function);
}

.image-with-hotspots__content {
    --dropdown-width: 224px;
    position: absolute; 
    display: inline-flex;
    width: var(--dropdown-width);
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    background-color: rgba(var(--layout-text-color), 0.85);
    border-radius: 4px;
    color: rgb(var(--layout-background-color));
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.image-with-hotspots__content::before {
    content: "";
    width: 100%;
    height: calc(100% + 30px);
    display: block;
    position: absolute;
    transform: translate(-11px , -30px);
}

a .image-with-hotspots__vendor,
a .image-with-hotspots__name,
a .image-with-hotspots__price,
.image-with-hotspots__content.quick .image-with-hotspots__vendor,
.image-with-hotspots__content.quick .image-with-hotspots__name,
.image-with-hotspots__content.quick .image-with-hotspots__price {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.bottom_center.image-with-hotspots__content,
.bottom_left.image-with-hotspots__content,
.bottom_right.image-with-hotspots__content {
    top: 48px;
}

.bottom_center.image-with-hotspots__content {
    inset-inline-start: calc(0px - (var(--dropdown-width) / 2) + 22px);
}

.bottom_left.image-with-hotspots__content {
    inset-inline-end: 0px;
}

.bottom_right.image-with-hotspots__content {
    inset-inline-start: 0px;
}

.top_center.image-with-hotspots__content,
.top_left.image-with-hotspots__content,
.top_right.image-with-hotspots__content {
    bottom: 48px;
}

.top_center.image-with-hotspots__content {
    inset-inline-start: calc(0px - (var(--dropdown-width) / 2) + 22px);
}

.top_left.image-with-hotspots__content {
    inset-inline-end: 0px;
}

.top_right.image-with-hotspots__content {
    inset-inline-start: 0px;
}

.image-with-hotspots__content.center {
    text-align: center;
}

.image-with-hotspots .image-with-hotspots__content ul,
.image-with-hotspots .image-with-hotspots__content ol {
    margin-inline-start: 0;
}

.image-with-hotspots .image-with-hotspots__content.center ul,
.image-with-hotspots .image-with-hotspots__content.center ol {
    margin-inline-start: auto;
}

@keyframes openContent {
    0% {
        transform: translate(0, 0) scale(0);
    }
    100% {
        transform: translate(0, 0) scale(1);
    }
}

.image-with-hotspots__content-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    background: linear-gradient(to top left, rgba(var(--layout-text-color), 0.85) 50%, transparent 50%);
    transform: rotate(-135deg);
    border-end-end-radius: 3px;
    padding: 0!important;
} 

.bottom_center .image-with-hotspots__content-icon {
    top: -8px;
    inset-inline-start: calc(50% - 8px);
}

.bottom_left .image-with-hotspots__content-icon {
    top: -8px;
    inset-inline-end: calc(22px - 8px);
}

.bottom_right .image-with-hotspots__content-icon {
    top: -8px;
    inset-inline-start: calc(22px - 8px);
}

.top_center .image-with-hotspots__content-icon {
    bottom: -8px;
    inset-inline-start: calc(50% - 8px);
    transform: rotate(45deg);
}

.top_left .image-with-hotspots__content-icon {
    bottom: -8px;
    inset-inline-end: calc(22px - 8px);
    transform: rotate(45deg);
}

.top_right .image-with-hotspots__content-icon {
    bottom: -8px;
    inset-inline-start: calc(22px - 8px);
    transform: rotate(45deg);
}

.active.image-with-hotspots__dot {
    background-color: rgba(var(--layout-text-color), 0.5);
}

.active.image-with-hotspots__dot::after {
    transform: scale(0.5);
}

.open.image-with-hotspots__dot + .image-with-hotspots__content {  
    z-index: 1;
    opacity: 1;
    pointer-events: all;
}
.closing.image-with-hotspots__dot + .image-with-hotspots__content {
    transition: transform .3s var(--transition-timing-function);
    transform: scale(0);
}
.open:not(.closing).image-with-hotspots__dot + .image-with-hotspots__content,
.open:not(.closing).image-with-hotspots__dot + .image-with-hotspots__content,
.open:not(.closing).image-with-hotspots__dot + .image-with-hotspots__content {
    animation: openContent .3s var(--transition-timing-function);
}
.image-with-hotspots__hotspot--product .image-with-hotspots__content {
    cursor: pointer;
}

.image-with-hotspots__content .richtext a,
.image-with-hotspots__content.richtext a {
    overflow: clip;
}

@media (hover: hover) {
    .image-with-hotspots__content.richtext a:hover {
        color: rgb(var(--layout-background-color));
        opacity: 0.7;
        background-image: linear-gradient(to top,rgb(var(--layout-background-color)) 0px,rgb(var(--layout-background-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    .image-with-hotspots__content.richtext-link--underline a:hover {
        opacity: 1;
        animation: startAnimateUnderlinedLinksNoColorHotspots var(--animation-duration) var(--transition-timing-function), endAnimateUnderlinedLinksNoColorHotspots var(--animation-duration) var(--transition-timing-function)  var(--animation-duration);
    }

    a:hover .image-with-hotspots__vendor,
    a:hover .image-with-hotspots__name,
    a:hover .image-with-hotspots__price,
    .image-with-hotspots__content.quick:hover .image-with-hotspots__vendor,
    .image-with-hotspots__content.quick:hover .image-with-hotspots__name,
    .image-with-hotspots__content.quick:hover .image-with-hotspots__price {
        opacity: 0.7;
    }
}

@keyframes startAnimateUnderlinedLinksNoColorHotspots {
    0% {
        background-position: right bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-background-color)) 0px,rgb(var(--layout-background-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    100% {
        background-position: right bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-background-color)) 0px,rgb(var(--layout-background-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}
@keyframes endAnimateUnderlinedLinksNoColorHotspots {
    from {
        background-position: left bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-background-color)) 0px,rgb(var(--layout-background-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    to {
        background-position: left bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-background-color)) 0px,rgb(var(--layout-background-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .image-with-hotspots--spacious * + .image-with-hotspots__block {
      margin-top: 48px;
    }
}
@media screen and (max-width: 920px) {
    section.image-with-hotspots {
        overflow-x: clip;
    }
    body {
        overflow-x: clip;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .image-with-hotspots--spacious * + .image-with-hotspots__block {
      margin-top: 32px;
    }
    .lines.image-with-hotspots--spacious::before {
      margin-bottom: 32px;
    }
    .image-with-hotspots--spacious .content-subheading + .content-heading {
      margin-top: 16px;
    }
    .image-with-hotspots__media--desktop {
        display: none;
    }
    .image-with-hotspots__media--mobile,
    .image-with-hotspots__media--desktop.image-with-hotspots__media--all {
        display: flex;
    }
    .image-with-hotspots__hotspot {
        top: calc(var(--mobile_vertical_position) - 22px);
        left: calc(var( --mobile_horizontal_position) - 22px);
    }
    .image-with-hotspots__content {
        --dropdown-width: 180px;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .image-with-hotspots--spacious * + .image-with-hotspots__block {
            margin-top: 48px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .image-with-hotspots--spacious * + .image-with-hotspots__block {
            margin-top: 32px;
        }
        .lines.image-with-hotspots--spacious::before {
            margin-bottom: 32px;
        }
        .image-with-hotspots--spacious .content-subheading + .content-heading {
            margin-top: 16px;
        }
        .image-with-hotspots__media--desktop {
            display: none;
        }
        .image-with-hotspots__media--mobile,
        .image-with-hotspots__media--desktop.image-with-hotspots__media--all {
            display: flex;
        }
        .image-with-hotspots__hotspot {
            top: calc(var(--mobile_vertical_position) - 22px);
            left: calc(var( --mobile_horizontal_position) - 22px);
        }
        .image-with-hotspots__content {
            --dropdown-width: 180px;
        }
    }
}

/* Image */
.image {
    overflow: clip;
    width: 100%;
    height: 100%;
    border-radius: var(--context-image-radius);
    -webkit-border-radius: var(--context-image-radius);
}

.image__item {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: var(--focal-point);
}

.footer .image-container .image,
.menu-drawer .image-container .image,
.ratio-original .image__item {
    height: fit-content;
    max-height: 100%;
}

.footer .image-container,
.menu-drawer .image-container {
    display: flex;
    justify-content: var(--image-horizontal-alignment);
    align-items: var(--image-vertical-alignment);
}

.image-container .lazy-image {
    height: 100%;
}

.image-container--2.image-container--medium,
.image-container--2.image-container--wide,
.image-container--3.image-container--medium {
    grid-column: span 2;
}

.image-container--3.image-container--wide {
    grid-column: span 3;
}

.image-container--1.image-container--short .image {
    width: calc(100% / 3);
}

.image-container--1.image-container--medium .image {
    width: calc(100% / 3 * 2);
}

.image-container--width .image__item,
.image-container--width .placeholder-svg {
    max-width: 100%;
    width: var(--block-image-width);
}

.image-container {
    display: flex;
    justify-content: var(--image-alignment);
}

.image-container.image-container--width {
    width: fit-content;
}

.image-block {
    display: flex;
    width: fit-content;
}

.image img, .image .placeholder-svg {
    border-radius: var(--context-image-radius);
    -webkit-border-radius: var(--context-image-radius);
}
a.image-block, 
a.image .image__item {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
a.image .image__item {
    opacity: 1;
}
@media (hover: hover) {
    a.image-block:hover, a.image:hover .image__item {
        opacity: 0.7;
    }
}

@media screen and (max-width: 768px) {
    .image-container--1.image-container--short .image,
    .image-container--1.image-container--medium .image {
        width: 100%;
    }
}

/* Media with tabs */
.media-with-tabs__media, .media-with-tabs__content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s var(--transition-timing-function);
}
.media-with-tabs__content-wrapper {
    z-index: 0;
    left: 0;
}
.image-right.lines.include-lines .small .media-with-tabs__media {
    inset-inline-start: var(--gap);
    inset-inline-end: 0;
    width: calc(100% - var(--gap));
}
.image-left.lines.include-lines .small .media-with-tabs__media {
    inset-inline-end: var(--gap);
    inset-inline-start: 0;
    width: calc(100% - var(--gap));
}
.media-with-tabs__content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.media-with-tabs__media-wrapper {
    display: flex;
}
.media-with-tabs__media.active, .media-with-tabs__content-wrapper.active {
    left: 0;
    right: 0;
    opacity: 1;
    position: relative;
    z-index: 3;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.media-with-tabs__media.active {
    width: 100%!important;
}
.media-with-tabs__tab {
    display: inline;
    cursor: pointer;
    opacity: 0.7;
    width: fit-content;
}
.media-with-tabs__tab.active {
    opacity: 1;
    cursor: default;
}
.media-with-tabs__tabs {
    display: block;
}
.media-with-tabs__tabs:not(:first-child) {
    margin-top: 24px;
}
.media-with-text__content-wrapper.center .media-with-tabs__button {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.media-with-text__content-wrapper.right .media-with-tabs__button {
    margin-inline-start: auto;
}
.media-with-tabs__button {
    width: fit-content;
    display: inline-block;
}
.media-with-tabs__media-wrapper, .media-with-tabs__content {
    position: relative;
}
.center .media-with-tabs__tabs {
    align-items: center;
}
.end .media-with-tabs__tabs, .end .media-with-tabs__content-wrapper {
    align-items: flex-end;
}

.media-with-tabs .media-with-text__media-wrapper video {
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
    overflow: clip;
    z-index: 1;
}
.media-with-text--full-width.image-left .media-with-text__media-wrapper video {
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
    -webkit-border-start-start-radius: 0px;
    -webkit-border-end-start-radius: 0px;
}
.media-with-text--full-width.image-right .media-with-text__media-wrapper video {
    border-start-end-radius: 0px;
    border-end-end-radius: 0px;
    -webkit-border-start-end-radius: 0px;
    -webkit-border-end-end-radius: 0px;
}
.media-with-tabs__tab {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.color-default .media-with-tabs__tab {
    transition: opacity var(--animation-duration) var(--transition-timing-function), color var(--animation-duration) var(--transition-timing-function);
}
@media (hover: hover) {
    .media-with-tabs__tab:not(.active):hover {
        opacity: 1;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
    .color-default .media-with-tabs__tab:not(.active):hover {
        opacity: 1;
        color: rgb(var(--accent-button-color));
        transition: opacity var(--animation-duration) var(--transition-timing-function), color var(--animation-duration) var(--transition-timing-function);
    }
}

.media-with-tabs__media.deferred-media.active {
    position: relative;
}
.media-with-tabs__image {
    width: 100%;
    height: 100%;
}
.media-with-tabs__image--mobile {
    display: none;
}
.media-with-tabs__poster {
    display: flex;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    opacity: 1;
    position: relative;
    z-index: 2;
    transition: opacity 1s var(--transition-timing-function);
}

.media-with-tabs__media[loaded] .media-with-tabs__poster {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity 1s var(--transition-timing-function);
}
.media-with-tabs__media .template-video, .media-with-tabs__media iframe,
.media-with-tabs__media video-section {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s var(--transition-timing-function);
}
.media-with-tabs__poster .deferred-media__poster-button svg {
    fill: rgb(var(--accent-button-color));
    transition: fill var(--animation-duration) var(--transition-timing-function);
}
@media (hover: hover) {
    .media-with-tabs__poster .deferred-media__poster-button:hover svg {
        fill: rgb(var(--hover-button-color));
    }
}

.media-with-tabs__media[loaded] .template-video, .media-with-tabs__media[loaded] iframe,
.media-with-tabs__media[loaded] video-section {
    display: block;
    left: 0;
    right: 0;
    opacity: 1;
    position: relative;
    z-index: 2;
    transition: opacity 1s var(--transition-timing-function);
}

.media-with-tabs__poster .lazy-image {
    height: 100%;
}

/* Styles for full-width page without sidebars */
/* Mobile */
@media screen and (max-width: 768px) {
    .media-with-tabs__content-wrapper {
        gap: 16px;
    }
    .media-with-tabs__tabs:not(:first-child) {
        margin-top: 16px;
    }
    .media-with-tabs__image--desktop,
    .media-with-tabs__poster .placeholder-svg {
        display: none;
    }
    .media-with-tabs__image--desktop.media-with-tabs__image--all,
    .media-with-tabs__image--mobile,
    .media-with-tabs__view-placeholder .placeholder-svg {
        display: flex;
    }
    .media-with-tabs__media.deferred-media.ratio-original .template-video {
        aspect-ratio: 16 / 9;
    }
    .end .media-with-tabs__tabs,
    .end .media-with-tabs__content-wrapper {
        align-items: flex-start;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .media-with-tabs__content-wrapper {
            gap: 16px;
        }
        .media-with-tabs__tabs:not(:first-child) {
            margin-top: 16px;
        }
        .media-with-tabs__image--desktop,
        .media-with-tabs__poster .placeholder-svg {
            display: none;
        }
        .media-with-tabs__image--desktop.media-with-tabs__image--all,
        .media-with-tabs__image--mobile,
        .media-with-tabs__view-placeholder .placeholder-svg {
            display: flex;
        }
        .media-with-tabs__media.deferred-media.ratio-original .template-video {
            aspect-ratio: 16 / 9;
        }
        .end .media-with-tabs__tabs,
        .end .media-with-tabs__content-wrapper {
            align-items: flex-start;
        }
    }
}

/* Mega menu drawer */
.mega-menu-drawer {
    background-color: #fff;
    position: fixed;
    z-index: 1000;
    width: 640px;
    inset-inline-end: 0;
    height: 100vh;
    min-height: -webkit-fill-available;
    bottom: env(safe-area-inset-bottom);
    z-index: 40;
    top: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: rgb(var(--layout-background-color));

    &.menu-drawer--left {
        inset-inline-start: 0;
    }
}

.mega-menu-drawer .menu-drawer__content--compact {
    --menu-drawer-spacing: 8px;
}

.mega-menu-drawer .menu-drawer__content--spacious {
    --menu-drawer-spacing: 16px;
}

.mega-menu-drawer:not([hidden]) + .overlay {
    z-index: 24;
}

.mega-menu-drawer[hidden] {
    opacity: 0;
}

.mega-menu-drawer:not([hidden]) {
    opacity: 1;
    animation: drawerOpenRight var(--animation-duration) var(--transition-timing-function);
}

.mega-menu-drawer.menu-drawer--left:not([hidden]) {
    animation: drawerOpenLeft var(--animation-duration) var(--transition-timing-function);
}

.mega-menu-drawer:not([hidden]) .pinned-block {
    animation: drawerOpenRight var(--animation-duration) var(--transition-timing-function);
}

.mega-menu-drawer.menu-drawer--left:not([hidden]) .pinned-block {
    animation: drawerOpenLeft var(--animation-duration) var(--transition-timing-function);
}

.mega-menu-drawer {
    --height-pinned-block: 0px;
}

.mega-menu-drawer .menu-drawer__content > .content-wrapper--block {
    padding-top: calc(var(--menu-drawer-spacing) * var(--spacing));
}

.mega-menu-drawer .menu-drawer__content > *.full-bottom-line,
.mega-menu-drawer .menu-drawer__content > *.pinned-block {
    padding-bottom: calc(var(--menu-drawer-spacing) * var(--spacing));
}

.mega-menu-drawer .button-wrapper {
    z-index: 80;
}

.mega-menu-drawer .menu-drawer__close {
    position: absolute;
    top: 16px;
    inset-inline-end: 16px;
    cursor: pointer;
}

.mega-menu-drawer .menu-drawer__close svg {
    display: block;
    width: auto;
}

.mega-menu-drawer .menu-drawer__content {
    min-height: 100%;
    padding: 0px 24px;
}

.mega-menu-drawer .menu-drawer__header {
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-inline-end: 52px;
    min-height: calc(44px + 16px + 16px);
    color: rgb(var(--layout-text-color));
}

.main-drawer-menu .menu-drawer__header .dropdown-icon {
    height: auto !important;
}

.full-bottom-line {
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.mega-menu-drawer .localization {
    flex-direction: row;
    gap: 16px;
}

.empty-space {
    height: var(--desktop-height);
}

.mega-menu-drawer .search-container {
    width: 100%;
}

.mega-menu-drawer .block-account .account-link {
    display: flex;
    align-items: center;
    gap: 16px;
    color: rgb(var(--layout-text-color));
}

.mega-menu-drawer .block-account .account-link.center {
    justify-content: center;
}

.mega-menu-drawer .account__wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pinned-block {
    position: fixed;
    z-index: 60!important;
    bottom: 0;
    inset-inline-end: 0;
    width: 640px;
    max-width: 640px;
    min-width: 480px;
    padding-inline-end: 24px;
    padding-inline-start: 24px;
    background-color: rgb(var(--layout-background-color));
    box-shadow: 0px 0px 4px rgba(var(--layout-text-color), 0.1), 0px 8px 40px rgba(var(--layout-text-color), 0.2);

    .mega-menu-drawer.menu-drawer--left & {
        inset-inline-start: 0;
    }
}

.mega-menu-drawer .nested-submenu {
    padding-bottom: var(--height-pinned-block);
}

.navigation-buttons__title {
    color: rgb(var(--layout-text-color));
}

.mega-menu-drawer .menus--secondary {
    display: flex;
    gap: 8px;
}

.mega-menu-drawer .menus--secondary .menus__item {
    flex: 0 0 calc((100% - 8px) / 2);
}

.mega-menu-drawer .newsletter {
    gap: 8px;
}

.mega-menu-drawer .menus__item--spacious,
.mega-menu-drawer .text__container,
.mega-menu-drawer .contacts-block {
    gap: 16px;
}

/* Main menu */
.main-drawer-menu .menu__item-image {
    width: 40px;
    border-radius: var(--image-border-radius);
    -webkit-border-radius: var(--image-border-radius);
    overflow: clip;
    display: flex;
}

.main-drawer-menu .menu__item-image img {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.main-drawer-menu .menu__item-image.ratio-original img {
    height: auto;
}

.main-drawer-menu .menu__item-title {
    gap: 16px;
}

.main-drawer-menu .dropdown-icon--chevron,
.main-drawer-menu .button-dropdown-icon {
    margin-inline-start: auto;
}

.scroll-area {
    overflow-y: auto;
    height: 100%;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none; 
}

.hide-scrollbar::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

.hide-scrollbar::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.mega-menu-drawer .first-nested__list,
.mega-menu-drawer .second-nested__list {
    position: static;
    pointer-events: all;
    width: 100%;
    padding: 0px;
    background-color: rgb(var(--layout-background-color));
    visibility: visible;
    opacity: 1;
}

.mega-menu-drawer .top-level-item[open] + .nested-submenu .first-nested__list {
    pointer-events: all;
    visibility: visible;
}

.mega-menu-drawer .main-drawer-menu .menu .menu__item-title {
    padding: 8px 0;
    cursor: pointer;
}

.mega-menu-drawer .menu-with-lines.main-drawer-menu .menu .menu__item-title {
    padding: 16px 0;
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.mega-menu-drawer .menu-with-lines.main-drawer-menu .menu li:last-child > drawer-menu > summary > .menu__item-title {
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.mega-menu-drawer .menu-with-lines.main-drawer-menu .first-nested__list > li:not(:last-child) > drawer-menu > summary > .menu__item-title,
.mega-menu-drawer .menu-with-lines.main-drawer-menu .second-nested__list > li:not(:last-child) > drawer-menu > summary > .menu__item-title {
    border-bottom: none;
}

.mega-menu-drawer .menu-with-lines.main-drawer-menu .menu-collection-banner ~ .second-nested__list > li:first-child > drawer-menu > summary > .menu__item-title,
.mega-menu-drawer .menu-with-lines.main-drawer-menu .menu .first-nested__list > li:first-child > drawer-menu > summary > .menu__item-title,
.mega-menu-drawer .menu-with-lines.main-drawer-menu .menu .second-nested__list > li:first-child > drawer-menu > summary > .menu__item-title {
    border-top: none;
}

.mega-menu-drawer .miscellaneous__subblock--reverse.miscellaneous__subblock--horizontal-flex-end {
    justify-content: flex-start;
}

.mega-menu-drawer .main-drawer-menu:not(.menu-with-lines) .menu-collection-banner {
    margin-bottom: 8px;
}

.main-drawer-menu .menu__list .dropdown-icon--chevron svg {
    transform: rotate(-90deg);
}

.mega-menu-drawer .nested-submenu {
    position: fixed;
    z-index: 55;
    width: 640px;
    height: 100dvh;
    padding: 0 24px;
    top: 0;
    inset-inline-start: auto !important;
    background-color: rgb(var(--layout-background-color));
    overflow-x: clip;
    padding-bottom: var(--height-pinned-block);
}

.mega-menu-drawer .nested-submenu-second-level,
.mega-menu-drawer .nested-submenu-third-level,
.mega-menu-drawer .nested-submenu-fourth-level {
    inset-inline-end: -100%;
    transition: inset-inline-end .5s ease-in-out;
}
.mega-menu-drawer.menu-drawer--left .nested-submenu-second-level,
.mega-menu-drawer.menu-drawer--left .nested-submenu-third-level,
.mega-menu-drawer.menu-drawer--left .nested-submenu-fourth-level {
    inset-inline-start: -100% !important;
    transition: inset-inline-start .5s ease-in-out;
}

.top-level-item[open="true"] + .nested-submenu-second-level {
    z-index: 55;
    inset-inline-end: 0;

    .menu-drawer.menu-drawer--left & {
        inset-inline-start: 0 !important;
    }
}

.second-level-item[open="true"] + .nested-submenu-third-level {
    z-index: 57;
    inset-inline-end: 0;

    .menu-drawer.menu-drawer--left & {
        inset-inline-start: 0 !important;
    }
}
.third-level-item[open="true"] + .nested-submenu-fourth-level {
    z-index: 59;
    inset-inline-end: 0;

    .menu-drawer.menu-drawer--left & {
        inset-inline-start: 0 !important;
    }
}
.drawer--left .top-level-item + .nested-submenu-second-level,
.drawer--left .second-level-item + .nested-submenu-third-level,
.drawer--left .third-level-item + .nested-submenu-fourth-level {
    inset-inline-end: auto;
    inset-inline-start: -100% !important;
    transition: inset-inline-start 0.5s ease-in-out;

    .menu-drawer.menu-drawer--left & {
        inset-inline-end: -100% !important;
        transition: inset-inline-end 0.5s ease-in-out;
    }
}
.drawer--left .top-level-item[open="true"] + .nested-submenu-second-level,
.drawer--left .second-level-item[open="true"] + .nested-submenu-third-level,
.drawer--left .third-level-item[open="true"] + .nested-submenu-fourth-level {
    inset-inline-end: auto;
    inset-inline-start: 0 !important;

    .menu-drawer.menu-drawer--left & {
        inset-inline-end: 0 !important;
    }
}

.animation-item {
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
    inset-inline-end: 0;
    min-width: 480px;
    width: 640px;
    opacity: 0;
    z-index: 0;
    background-color: rgb(var(--layout-background-color));
    transition: opacity 0.5s ease-in-out;

    .menu-drawer.menu-drawer--left & {
        inset-inline-start: 0;
    }
}

.closing + .nested-submenu + .animation-item {
    visibility: visible;
    opacity: 1;
    z-index: 54;
    animation: loseOpacity 0.5s ease-in-out;
}

@keyframes loseOpacity {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
    
}

.top-level-item[open="true"] + .nested-submenu-second-level + .animation-item.second-level {
    visibility: visible;
    z-index: 54;
    opacity: 1;
}
.second-level-item[open="true"] + .nested-submenu-third-level + .animation-item.third-level {
    visibility: visible;
    z-index: 56;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.third-level-item[open="true"] + .nested-submenu-fourth-level + .animation-item.fourth-level {
    visibility: visible;
    z-index: 58;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.mega-menu-drawer .nested-submenu:not(.nested-submenu-second-level) > button {
    display: none;
}
 
.top-level-item[open] .nested-submenu-third-level,
.top-level-item[open] .nested-submenu-fourth-level {
    z-index: 40;
    position: fixed;
}

.menu-drawer__header button {
    display: flex;
    gap: 8px;
    align-items: center;
    color: rgb(var(--layout-text-color));
}

.menu-collection-title {
    margin-bottom: 16px;
    color: rgb(var(--layout-text-color));
}

.menu-drawer .collection-button {
    margin-top: 16px;
}

.main-drawer-menu .menu__item .menu-drawer__header .dropdown-icon svg {
    fill: rgb(var(--layout-text-color));
}

.main-drawer-menu .menu.center .menu__item-title {
    justify-content: center;
}

.main-drawer-menu .menu.center .dropdown-icon--chevron,
.main-drawer-menu .menu.center .button-dropdown-icon {
    margin-inline-start: 0;
}

.main-drawer-menu .menu.center .menu-collection-title,
.main-drawer-menu .menu.center .collection-button {
    display: flex;
    justify-content: center;
}

.menu-collection-img {
    position: relative;
    inset-inline-start: -24px;
    display: flex;
    overflow: clip;
}

.nested-submenu-third-level .menu-collection-img,
.nested-submenu-fourth-level .menu-collection-img {
    width: 100%;
}

.menu-collection-img img {
    width: 100%;
    height: 100%;
    object-position: var(--focal-point);
}

.menu-collection-img .ratio-original img {
    height: auto;
}

.menu-collection-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    inset: 0;
    opacity: var(--banner-overlay-opacity);
    background: var(--overlay-background);
    z-index: 5;
}

.main-drawer-menu .menu .menu-collection-banner + .menu-collection-title {
    display: none;
}

.menu-collection-banner .menu-collection-title {
    position: absolute;
    bottom: 30px;
    inset-inline-start: 24px;
    z-index: 6;
    margin-bottom: 0;
}

.main-drawer-menu .menu .menu-collection-banner {
    display: block;
    width: calc(100% + 24px + 24px);
    max-width: calc(100% + 24px + 24px);
}

.menu-collection-banner img,
.main-drawer-menu .menu__item-image-banner img {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.link--highlighted {
    color: rgb(var(--highlight-color)) !important;
}

.link--highlighted + .dropdown-icon svg {
    fill: rgb(var(--highlight-color)) !important;
}

.main-drawer-menu .menu__item-image-banner {
    width: 100%;
    flex: 0 0 100%;
}

.menu__item-title--banner {
    flex-wrap: wrap;
}

@media (hover: hover) {
    .menu-drawer a.menu-collection-banner:hover {
        opacity: 1;
    }
    .menu-collection-banner:hover img,
    .main-drawer-menu .menu__item-image-banner:hover img {
        opacity: 1;
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
}


/* Fonts */
.navigation-buttons__title--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.navigation-buttons__title--minimal_basic,
.navigation-buttons__title--classic,
.navigation-buttons__title--avant_garde {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.navigation-buttons__title--contrast {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
}
.navigation-buttons__title--minimal_heavy,
.navigation-buttons__title--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.navigation-buttons__title--duet {
    font: var(--base-body-m-font);
}
.navigation-buttons__title--contrast {
    font: var(--accent-heading-xs-font);
}
.navigation-buttons__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

@media screen and (max-width: 768px) {
    .mega-menu-drawer .menu-drawer__content > .content-wrapper--block {
        padding-top: calc(var(--menu-drawer-spacing) * var(--mobile-spacing));
    }
    .mega-menu-drawer .menu-drawer__content > *.full-bottom-line,
    .mega-menu-drawer .menu-drawer__content > *.pinned-block {
        padding-bottom: calc(var(--menu-drawer-spacing) * var(--mobile-spacing));
    }
    .mega-menu-drawer .empty-space {
        height: var(--mobile-height);
        display: block;
    }
}

@media screen and (max-width: 640px) {
    .menu-drawer,
    .mega-menu-drawer .nested-submenu {
        width: 100vw;
    }
    .pinned-block,
    .animation-item {
        width: 100vw;
        min-width: auto;
    }
}

/* Mega menu */

.mega-menu {
    max-height: calc(90vh - var(--header-height));
    overflow-y: auto;
    overscroll-behavior: none;
}

.mega-menu--narrow {
    width: 960px !important;
}

.mega-menu--container {
    display: flex;
}

.mega-menu__title {
    color: rgb(var(--layout-text-color));
}

.mega-menu__title--accent {
    color: rgb(var(--accent-button-color));
}

.list-menu-dropdown--with-banner {
    flex: 0 0 50%;
    max-width: calc(100% - 300px);
}

.mega-menu__banner {
    display: flex;
    column-gap: 8px;
    flex-wrap: nowrap;
    flex: 0 1 50%;
    padding-block: 0; 
    padding-inline: 20px 0;
    min-width: 300px;
    min-height: 100%;
    height: max-content;
    aspect-ratio: 16 / 9;

    & > * {
        flex: 1;
    }
}

.mega-menu__banner:has(.hover-mega-menu__item-banners.active) > .mega-menu-banner-container {
    display: none;
}

.mega-menu__banner--left {
    order: -1;
    padding-block: 0; 
    padding-inline: 0 20px;
}

.mega-menu__banner img {
    width: 100%;
    height: 100%;
    transition: transform var(--animation-duration) var(--transition-timing-function);
}
.mega-menu__banner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mega-menu__banner-image .placeholder-svg {
    display: block;
    width: 100%;
    height: 100%;
}
.mega-menu__banner-content {
    padding: 24px;
}
.mega-menu__banner-link {
    position: relative;
    display: flex;
    height: 100%;
    overflow: clip;
}
.menu__item .mega-menu__banner-link:focus {
    outline-offset: 1px;
}
@media (hover: hover) {
    a.mega-menu__banner-link:hover img {
        transform: scale(1.03);
        opacity: 1;
    }
}
.mega-menu__banner-content {
    position: absolute;
    inset: 0;
}
.mega-menu__banner-image::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--overlay-background);
    opacity: var(--overlay-opacity);
}

.mega-menu__banner-subheading,
.mega-menu__banner-heading {
    color: var(--content-color);
}

.mega-menu__banner-heading {
    margin-top: -12px; 
}
.mega-menu__banner-content-container,
.mega-menu__banner-content,
.list-menu-dropdown {
    display: flex;
    flex-direction: column;
}
.mega-menu__banner-content-container {
    gap: 16px;
    text-align: var(--horizontal-aligment);
}

.mega-menu__banner-content {
    justify-content: var(--vertical-aligment);
    align-items: var(--horizontal-aligment);
}

.list-menu-dropdown {
    gap: 24px;
}

.list-menu-dropdown:not(.list-menu-dropdown--with-banner),
.list-menu-dropdown:not(.list-menu-dropdown--with-banner) .mega-menu__list-container {
    width: 100%;
}

.list-menu-dropdown--lines {
    gap: 12px;
}

.list-menu-dropdown--with-banner {
    padding-block: 0;
    padding-inline-start: 0;
    padding-inline-end: 20px;
}

.list-menu-dropdown--right.list-menu-dropdown--with-banner {
    padding-block: 0;
    padding-inline-start: 20px;
    padding-inline-end: 0;
}
.list-menu-dropdown .menu__dropdown-grandchild-container {
    height: fit-content;
}
.mega-menu__list-container {
    height: 100%;
    -moz-column-count: var(--columns);
    column-count: var(--columns);
    column-gap: 40px;
    grid-column-gap: 40px;
    position: relative;
    width: fit-content;
    min-width: 120px;
    width: 100%;
    padding: 0 24px;
    margin: 0 -24px;
}

.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--hover {
    display: none
}

.menu__dropdown-grandchild-container.menu__dropdown-grandchild-container--hover.active {
    display: block;
}

.mega-menu__list-container .menu__dropdown-child .menu__dropdown-child-item {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    min-width: 120px;
}

.menu__list--header .mega-menu__list-container .menu__dropdown-grandchild, 
.menu__list--header .mega-menu__list-container .menu__dropdown-child {
    gap: 0;
}

.menu__list--header .mega-menu__list-container ul {
    display: list-item;
    list-style-type: none;
}

.mega-menu__list-container ul {
    gap: 6px 0;
}
.mega-menu__list-container li {
    white-space: normal;
    margin-bottom: 6px;
}

.mega-menu__line {
    position: absolute;
    width: var(--line-width);
    background-color: rgba(var(--layout-text-color), var(--line-opacity));
    top: 0;
    bottom: 0;
}

.mega-menu__list-container--lines[data-columns="2"] .mega-menu__line[data-index="1"] {
    left: 50%;
}

.mega-menu__list-container--lines[data-columns="3"] .mega-menu__line[data-index="1"] {
    left: calc(100% / 3);
}

.mega-menu__list-container--lines[data-columns="3"] .mega-menu__line[data-index="2"] {
    left: calc((100% / 3) * 2);
}

.mega-menu__list-container--lines[data-columns="4"] .mega-menu__line[data-index="1"] {
    left: calc(100% / 4);
}

.mega-menu__list-container--lines[data-columns="4"] .mega-menu__line[data-index="2"] {
    left: calc((100% / 4) * 2);
}

.mega-menu__list-container--lines[data-columns="4"] .mega-menu__line[data-index="3"] {
    left: calc((100% / 4) * 3);
}

.mega-menu__list-container .menu__dropdown-grandchild-container {
    left: 0 !important
}

.mega-menu__title--lines {
    padding-bottom: 12px;
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.mega-menu__list-container .menu__dropdown-grandchild {
    gap: 4px;
}

.mega-menu .menu__dropdown-grandchild-link {
    opacity: .7;
    transition: opacity var(--animation-duration) var(--transition-timing-function);

    &:hover {
        opacity: 1;
    }   
}

/* #region Hover Mega Menu */

.hover-mega-menu {
    display: flex;
}

.hover-mega-menu__list-container {
    -moz-column-count: initial;
    column-count: initial;
    display: flex;

    & > .menu__dropdown-child,
    & > .hover-mega-menu__grandchildren-container {
        width: 50%;
    }
}

.hover-mega-menu__item-banners {
    display: none;
    column-gap: 8px;
    flex-wrap: nowrap;
    height: 100%;

    & > * {
        flex: 1;
    }
}

.hover-mega-menu__item-banners.active {
    display: flex;
}

/* #endregion */

/* Fonts */
.mega-menu__title--minimal_uppercase,
.mega-menu__banner-heading--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
    letter-spacing: normal;
}
.mega-menu__title--minimal_basic,
.mega-menu__banner-heading--minimal_basic,
.mega-menu__item-title--minimal_heavy {
    font: var(--base-heading-xs-font);
    letter-spacing: normal;
    text-transform: none;
}
.mega-menu__title--minimal_heavy,
.mega-menu__banner-heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
    text-transform: none;
}
.mega-menu__title--classic,
.mega-menu__banner-heading--classic {
    font: var(--accent-heading-s-font);
    letter-spacing: normal;
    text-transform: none;
}
.mega-menu__title--avant_garde,
.mega-menu__banner-heading--avant_garde {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
    letter-spacing: normal;
}
.mega-menu__title--contrast,
.mega-menu__banner-heading--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
    text-transform: none;
}
.mega-menu__title--brutalist,
.mega-menu__banner-heading--brutalist {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.mega-menu__title--duet,
.mega-menu__item-title--duet {
    font: var(--accent-body-l-font);
    letter-spacing: normal;
    text-transform: none;
}
.mega-menu__banner-subheading--minimal_uppercase,
.mega-menu__banner-subheading--minimal_basic,
.mega-menu__banner-subheading--classic,
.mega-menu__banner-subheading--contrast,
.mega-menu__item-title--minimal_basic,
.mega-menu__item-title--classic,
.mega-menu__item-title--avant_garde {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.mega-menu__banner-subheading--minimal_heavy,
.mega-menu__child-item-title--minimal_heavy {
    font: var(--base-body-l-font);
    letter-spacing: normal;
    text-transform: none;
}
.mega-menu__banner-subheading--duet,
.mega-menu__child-item-title--duet {
    font: var(--base-body-m-font);
    letter-spacing: normal;
    text-transform: none;
}
.mega-menu__banner-subheading--avant_garde {
    font: var(--accent-body-m-font);
    letter-spacing: normal;
    text-transform: none;
}
.mega-menu__banner-subheading--brutalist,
.mega-menu__item-title--brutalist,
.mega-menu__child-item-title--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.mega-menu__item-title--minimal_uppercase,
.mega-menu__child-item-title--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.mega-menu__item-title--contrast {
    font: var(--accent-heading-xs-font);
    letter-spacing: normal;
    text-transform: none;
}

.mega-menu__child-item-title--minimal_basic,
.mega-menu__child-item-title--classic {
    font: var(--base-body-s-font);
    letter-spacing: normal;
    text-transform: none;
}

.mega-menu__child-item-title--avant_garde {
    font: var(--accent-body-s-font);
    letter-spacing: normal;
    text-transform: none;
}

.mega-menu__child-item-title--contrast {
    font: var(--base-label-font);
    letter-spacing: normal;
    text-transform: none;
}

.mega-menu__item-title--custom,
.mega-menu__child-item-title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.mega-menu__title--custom,
.mega-menu__banner-heading--custom  {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}

.mega-menu__banner-subheading--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .mega-menu__title--brutalist,
    .mega-menu__banner-heading--brutalist {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
    .mega-menu--container {
        display: none;
    }
    .mega-menu--wide,
    .mega-menu--narrow {
        width: 240px!important;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .mega-menu__title--minimal_heavy,
    .mega-menu__banner-heading--minimal_heavy,
    .mega-menu__title--brutalist,
    .mega-menu__banner-heading--brutalist {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .mega-menu__title--contrast,
    .mega-menu__banner-heading--contrast {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    } 
}

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .mega-menu__title--brutalist,
        .mega-menu__banner-heading--brutalist {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
        .mega-menu--container {
            display: none;
        }
        .mega-menu--wide,
        .mega-menu--narrow {
            width: 240px!important;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .mega-menu__title--minimal_heavy,
        .mega-menu__banner-heading--minimal_heavy,
        .mega-menu__title--brutalist,
        .mega-menu__banner-heading--brutalist {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .mega-menu__title--contrast,
        .mega-menu__banner-heading--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        } 
    }
}

/* Menu drawer */
.default-menu-drawer {
    background-color: #fff;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 25;
    top: 0;
    display: block !important;
    background-color: rgb(var(--layout-background-color));
}

.default-menu-drawer .scroll-area {
    padding: 56px 0 64px;
}

.default-menu-drawer[hidden] {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.default-menu-drawer:not([hidden]) {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    animation: openMenuDrawer var(--animation-duration) var(--transition-timing-function);
}

@keyframes openMenuDrawer {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.default-menu-drawer__content {
    display: grid;
    max-width: 1440px;
    margin: 0 auto;
    grid-template-columns: repeat(var(--grid-columns), calc((100% - var(--grid-gap) * (var(--grid-columns) - 1)) / var(--grid-columns)));
    position: relative;
    z-index: 10;
}
.menu-drawer .default-menu-drawer__content .section-navigation-block {
    opacity: 0;
    position: relative;
    border: 1px dashed transparent;
}
.menu-drawer .default-menu-drawer__content--basic .section-navigation-block {
    top: 10px;
    transition: opacity var(--animation-duration) var(--transition-timing-function) calc(0.03s * var(--item-index)), top var(--animation-duration) var(--transition-timing-function) calc(0.03s * var(--item-index)); 
}

.menu-drawer .default-menu-drawer__content--sophisticated .section-navigation-block {
    top: 20px;
    transition: opacity var(--animation-duration) var(--transition-timing-function) calc(0.05s * var(--item-index)), top var(--animation-duration) var(--transition-timing-function) calc(0.05s * var(--item-index)); 
}

.menu-drawer.open .default-menu-drawer__content .section-navigation-block {
    opacity: 1;
    top: 0;
}

.default-menu-drawer__content--spacious {
    padding: 128px var(--left-and-right-paddings);
    gap: 128px 120px;
    --grid-gap: 120px;
}

.default-menu-drawer__content--compact {
    padding: 48px var(--left-and-right-paddings);
    gap: 48px 120px;
    --grid-gap: 120px;
}

.default-menu-drawer .menu-drawer__close {
    position: fixed;
    top: 24px;
    inset-inline-end: 24px;
    cursor: pointer;
}

.default-menu-drawer .menu-drawer__close svg {
    display: block;
    width: auto;
}

.line-container--menu-drawer {
    display: flex;
    justify-content: var(--line-alignment);
}

.line {
    width: 100%;
    height: var(--line-width);
    background-color: rgba(var(--layout-text-color), var(--line-opacity));
    display: block;
}

.default-menu-drawer__content .line-container--2.line-container--medium,
.default-menu-drawer__content .line-container--2.line-container--wide,
.default-menu-drawer__content .line-container--3.line-container--medium,
.empty-space--2.empty-space--medium,
.empty-space--2.empty-space--wide,
.empty-space--3.empty-space--medium {
    grid-column: span 2;
}

.default-menu-drawer__content .line-container--3.line-container--wide,
.empty-space--3.empty-space--wide {
    grid-column: span 3;
}

.default-menu-drawer__content .line-container--1.line-container--short .line,
.line-container--1.line-container--short .line {
    width: calc(100% / 3);
}

.default-menu-drawer__content .line-container--1.line-container--medium .line,
.line-container--1.line-container--medium .line {
    width: calc(100% / 3 * 2);
}

@media screen and (max-width: 1024px) {
    .default-menu-drawer {
        padding: 56px 0 48px;
    }

    .default-menu-drawer__content--spacious {
        padding: 96px var(--left-and-right-paddings);
        gap: 64px 83px;
        --grid-gap: 83px;
    }
    
    .default-menu-drawer__content--compact {
        padding: 32px var(--left-and-right-paddings) 0;
        gap: 32px 83px;
        --grid-gap: 83px;
    }
}

@media screen and (max-width: 920px) {
    .default-menu-drawer__content--spacious {
        padding: 96px 24px;
        gap: 128px 120px;
        --grid-gap: 120px;
    }
    
    .default-menu-drawer__content--compact {
        padding: 48px 24px;
        gap: 48px 120px;
        --grid-gap: 120px;
    }
}

@media screen and (max-width: 768px) {
    .default-menu-drawer__content {
        display: flex;
        flex-direction: column;
    }

    .default-menu-drawer__content .empty-space {
        display: none;
    }

    .default-menu-drawer {
        padding: 48px 0;
    }

    .default-menu-drawer__content--spacious {
        padding: 48px 24px;
        gap: 48px;
        --grid-gap: 48px;
    }
    
    .default-menu-drawer__content--compact {
        padding: 32px 24px 0;
        gap: 32px;
        --grid-gap: 32px;
    }
    .default-menu-drawer__content .line-container--1.line-container--short .line,
    .default-menu-drawer__content .line-container--1.line-container--medium .line {
        width: 100%;
    }
    .default-menu-drawer .menu-drawer__close {
        position: fixed;
        top: 16px;
        inset-inline-end: 16px;
        cursor: pointer;
    }
}

/* Menus */
.menus-block {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: var(--menus-vertical-alignment);
}

.menus-block--space-between .menus--row {
    height: 100%;
    justify-content: space-between;
}

.menus-block--1.menus-block--space-between,
.menus--center,
.menus--center .menus__item-title,
.menus-block--top-center .menus__item-title,
.menus-block--center-center .menus__item-title,
.menus-block--bottom-center .menus__item-title {
    justify-content: center;
    text-align: center;
}
.menus-block--1.menus-block--short .menus,
.menus-block--1.menus-block--medium .menus,
.menus-block--1 .menu-container .menu__navigation,
.menus--stretched-center .menus__item .menu-container {
    width: 100%;
} 

.menus {
    display: flex;
    gap: 32px 24px;
    flex-wrap: wrap;
    width: 100%;
}

.menus__item .menu__list {
    align-items: var(--menus-horizontal-alignment);
}

.menus--column.menus--space-between,
.menus--stretched-center,
.menus--stretched-center .menus__item .menu__list {
    justify-content: space-between;
}

.menus--column.menus--stretched-center .menus__item .menu__list,
.menus--stretched-center .menus__item {
    align-items: center;
} 

.menus--row .menus__item,
.menus--row .menus__item .menu-container {
    flex: 0 0 100%;
}

.menus__item {
    flex: 0 0 calc((100% - 32px * (var(--menus-items) - 1)) / var(--menus-items));
    display: flex;
    flex-direction: column;
    align-items: var(--menus-horizontal-alignment);
    min-width: 80px;
}

.menus__item .menu-container {
    max-width: 100%;
}

.menus__item--spacious {
    gap: 24px;
}

.menus__item--compact {
    gap: 16px;
}

.menus__item-title {
    display: flex;
    align-items: center;
    min-height: 32px;
    color: rgb(var(--layout-text-color));
}

.menus-block--2.menus-block--medium,
.menus-block--2.menus-block--wide,
.menus-block--3.menus-block--medium {
    grid-column: span 2;
}

.menus-block--3.menus-block--wide {
    grid-column: span 3;
}

.menus-block--top-left,
.menus-block--top-center {
    justify-content: flex-start;
    align-items: center;
}

.menus-block--top-right .menus__item-title,
.menus-block--center-right .menus__item-title,
.menus-block--bottom-right .menus__item-title {
    justify-content: flex-end;
}

.menus-block--top-right {
    justify-content: flex-start;
    align-items: flex-end;
}

.menus-block--center-left {
    justify-content: center;
    align-items: flex-start;
}

.menus-block--center-center {
    justify-content: center;
    align-items: center;
}

.menus-block--center-right {
    justify-content: center;
    align-items: flex-end;
}

.menus-block--bottom-left {
    justify-content: flex-end;
    align-items: flex-start;
}

.menus-block--bottom-center {
    justify-content: flex-end;
    align-items: center;
}

.menus-block--bottom-right {
    justify-content: flex-end;
    align-items: flex-end;
}

/* Fonts */
.menus__item-title--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.menus__item-title--minimal_basic,
.menus__item-title--classic,
.menus__item-title--avant_garde {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.menus__item-title--minimal_heavy {
    font: var(--base-heading-xs-font);
}

.menus__item-title--contrast {
    font: var(--accent-heading-xs-font);
}

.menus__item-title--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.menus__item-title--duet {
    font: var(--accent-body-l-font);
}

.menus__item-title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

@media screen and (max-width: 768px) {
    .menus-block--1.menus-block--short .menus,
    .menus-block--1.menus-block--medium .menus {
        width: 100%;
    }
}

/* miscellaneous */
.miscellaneous-container--header .miscellaneous__items--reverse {
    flex-direction: row-reverse;
}

.miscellaneous__items--column.miscellaneous__items--reverse,
.miscellaneous__items--column .miscellaneous__subblock--reverse {
    flex-direction: column-reverse !important;
}

.miscellaneous__subblock--reverse {
    flex-direction: row-reverse !important;
}

.miscellaneous-container--header .miscellaneous__subblock--reverse.miscellaneous__subblock--horizontal-flex-start {
    flex-direction: row-reverse !important;
    justify-content: flex-end;
}

.miscellaneous-container--header .miscellaneous__subblock--reverse.miscellaneous__subblock--horizontal-flex-end {
    flex-direction: row-reverse !important;
    justify-content: flex-start;
}

.miscellaneous-container--header .miscellaneous__subblock--horizontal-flex-end,
.miscellaneous__items--row .miscellaneous__subblock--reverse.miscellaneous__subblock--horizontal-flex-start,
.miscellaneous-container--header.miscellaneous-container--flex-start .miscellaneous__items--reverse {
    justify-content: flex-end;
}

.miscellaneous-container--header.miscellaneous-container--flex-end .miscellaneous__items--reverse {
    justify-content: flex-start;
}

.miscellaneous-container--header,
.miscellaneous-container--mobile-header {
    display: flex;
    justify-content: var(--miscellaneous-alignment);
    flex-wrap: wrap;
}

.miscellaneous-container {
    display: flex;
    flex-direction: column;
}

.miscellaneous-container--header .miscellaneous__items {
    width: 100%;
    gap: 12px 40px;
    justify-content: var(--miscellaneous-horizontal-alignment);
}

.miscellaneous-container--mobile-header .miscellaneous__items--stretched {
    justify-content: var(--miscellaneous-horizontal-alignment);
}

.miscellaneous__subblock {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.miscellaneous-container--menu-drawer .miscellaneous__subblock--horizontal-center {
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.miscellaneous-container,
.miscellaneous__items--column,
.miscellaneous__items--column .miscellaneous__subblock,
.miscellaneous__items--column .miscellaneous__subblock--reverse {
    justify-content: var(--miscellaneous-vertical-alignment);
    align-items: var(--miscellaneous-horizontal-alignment);
}

.miscellaneous__items--column .miscellaneous__subblock {
    flex-direction: column;
}

.miscellaneous__items--row .miscellaneous__subblock {
    flex-direction: row;
    justify-content: var(--miscellaneous-horizontal-alignment);
    align-items: var(--miscellaneous-vertical-alignment);
}

.miscellaneous__items--column.miscellaneous__items--stretched,
.miscellaneous__items--column.miscellaneous__items--stretched .miscellaneous__subblock:only-child {
    height: 100%;
    justify-content: var(--miscellaneous-vertical-alignment);
    align-items: var(--miscellaneous-horizontal-alignment);
}

.miscellaneous__items {
    gap: 12px;
}

.miscellaneous__items,
.miscellaneous-container--menu-drawer .miscellaneous__subblock,
.miscellaneous-container--footer .miscellaneous__subblock,
.miscellaneous-container--main-sidebar .miscellaneous__subblock {
    display: flex;
    flex-direction: var(--miscellaneous-view);
    flex-wrap: wrap;
}
.miscellaneous-container--header .miscellaneous__subblock,
.miscellaneous__items:not(.miscellaneous__items--column),
.miscellaneous-container--menu-drawer.miscellaneous-container--space-between,
.miscellaneous-container--menu-drawer.miscellaneous-container--space-between .miscellaneous__items--column .miscellaneous__subblock,
.miscellaneous-container--footer.miscellaneous-container--space-between,
.miscellaneous-container--footer.miscellaneous-container--space-between .miscellaneous__items--column .miscellaneous__subblock,
.miscellaneous-container--header .miscellaneous__items {
    align-items: center;
}

.miscellaneous-container--menu-drawer .miscellaneous__items,
.miscellaneous-container--footer .miscellaneous__items,
.miscellaneous-container--main-sidebar .miscellaneous__items,
.miscellaneous-container--menu-drawer .miscellaneous__items .miscellaneous__subblock,
.miscellaneous-container--1.miscellaneous-container--short .miscellaneous__items,
.miscellaneous-container--1.miscellaneous-container--medium .miscellaneous__items {
    width: 100%;
}

.miscellaneous__subblock.miscellaneous__subblock--horizontal-space-between:only-child {
    width: calc(100% + 20px);
    justify-content: space-between;
} 

.miscellaneous-container--main-sidebar .miscellaneous__items--row,
.miscellaneous-container--footer .miscellaneous__items--row {
    justify-content: var(--miscellaneous-horizontal-alignment);
}

.miscellaneous-container--main-sidebar.miscellaneous-container--flex-start .miscellaneous__items--row.miscellaneous__items--reverse {
    justify-content: flex-end;
}
.miscellaneous-container--main-sidebar.miscellaneous-container--flex-end .miscellaneous__items--row.miscellaneous__items--reverse {
    justify-content: flex-start;
}
.miscellaneous-container--main-sidebar .miscellaneous__items--row.miscellaneous__items--reverse {
    flex-direction: row-reverse!important;
}

.miscellaneous-container--main-sidebar .miscellaneous__items--row .miscellaneous__subblock.miscellaneous__subblock--horizontal-space-between:only-child,
.miscellaneous-container--footer .miscellaneous__items--row .miscellaneous__subblock.miscellaneous__subblock--horizontal-space-between:only-child {
    width: calc(100% + 20px);
    justify-content: space-between;
}

.miscellaneous-container--2.miscellaneous-container--medium,
.miscellaneous-container--2.miscellaneous-container--wide,
.miscellaneous-container--3.miscellaneous-container--medium {
    grid-column: span 2;
}

.miscellaneous-container--3.miscellaneous-container--wide {
    grid-column: span 3;
}

@media screen and (max-width: 920px) {
    .miscellaneous-container--header.miscellaneous-container {
        width: 100%;
    }
    .miscellaneous-container--header .localization-container {
        padding: 0 10px;
    }
}

@media screen and (max-width: 768px) {
    .miscellaneous-container--1.miscellaneous-container--short .miscellaneous__items,
    .miscellaneous-container--1.miscellaneous-container--medium .miscellaneous__items {
        width: 100%;
    }
    .miscellaneous-container--header .miscellaneous__items {
        gap: 12px 24px;
    }
}

/* News drawer */
.drawer {
    display: none;
  }
  
  .drawer.active {
    display: block;
  }
  
  .drawer .news-drawer {
      display: none; 
      background-color: rgb(var(--layout-background-color));
      color: rgb(var(--layout-text-color));
      top: 0;
      min-height: 100vh; 
      min-height: -webkit-fill-available;
      bottom: env(safe-area-inset-bottom);
      position: fixed;
      z-index: 1000;
      width: 480px;
      --news-drawer-spacing: 16px;
  }
  
  .drawer.active .news-drawer {
      display: block;
      inset-inline-end: 0;
      opacity: 1;
      animation: drawerOpenRight .3s var(--transition-timing-function);
  }
  
  .news-drawer .drawer__inner-wrapper {
      padding: 0px 24px 53px;
  }
  
  .news-drawer .button-wrapper {
      display: flex;
      position: fixed;
      top: 16px;
      inset-inline-end: 16px;
      background-color: transparent;
      z-index: 15;
  }
  
  .news-drawer .drawer__heading {
      padding-top: 8px;
      padding-bottom: 8px;
      padding-inline-end: 52px;
      min-height: 76px;
      display: flex;
      align-items: center;
  }
  
  .news-drawer__inner {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      min-height: 100dvh;
  }
  
  .news-drawer .news-drawer__content > .content-wrapper--block {
      margin-top: calc(var(--news-drawer-spacing) * var(--spacing));
  }
  
  a.news-drawer__block {
      display: block;
  }
  
  a.news-drawer__block .news-drawer__image {
      transition: transform var(--animation-duration) var(--transition-timing-function);
  }
  
  .news-drawer__block > .news-drawer__block-elem {
      margin-top: 16px;
  }
  
  .news-drawer__block > .news-drawer__heading + .news-drawer__text,
  .news-drawer__block > .news-drawer__subheading + .news-drawer__text,
  .news-drawer__block > .news-drawer__subheading + .news-drawer__heading {
      margin-top: 8px;
  }
  
  .news-drawer__image-container {
      border-radius: var(--image-radius);
      -webkit-border-radius: var(--image-radius);
      overflow: clip;
  }
  
  .news-drawer__image-container:empty {
      display: none;
  }
  
  .news-drawer__image-container .lazy-image {
      height: 100%;
  }
  
  .news-drawer__image {
      width: 100%;
      max-width: 100%;
      height: 100%;
      display: flex;
  }
  
  .ratio-original .news-drawer__image {
      height: auto;
  }
  
  .news-drawer__products {
      display: flex;
      flex-direction: column;
      gap: 16px;
  }
  
  .news-drawer__products .card__picture-wrapper {
      flex: 0 0 100px;
  }
  
  .news-drawer__products .card__picture-wrapper img {
      height: 100%;
      width: 100%;
      position: relative !important;
  }
  
  .news-drawer__products .card__badges {
      display: none;
  }
  .news-drawer__products .card {
      flex-direction: row;
  }
  
  .news-drawer__heading + .news-drawer__products {
      margin-top: 24px;
  }
  
  @media (hover: hover) {
      a.news-drawer__block:hover .news-drawer__image {
          transform: scale(1.03);
      }
  }
  
  
  @media screen and (max-width: 768px) {
      .news-drawer .news-drawer__content > .content-wrapper--block {
          margin-top: calc(var(--news-drawer-spacing) * var(--mobile-spacing));
      }
  }
  
  /* Mobile-mini */
  @media screen and (max-width: 500px) {
      .drawer .news-drawer {
        width: 359px;
        max-width: calc(100vw - 32px);
      }
  }

/* News */
.news-block {
    display: flex;
    flex-direction: column;
    align-items: var(--news-horizontal-alignment);
}

.news-container {
    display: flex;
    align-items: center;
    justify-content: var(--news-horizontal-alignment);
}

.news-container--icon {
    aspect-ratio: 1/1;
    justify-content: center;
}

.news {
    display: flex;
    align-items: center;
    color: rgb(var(--layout-text-color));
    min-height: 44px;
    min-width: 44px;
    word-break: normal;
    cursor: pointer;
    position: relative;
    padding: 0 10px;
}

.news-drawer-opener .news-indicator {
    position: absolute;
    top: 8px; 
    right: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0;
    pointer-events: none;
}
  
.news-drawer-opener.has-unread .news-indicator {
    opacity: 1;
    pointer-events: all;
}

.news-container {
    margin: 0 -10px;
    width: fit-content;
}

.miscellaneous__subblock .news-container {
    margin: 0px;
}

.news--icon {
    justify-content: center;
}

.news:focus {
    outline-offset: -1px;
}

.news__icon svg {
    display: block;
    width: auto;
    height: 100%;
    fill: rgb(var(--layout-text-color));
}

/* Fonts */

.news-container--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.news-container--minimal_basic,
.news-container--classic {
    font: var(--base-body-s-font);
}

.news-container--minimal_heavy {
    font: var(--base-body-l-font);
}

.news-container--avant_garde {
    font: var(--accent-body-s-font);
}

.news-container--contrast {
    font: var(--base-label-font);
}

.news-container--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.news-container--duet {
    font: var(--base-body-m-font);
}

.news-container--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.subheading.error-color {
    color: rgb(var(--error-color));
}
.subheading.success-color {
    color: rgb(var(--success-color));
}
.newsletter:not(.color-default) .subheading.error-color,
.newsletter:not(.color-default) .subheading.success-color  {
    color: rgb(var(--layout-text-color));
}

.newsletter .subheading {
    margin-bottom: 8px;
}
.newsletter .subheading[autofocus] {
    outline: none;
}

.newsletter {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: var(--newsletter-vertical-alignment);
    align-items: var(--newsletter-horizontal-alignment);
    color: rgb(var(--layout-text-color));
    width: 360px;
    max-width: 100%;
}

.newsletter-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: var(--newsletter-vertical-alignment);
    align-items: var(--newsletter-horizontal-alignment);
}

.newsletter-container--center .newsletter__text {
    text-align: center;
}
.newsletter-form,
.newsletter-container--3.newsletter-container--short .newsletter__form,
.newsletter-container--2.newsletter-container--short .newsletter__form,
.newsletter-container--3.newsletter-container--short .newsletter,
.newsletter-container--2.newsletter-container--short .newsletter,
.newsletter-container .newsletter__form,
.newsletter-container--main-sidebar .newsletter {
    width: 100%;
}

.newsletter-form {
    display: flex;
    flex-direction: column;
    align-items: var(--newsletter-horizontal-alignment);
}

.newsletter__form + .field--checkbox {
    margin-top: 24px;
}

.shopify-section:not(.main-sidebar-section) .newsletter .scroll-color input[type=checkbox],
.shopify-section.main-sidebar-section .main-sidebar:not(.overlap-slide-out-menu-opened) .newsletter .scroll-color input[type=checkbox] {
    border-color: rgb(var(--layout-text-color))
}

.shopify-section:not(.main-sidebar-section) .newsletter .scroll-color input[type=checkbox]:checked:after,
.shopify-section.main-sidebar-section .main-sidebar:not(.overlap-slide-out-menu-opened) .newsletter .scroll-color input[type=checkbox]:checked:after {
    background-color: rgb(var(--layout-background-color));
}

.newsletter__form {
    max-width: 360px;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    border-bottom: 2px solid rgb(var(--layout-text-color));
}

.newsletter__text {
    max-width: 360px;
}

.newsletter__field {
    width: 100%;
    min-height: 42px;
}

.newsletter__field-icon {
    height: 100%;
    cursor: pointer;
}

.newsletter__field-icon svg {
    fill: rgb(var(--layout-text-color));
    height: 100%;
    width: auto;
}

.newsletter__text a {
    color: rgb(var(--accent-button-color));
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.shopify-section:not(.main-sidebar-section) .scroll-color.newsletter__text a,
.shopify-section.main-sidebar-section .main-sidebar:not(.overlap-slide-out-menu-opened) .scroll-color.newsletter__text a {
    color: rgb(var(--layout-text-color));

}

.newsletter .no-default-color .richtext a {
    transition: none;
}

@media (hover: hover) {
    .newsletter__text a:hover {
        opacity: .7;
    }
}
.newsletter__title {
    min-height: 32px;
    display: flex;
    align-items: center;
    text-align: var(--newsletter-horizontal-alignment);
}

.newsletter__field,
.shopify-section:not(.main-sidebar-section) .newsletter__title.scroll-color, 
.shopify-section:not(.main-sidebar-section) .newsletter__text.scroll-color,
.shopify-section.main-sidebar-section .main-sidebar:not(.overlap-slide-out-menu-opened) .newsletter__title.scroll-color, 
.shopify-section.main-sidebar-section .main-sidebar:not(.overlap-slide-out-menu-opened) .newsletter__text.scroll-color {
    color: rgb(var(--layout-text-color));
}

.newsletter__field::placeholder {
    color: rgb(var(--layout-text-color));
    opacity: .5;
}

.newsletter-container--2.newsletter-container--medium,
.newsletter-container--2.newsletter-container--wide,
.newsletter-container--3.newsletter-container--medium {
    grid-column: span 2;
}

.newsletter-container--3.newsletter-container--wide {
    grid-column: span 3;
}

.newsletter-container--1.newsletter-container--short .newsletter,
.newsletter-container--1.newsletter-container--medium .newsletter,
.newsletter-container--1.newsletter-container--wide .newsletter {
    width: 100%;
    max-width: 360px;
}

.newsletter-container {
    flex-direction: column;
}

.newsletter-container--menu-drawer.newsletter-container--space-between,
.newsletter-container--footer.newsletter-container--space-between {
    align-items: center;
}

.newsletter-container--center .richtext ul,
.newsletter-container--center .richtext ol {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

/* Fonts */

.newsletter__title--minimal_uppercase,
.newsletter__field--minimal_uppercase .newsletter__field::placeholder,
.newsletter__field--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.newsletter__title--minimal_basic,
.newsletter__title--classic,
.newsletter__title--avant_garde {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.newsletter__title--minimal_heavy,
.newsletter .subheading--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.newsletter__title--contrast,
.newsletter__text--brutalist,
.newsletter__text--duet {
    font: var(--accent-heading-xs-font);
}

.newsletter__title--brutalist,
.newsletter__field--brutalist .newsletter__field::placeholder,
.newsletter__field--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.newsletter__title--duet,
.newsletter .subheading--classic,
.newsletter .subheading--contrast {
    font: var(--accent-body-l-font);
}

.newsletter__field--minimal_basic .newsletter__field::placeholder,
.newsletter__field--minimal_basic,
.newsletter__field--classic .newsletter__field::placeholder,
.newsletter__field--classic,
.newsletter .subheading--minimal_uppercase {
    font: var(--base-body-s-font);
}

.newsletter__field--minimal_heavy .newsletter__field::placeholder,
.newsletter__field--minimal_heavy,
.newsletter__text--minimal_heavy,
.newsletter .subheading--brutalist {
    font: var(--base-body-l-font);
}

.newsletter__field--avant_garde .newsletter__field::placeholder,
.newsletter__field--avant_garde {
    font: var(--accent-body-s-font);
}

.newsletter__field--contrast .newsletter__field::placeholder,
.newsletter__field--contrast {
    font: var(--base-label-font);
}

.newsletter__field--duet .newsletter__field::placeholder,
.newsletter__field--duet,
.newsletter__text--minimal_uppercase,
.newsletter__text--minimal_basic,
.newsletter__text--classic,
.newsletter__text--contrast,
.newsletter .subheading--minimal_basic,
.newsletter .subheading--avant_garde {
    font: var(--base-body-m-font);
}

.newsletter__text--avant_garde,
.newsletter .subheading--duet {
    font: var(--accent-body-m-font);
}

.newsletter .subheading--custom,
.newsletter__title--custom,
.newsletter__field--custom,
.newsletter__field--custom::placeholder {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.newsletter__field--custom.uppercase::placeholder {
    text-transform: uppercase;
}
.newsletter__field--custom.bolder-font::placeholder {
    font-weight: bold;
}

.newsletter__text--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}

@media screen and (max-width: 768px) {
    .newsletter-container--1.newsletter-container--short .newsletter,
    .newsletter-container--1.newsletter-container--medium .newsletter {
        width: 100%;
    } 
}

@media screen and (max-width: 500px) {
    .newsletter__form,
    .newsletter__text {
        max-width: 100%;
        width: 100%;
    }
}

/* Promo popup */
.popup-image {
    margin-top: -44px;
}

a.popup-image {
    display: flex;
}

.popup-image img {
    display: flex;
    width: 100%;
    height: 100%;
}

.promo-popup {
    --buttons-gap: 24px;
}
.promo-popup--spacious,
.popup-wrapper--popup--spacious  {
    --promo-popup-gap: 24px;
}
.promo-popup--compact,
.popup-wrapper--popup--compact {
    --promo-popup-gap: 16px;
}

.promo-popup.popup-wrapper {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; 
}

.promo-popup.popup-wrapper::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

.promo-popup.popup-wrapper::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.popup-content > .content-wrapper--block {
    margin-top: var(--promo-popup-gap);
}
.popup-content > .spacer,
.popup-content > .line-container,
.popup-content > .line-container + .content-wrapper--block,
.popup-content > .spacer + .content-wrapper--block {
    margin-top: 0;
}

.popup-content .block__button,
.popup-content .video-button-block {
    margin-inline-end: var(--buttons-gap);
    margin-inline-start: 0;
}
.popup-content.center {
    text-align: center;
}
.popup-content.center .content-text,
.popup-content.center .social-media__title,
.popup-content.center .contacts,
.popup-content.center .social-media {
    text-align: center;
    align-items: center;
    justify-content: center;
}
.popup-content.center .block__button,
.popup-content.center .video-button-block {
    margin-inline-start: calc(var(--buttons-gap) / 2);
    margin-inline-end: calc(var(--buttons-gap) / 2);
}
.popup-content.center .context-image {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.promo-popup.popup-wrapper .popup-content {
    padding: 42px 64px 64px;
}

.promo-popup .promo-code {
    max-width: none;
}

/* Newsletter form */
.subheading.error-color {
    color: rgb(var(--error-color));
}
.subheading.success-color {
    color: rgb(var(--success-color));
}
promo-popup.no-default-color .subheading.error-color,
promo-popup.no-default-color .subheading.success-color  {
    color: rgb(var(--layout-text-color));
}
.subheading[autofocus] {
    outline: none;
}
.promo-popup__newsletter-form .subheading {
    margin-bottom: var(--promo-popup-gap);
}
.promo-popup__newsletter-form .subheading--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.promo-popup__newsletter-form .subheading--brutalist {
    font: var(--base-body-l-font);
}
.promo-popup__newsletter-form .subheading--classic,
.promo-popup__newsletter-form .subheading--contrast {
    font: var(--accent-body-l-font);
}
.promo-popup__newsletter-form .subheading--minimal_uppercase {
    font: var(--base-body-s-font);
}
.promo-popup__newsletter-form .subheading--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.promo-popup__newsletter-form .subheading--minimal_basic,
.promo-popup__newsletter-form .subheading--avant_garde {
    font: var(--base-body-m-font);
}
.promo-popup__newsletter-form .subheading--duet {
    font: var(--accent-body-m-font);
}
.promo-popup__newsletter-subscribe {
    width: 100%;
    margin-top: var(--promo-popup-gap);
}
.promo-popup__newsletter-form {
    display: block;
}

/* Image block */
.block-media .placeholder-svg, .block-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.promo-popup.popup-wrapper .block-media {
    display: flex;
    border-radius: var(--block-image-radius);
    -webkit-border-radius: var(--block-image-radius);
    overflow: clip;
    max-width: 100%;
}
.ratio-original.block-media .placeholder-svg, 
.ratio-original.block-media img {
    height: auto;
}
.promo-popup.popup-wrapper .block-media--mobile {
    display: none;
}
.promo-popup.popup-wrapper .block-media--desktop {
    display: flex;
}
.ratio-original.block-media .placeholder-svg {
    aspect-ratio: 16 / 9;
}
a.block-media img, a.block-media .placeholder-svg {
    opacity: 1;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.ratio-original.block-media--desktop .lazy-image {
    aspect-ratio: var(--desktop-asp-rat);
}

.ratio-square.block-media--desktop .lazy-image {
    aspect-ratio: 1 / 1;
}
.ratio-portrait.block-media--desktop .lazy-image {
    aspect-ratio: 4 / 5;
}
.ratio-narrow_portrait.block-media--desktop .lazy-image {
    aspect-ratio: 2 / 3;
}
.ratio-traditional.block-media--desktop .lazy-image {
    aspect-ratio: 4 / 3;
}
.ratio-landscape.block-media--desktop .lazy-image {
    aspect-ratio: 3 / 2;
}
.ratio-wide.block-media--desktop .lazy-image {
    aspect-ratio: 16 / 9;
}
.ratio-super_wide.block-media--desktop .lazy-image {
    aspect-ratio: 4 / 1;
}

@media (hover: hover) {
    a.block-media:hover img, a.block-media:hover .placeholder-svg {
        opacity: .7;
    }
}

@media screen and (max-width: 768px) {
    .popup-image:not(.visible-mobile) {
        display: none;
    }

    .promo-popup.popup-wrapper .popup-content {
        padding: 42px 24px 48px;
    }

    .promo-popup.popup-wrapper .block-media--mobile,
    .promo-popup.popup-wrapper .block-media--desktop.block-media--all {
        display: flex;
    }
    .promo-popup.popup-wrapper .block-media--desktop {
        display: none;
    }
    .mobile-ratio-original.block-media--mobile .lazy-image {
        aspect-ratio: var(--mobile-asp-rat);
    }
    .mobile-ratio-original {
        aspect-ratio: auto;
    }
    .mobile-ratio-square,
    .mobile-ratio-square.block-media--mobile .lazy-image {
        aspect-ratio: 1 / 1;
    }
    .mobile-ratio-portrait,
    .mobile-ratio-portrait.block-media--mobile .lazy-image {
        aspect-ratio: 4 / 5;
    }
    .mobile-ratio-narrow_portrait,
    .mobile-ratio-narrow_portrait.block-media--mobile .lazy-image {
        aspect-ratio: 2 / 3;
    }
    .mobile-ratio-traditional,
    .mobile-ratio-traditional.block-media--mobile .lazy-image {
        aspect-ratio: 4 / 3;
    }
    .mobile-ratio-landscape,
    .mobile-ratio-landscape.block-media--mobile .lazy-image {
        aspect-ratio: 3 / 2;
    }
    .mobile-ratio-wide,
    .mobile-ratio-wide.block-media--mobile .lazy-image {
        aspect-ratio: 16 / 9;
    }
    .mobile-ratio-super_wide,
    .mobile-ratio-super_wide.block-media--mobile .lazy-image {
        aspect-ratio: 4 / 1;
    }
}

@media screen and (max-width: 500px) {
    .promo-popup.popup-wrapper {
        top: auto !important;
    }
    .promo-popup.popup-wrapper.open {
        max-width: 100vw;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        transform: none;
    }
}

/* Scrolling promotion */
.section-scrolling-promotion {
    max-width: 100%;
}
.section-scrolling-promotion--hover {
    z-index: 4;
}
.scrolling-promotion, .scrolling-promotion .promotion, .promotion__item {
    display: flex;
    align-items: center;
}
.scrolling-promotion {
    max-width: 100%;
    overflow-x: clip;
}
.scrolling-promotion .promotion {
    flex: 0 0 auto;
}
.promotion__item {
    position: relative;
    cursor: default;
}
a.promotion__item {
    cursor: pointer;
}
.promotion__item .lazy-image  {
    aspect-ratio: var(--desktop-asp-rat);
}

.scrolling-promotion .hover-reveal__inner {
    display: flex;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
    background-color: rgb(var(--layout-background-color));
}
.hover-reveal__inner, .hover-reveal__img {
    position: relative;
    width: 100%;
}
.hover-reveal--hover .hover-reveal__img {
    height: 100%;
}
.ratio-original .hover-reveal__img {
    width: 100%;
    height: auto;
}
.scrolling-promotion .hover-reveal {
    display: flex;
    position: static;
    width: auto;
    pointer-events: all;
    opacity: 1;
    z-index: 1;
    margin-inline-end: 24px;
    align-items: center;
}
.scrolling-promotion .hover-reveal.hover-reveal--hover {
	position: fixed;
	width: var(--hover-image-width);
	top: 0;
	left: 0;
    height: fit-content;
	pointer-events: none;
	opacity: 0;
    z-index: 7;
    transition: top calc(var(--animation-duration) / 4) linear, left calc(var(--animation-duration) / 4) linear;
    margin-inline-end: 0;
}

.line-top .scrolling-promotion,
.line-both .scrolling-promotion {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    padding-top: var(--line-paddings);
}
.line-bottom .scrolling-promotion,
.line-both .scrolling-promotion {
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    padding-bottom: var(--line-paddings);
}
.image-visible.promotion__item:not(.disabled) .promotion__image {
    transition: transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
}

.hover-reveal:not(.hover-reveal--hover) .promotion__image {
    width: auto;
}


@media (hover: hover) {
    .promotion__item:not(.disabled):hover {
        color: rgb(var(--accent-button-color));
        transition: color var(--animation-duration) var(--transition-timing-function);
    }
    .no-default-color .promotion__item:not(.disabled):hover {
        color: rgba(var(--layout-text-color), 0.7);
    }
    .promotion__wrapper .promotion__item:hover .promotion__info {
        position: relative;
        z-index: 9;
    }
    .image-visible.promotion__item:not(.disabled):hover .promotion__image {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
}

.hover-reveal--static .promotion__image {
    min-height: 24px!important;
}
.scrolling-promotion .promotion--animated {
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: var(--duration);
    animation-play-state: running;
    width: max-content;
    position: relative;
}
.scrolling-promotion--left .promotion--animated {
    animation-name: scrolling-left;
}
.scrolling-promotion--right .promotion--animated {
    animation-name: scrolling-right;
}
@media screen and (hover: hover) {
    scrolling-promotion.scrolling-promotion:hover .promotion--animated {
      animation-play-state: paused;
    }
}
scrolling-promotion.scrolling-promotion--paused .promotion--animated {
    animation-play-state: paused;
}

@keyframes scrolling-left {
    0% {
      inset-inline-start: 0;
      visibility: visible;
    }
    100% {
        inset-inline-start: var(--left-position);
    }
}

@keyframes scrolling-right {
    0% {
        inset-inline-start: var(--left-position);
        visibility: visible;
    }
    100% {
        inset-inline-start: 0;
    }
} 

.promotion__item {
    padding: 0 calc(var(--gap-items) / 2);
}
.promotion__text--mobile {
    display: none; 
}

/* Styles for full-width page without sidebars */
/* Mobile */
@media screen and (max-width: 768px) {
    .promotion__text--mobile,
    .promotion__text--desktop.promotion__text--all {
        display: block;
    }
    .promotion__text--desktop {
        display: none;
    }
    .scrolling-promotion {
        overflow-x: clip;
    }
    @keyframes scrolling-left {
        0% {
          transform: translateX(0);
          visibility: visible;
        }
        100% {
          transform: translateX(-100%);
        }
    }
    
    @keyframes scrolling-right {
        0% {
            transform: translateX(-100%);
            visibility: visible;
        }
        100% {
            transform: translateX(0);
        }
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .promotion__text--mobile,
        .promotion__text--desktop.promotion__text--all {
            display: block;
        }
        .promotion__text--desktop {
            display: none;
        }
    }
}

/* Search */
.search-block {
    display: flex;
    flex-direction: column;
    justify-content: var(--search-vertical-alignment);
    align-items: var(--search-horizontal-alignment);
}

.search-block--stretched {
    align-items: center;
}

search-modal {
    display: block;
    width: 100%;
}

.search-container {
    display: flex;
    overflow-y: clip;
    justify-content: var(--search-horizontal-alignment);
    align-items: center;
}

.search-container--icon {
    aspect-ratio: 1/1;
    justify-content: center;
}

.search-block--menu-drawer {
    position: relative;
    z-index: 5;
}

.search-block--menu-drawer .search-container,
.search-block--footer .search-container {
    justify-content: var(--search-horizontal-alignment);
    align-items: var(--search-vertical-alignment);
}

.search-block--menu-drawer .search-container--icon,
.search-block--footer .search-container--icon {
    align-items: center;
}

.search,
.search__span {
    display: flex;
    align-items: center;
    color: rgb(var(--layout-text-color));
}

.search {
    min-height: 44px;
    min-width: 44px;
}
.search {
    padding: 0 10px;
}

.search-container--text,
.search-container--icon {
    margin: 0 -10px;
}

.miscellaneous__subblock .search-container {
    margin: 0px;
}

.miscellaneous__subblock .search-container--field {
    padding: 0 10px;
}

.search-block--menu-drawer .search-container--text .search,
.search-block--footer .search-container--text .search {
    min-height: 32px;
}

.search-container--icon .search {
     display: flex;
    align-items: center;
    justify-content: center;
}

.search:focus,
.search-field__text:focus {
    outline-offset: -2px;
}

.search__span {
    word-break: normal;
}

.search-field {
    height: 44px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 2px solid rgb(var(--layout-text-color));
    gap: 8px;
}

.search-container .search-field__text {
    min-height: 100%;
}

.search-container--icon summary {
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-block--main-sidebar .search-field,
.search-block--short .search-field,
.search-block--short .search-container--field,
.search-block--medium .search-field,
.search-block--wide .search-field,
.search-block--stretched .search-container--field,
.search-block--stretched .search-field,
.search-block--stretched.search-block--3 .search-container--field,
.search-block--1.search-block--wide .search-container--field {
    width: 100%;
}

.search-block--3.search-block--short .search-container--field {
    max-width: 360px;
}

.search-block--main-sidebar .search-container--icon,
.search-block--footer .search-container--icon,
.search-block--menu-drawer .search-container--icon,
.search-block--footer .search-container--text,
.search-block--menu-drawer .search-container--text {
    width: fit-content !important;
}

.search-block--main-sidebar .search-container--field {
    width: 100% !important;
    max-width: 320px;
}

.search-block--main-sidebar.search-block--stretched .search-container--field {
    width: 100% !important;
    max-width: 100%;
}

.search-block--header .search-field  {
    width: 100%;
    max-width: 480px;
    min-width: 270px;
}

.search-block--header .search-field--stretched {
    max-width: 100%;
    min-width: 270px;
}

.search-block--search.search-block--menu-drawer.search-block--medium .search-container,
.search-block--search.search-block--footer.search-block--medium .search-container,
.search-block--wide .search-container {
    width: 50%;
}

.search-block--2.search-block--short.search-block--menu-drawer .search-container,
.search-block--2.search-block--short.search-block--footer .search-container {
    max-width: 360px;
}

.search-block--3.search-block--medium .search-container {
    width: 70%;
}

.search-field__text {
    color: rgb(var(--layout-text-color));
}

.search-field__text::placeholder {
    opacity: .5;
    color: rgb(var(--layout-text-color));
}

.search__icon svg {
    display: block;
    height: 100%;
    width: 100%;
    fill: rgb(var(--layout-text-color));
}

.search-container .search-field__icon svg {
    display: block;
    width: auto;
}

.search-block--2.search-block--medium,
.search-block--2.search-block--wide,
.search-block--3.search-block--medium {
    grid-column: span 2;
}

.search-block--3.search-block--wide {
    grid-column: span 3;
}

.search-block--1.search-block--short.search-block--search .search-container {
    width: 100%;
    max-width: 360px;
}

.search-block--1.search-block--medium.search-block--search .search-container {
    width: calc(100% / 3 * 2);
}

.search-block--1.search-block--wide.search-block--search .search-container {
    max-width: calc(100% / 3 * 2);
}

.footer .miscellaneous__items .search-container--field,
.menu-drawer .miscellaneous__items .search-container--field {
    min-width: 270px;
    max-width: 100%;
}

/* Fonts */
.search-container--minimal_uppercase,
.search-container--minimal_uppercase .search-field__text::placeholder,
.search-container--minimal_uppercase .search-field__text {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.search-container--minimal_basic,
.search-container--minimal_basic .search-field__text::placeholder,
.search-container--minimal_basic .search-field__text,
.search-container--classic,
.search-container--classic .search-field__text::placeholder,
.search-container--classic .search-field__text {
    font: var(--base-body-s-font);
}

.search-container--minimal_heavy,
.search-container--minimal_heavy .search-field__text::placeholder,
.search-container--minimal_heavy .search-field__text {
    font: var(--base-body-l-font);
}

.search-container--avant_garde,
.search-container--avant_garde .search-field__text::placeholder,
.search-container--avant_garde .search-field__text {
    font: var(--accent-body-s-font);
}

.search-container--contrast,
.search-container--contrast .search-field__text::placeholder,
.search-container--contrast .search-field__text {
    font: var(--base-label-font);
}

.search-container--brutalist,
.search-container--brutalist .search-field__text::placeholder,
.search-container--brutalist .search-field__text {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.search-container--duet,
.search-container--duet .search-field__text::placeholder,
.search-container--duet .search-field__text {
    font: var(--base-body-m-font);
}

.search-container--custom,
.search-container--custom .search-field__text::placeholder,
.search-container--custom .search-field__text {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.search-container--custom.uppercase .search-field__text::placeholder,
.search-container--custom.uppercase .search-field__text {
    text-transform: uppercase;
}

.search-container--custom.bolder-font .search-field__text::placeholder,
.search-container--custom.bolder-font .search-field__text {
    font-weight: bold;
}

/* template search */
.template-search {
    color: rgb(var(--layout-text-color));
}

.template-search,
.template-search__header,
.template-search__results {
    display: flex;
    flex-direction: column;
}

.template-search--spacious,
.template-search__header--spacious,
.template-search__results--compact {
    gap: 48px;
}
.template-search--compact,
.template-search__header--compact {
    gap: 32px;
}

.template-search--spacious.update-gap {
    gap: 64px;
}

.template-search--compact.update-gap {
    gap: 48px;
}

.search__heading.center,
.title-wrapper .title--empty,
.title-wrapper .title--empty {
    text-align: center;
}

.title-wrapper .title--empty a {
    color: rgb(var(--accent-button-color));
    position: relative;
    background-color: transparent;
    background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    background-repeat: no-repeat;
    background-position: right bottom, right bottom;
    background-size: 100% 1px, 100% 1px;
    transition: color var(--animation-duration) var(--transition-timing-function);
}
.title-wrapper .title--empty.link--underline a {
    transition: background-size var(--animation-duration) var(--transition-timing-function), color var(--animation-duration) var(--transition-timing-function), background-position var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .title-wrapper .title--empty a:hover {
        color: rgb(var(--hover-button-color));
        opacity: 1;
        background-image: linear-gradient(to top,rgb(var(--hover-button-color)) 0px,rgb(var(--hover-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    .title-wrapper .title--empty.link--underline a:hover {
        animation: startAnimateUnderlinedLinks var(--animation-duration) var(--transition-timing-function), endAnimateUnderlinedLinks var(--animation-duration) var(--transition-timing-function)  var(--animation-duration);
    }
}

@keyframes startAnimateUnderlinedLinks {
    0% {
        background-position: right bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    100% {
        background-position: right bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}
@keyframes endAnimateUnderlinedLinks {
    from {
        background-position: left bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--hover-button-color)) 0px,rgb(var(--hover-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    to {
        background-position: left bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--hover-button-color)) 0px,rgb(var(--hover-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}
.search__heading.center,
.template-search .search-field {
    max-width: 720px;
    margin: 0 auto;
}

.template-search__results--spacious {
    gap: 64px;
}

.template-search .facets__button {
    margin: 0 auto;
}

.title-wrapper {
    max-width: 388px;
    margin: 0 auto;
}

.info,
.info span {
    display: flex;
    align-items: center;
}
.info {
    gap: 4px 12px;
    flex-wrap: wrap;
}
.info span:not(:first-of-type)::before {
    content: "";
    background-color: rgb(var(--layout-text-color));
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin-inline-end: 12px;
}

.template-search--spacious {
    --filter-gap: 80px;
}
.template-search--spacious.lines {
    --filter-gap: 40px;
}
.template-search--compact {
    --filter-gap: 32px;
}
.template-search--compact.lines {
    --filter-gap: 16px;
}

.template-search__results-wrapper {
    display: flex;
    gap: var(--filter-gap);
    position: relative;
}
.template-search__aside-filters {
    width: 300px;
    min-width: 300px;
}
.lines .template-search__aside-filters {
    width: calc(300px + var(--filter-gap));
    padding-inline-end: var(--filter-gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.lines .template-search__results-wrapper {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.template-search__results--spacious.vertical-filter {
    gap: 24px;
}
.template-search__results--compact.vertical-filter {
    gap: 16px;
}

.search-field__icon {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.template-search .article-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.template-search .blog-articles__article .ratio-original img {
    position: relative;
}

.template-search .article-card img {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.template-search .article-card .article-card__title {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.blog-post__image .lazy-image {
    height: 100%;
}

@media (hover: hover) {
    .search-field__icon:hover {
        opacity: 0.7;
    }
    .template-search .article-card:hover img {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .template-search .article-card:hover .article-card__title {
        opacity: 0.7;
    }
}

/* Fonts */
.heading--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.heading--minimal_basic {
    font: var(--base-heading-xs-font);
}
.heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.heading--classic {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.heading--avant_garde {
    font: var(--base-heading-l-font);
    text-transform: uppercase; 
    letter-spacing: -0.02em;
}
.heading--contrast {
    font: var(--accent-heading-xl-font);
    letter-spacing: -0.02em;
}
.heading--brutalist {
    font: var(--base-heading-xl-font);
    text-transform: uppercase;
    letter-spacing: -0.02em; 
}
.heading--duet {
    font: var(--accent-body-l-font);
}
.search__input,
.search__input::placeholder {
    font: var(--base-heading-xs-font);
}
.search__input--minimal_uppercase,
.search__input--avant_garde,
.search__input--brutalist,
.search__input--minimal_uppercase::placeholder,
.search__input--avant_garde::placeholder,
.search__input--brutalist::placeholder {
    text-transform: uppercase;
}
.heading--custom,
.search__input--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}

/* Laptop */
@media screen and (max-width: 1440px) {
    .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .heading--brutalist {
        font: var(--base-heading-l-font);
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .page-width .heading--brutalist {
        font: var(--base-heading-l-font);
    }
}

/* Tablet */
@media screen and (max-width: 1024px) {
    .heading--avant_garde,
    .heading--brutalist {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
    .heading--contrast {
        font: var(--accent-heading-m-font);
        letter-spacing: -0.01em;
    }
    .template-search__results--spacious,
    .template-search--spacious.update-gap {
        gap: 48px;
    }
    .template-search--compact,
    .template-search__header--spacious,
    .template-search--compact.update-gap {
        gap: 32px;
    }
}

/* Mobile */
@media screen and (max-width: 768px) {
    .search-block--menu-drawer .search-container,
    .search-block--footer .search-container,
    .search-block--menu-drawer.search-block--1.search-block--short.search-block--search .search-container,
    .search-block--footer.search-block--1.search-block--short.search-block--search .search-container,
    .search-block--menu-drawer.search-block--1.search-block--medium.search-block--search .search-container,
    .search-block--footer.search-block--1.search-block--medium.search-block--search .search-container {
        width: 100% !important;
    }
    .search-block--1.search-block--wide.search-block--search .search-container {
        max-width: 100%;
    }
    .heading--avant_garde,
    .heading--brutalist,
    .heading--minimal_heavy {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .heading--contrast,
    .heading--classic {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .template-search__results--spacious,
    .template-search__results--compact,
    .template-search--spacious.update-gap {
        gap: 32px;
    }
    .lines .template-search__results-wrapper {
        border-top: none;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .page-width .heading--brutalist {
        font: var(--base-heading-l-font);
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .heading--contrast {
            font: var(--accent-heading-l-font);
        }
        .heading--brutalist {
            font: var(--base-heading-l-font);
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .search-block--header .search-field:not(.search-modal__content .search-field) {
            min-width: 150px;
        }
        .heading--avant_garde,
        .heading--brutalist {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
        .heading--contrast {
            font: var(--accent-heading-m-font);
            letter-spacing: -0.01em;
        }
        .template-search__results--spacious,
        .template-search--spacious.update-gap {
            gap: 48px;
        }
        .template-search--compact,
        .template-search__header--spacious,
        .template-search--compact.update-gap {
            gap: 32px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .search-block--menu-drawer .search-container,
        .search-block--footer .search-container,
        .search-block--menu-drawer.search-block--1.search-block--short.search-block--search .search-container,
        .search-block--footer.search-block--1.search-block--short.search-block--search .search-container,
        .search-block--menu-drawer.search-block--1.search-block--medium.search-block--search .search-container,
        .search-block--footer.search-block--1.search-block--medium.search-block--search .search-container {
            width: 100% !important;
        }
        .search-block--1.search-block--wide.search-block--search .search-container {
            max-width: 100%;
        }
        .heading--avant_garde,
        .heading--brutalist,
        .heading--minimal_heavy {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .heading--contrast,
        .heading--classic {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .template-search__results--spacious,
        .template-search__results--compact,
        .template-search--spacious.update-gap {
            gap: 32px;
        }
    }
}

/* Age verification */
.age-verification__image {
    width: 100%;
    height: 100%;
}

.age-verification__image .block-media__image {
    width: 100%;
    height: 100%;
}

.verification-buttons {
    display: flex;
    gap: 24px;
}

.popup-content.center .verification-buttons {
    align-items: center;
    justify-content: center;
}

.age-verification__overlay.overlay--filled.open {
    opacity: 1;
}
.age-verification__overlay.open {
    opacity: var(--overlay-opacity);
    background-color: var(--overlay-background);
    animation: none;
}

.age-verification .popup-wrapper.open {
    animation: none;
}
.age-verification .popup-wrapper--transparent.open {
    background-color: transparent;
    box-shadow: none;
}

.age-verification__image--filled::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    opacity: var(--overlay-opacity);
    background: var(--overlay-background);
}

.age-verification__image .block-media__image--mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .age-verification__image .block-media__image--mobile {
        display: block;
    }
    .age-verification__image .block-media__image--desktop {
        display: none;
    }
    .verification-buttons {
        gap: 8px;
        flex-wrap: wrap;
    }
    .verification-buttons .verification-button {
        min-height: 44px;
        min-width: calc((100% - 8px) / 2);
    }
    .verification-buttons .verification-button .solid-button,
    .verification-buttons .verification-button .outlined-button {
        width: 100%;
        height: 100%;
    }
}

/* Announcement bar */
.announcement-bar .slider__viewport {
    padding: var(--top-and-bottom-paddings) 0;
    overflow-x: clip;
}

.announcement-bar .slider__viewport::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

slideshow-component.announcement-bar {
    display: block;
}

.announcement-bar .slider__viewport::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.announcement-bar--spacious {
    --padding: 48px;
}
.announcement-bar--compact {
    --padding: 24px;
}

.announcement-bar__slider {
    max-width: calc(100% - ((24px + 44px + 24px) * 2));
    margin: 0 auto;
    overflow: clip;
    width: max-content;
}
.advantages .text-blocks {
    padding: 0 var(--padding);
}

@media screen and (min-width: 1200px) {
    .announcement-bar--spacious .slider__viewport .page-width--1200,
    .announcement-bar--spacious .slider__viewport .page-width--1400,
    .announcement-bar--spacious .slider__viewport .page-width--1700 {
        padding: 0 48px;
    }
    .announcement-bar--compact .slider__viewport .page-width--1200,
    .announcement-bar--compact .slider__viewport .page-width--1400,
    .announcement-bar--compact .slider__viewport .page-width--1700 {
        padding: 0 24px;
    }
}

.announcement-bar--line:not(.advantages) {
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
.advantages.announcement-bar--line.announcement-bar--spacious {
    --left-and-right-paddings: 48px;
}
.advantages.announcement-bar--line.announcement-bar--compact {
    --left-and-right-paddings: 24px;
}
.advantages.announcement-bar--line::after {
    content: "";
    position: relative;
    display: block;
    width: calc(100% - (var(--left-and-right-paddings) * 2));
    height: var(--line-width);
    bottom: 0;
    left: var(--left-and-right-paddings);
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}
.text-blocks {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgb(var(--layout-text-color));
}
.announcement-bar--spacious .text-blocks {
    gap: 0;
}
.announcement-bar--compact .text-blocks {
    gap: var(--padding);
}

.announcement-bar.advantages .text-blocks {
    gap: 24px;
}

@media (hover: hover) {
    .announcement-bar .slideshow__controls-button:hover {
        opacity: 0.7;
    }
}

.text-block {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; 
    gap: 16px;
    min-width: fit-content;
}

.announcement-bar__text-wrapper:has(.countdown) {
    display: inline-flex;
    flex-wrap: wrap;
    column-gap: 16px;

    &.announcement-bar__text-wrapper--center {
        justify-content: center;
    }
}

.text-block__item--mobile {
    display: none; 
}
.text-block__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--image-width);
    width: var(--image-width);
    height: auto;
}
.text-block__icon svg {
    width: 100%;
    height: auto;
    display: block;
    fill: rgb(var(--layout-text-color));
}
.text-block__content--center {
    text-align: center;
}
.text-block__content--center .richtext ul,
.text-block__content--center .richtext ol {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.text-block__image {
    min-width: var(--image-width);
    width: var(--image-width);
    border-radius: var(--context-image-radius);
    -webkit-border-radius: var(--context-image-radius);
    overflow: clip;
}
.text-block__image img {
    display: block;
    width: 100%;
    height: 100%;
}

.slideshow__slide.text-block.current {
    z-index: 5;
  }

/* Fonts */
.text-block__content--minimal_uppercase,
.text-block__content--minimal_basic,
.text-block__content--classic {
    font: var(--base-body-s-font);
}
.text-block__content--minimal_heavy,
.text-block__content--brutalist {
    font: var(--base-body-l-font);
}
.text-block__content--avant_garde {
    font: var(--accent-body-s-font);
}
.text-block__content--contrast {
    font: var(--base-label-font);
}
.text-block__content--duet {
    font: var(--base-body-m-font);
}
.text-block__content--minimal_uppercase,
.text-block__content--brutalist {
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.text-block__content--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
@media screen and (max-width: 920px) {
    .announcement-bar .slider__viewport {
        padding: var(--top-and-bottom-paddings) 0;
    }
    .announcement-bar--spacious {
        --padding: 24px;
    }
    .announcement-bar .text-blocks {
        gap: 0;
    }
    .text-block {
        word-break: break-word;
        user-select: none;
        -webkit-user-select: none;
        scroll-snap-align: start;
        width: fit-content;
    }
   .text-block:not(.slideshow__slide) {
        padding-inline-start: 24px;
        max-width: calc(100vw - 24px * 2);
    }
    .text-block__item--desktop:not(.text-block__item--desktop-visible) {
        display: none;
    }
    .text-block__item--mobile {
        display: block;
    }
    .advantages.announcement-bar--line.announcement-bar--spacious {
        --left-and-right-paddings: 0px;
    }
}

@media screen and (max-width: 768px) {
    .announcement-bar .slider__viewport {
        padding: var(--top-and-bottom-paddings) 0;
    }
    .announcement-bar--spacious, .announcement-bar--compact {
        --padding: 16px;
    }
    .announcement-bar .text-blocks:not(.slideshow__slider) {
        gap: 16px;
    }
    .text-blocks {
        gap: 32px;
    }
    .text-block {
        max-width: calc(100vw - 16px * 2);
    }
    .announcement-bar__slider {
        max-width: calc(100% - ((44px + 16px) * 2));
        margin: 0 auto;
        overflow: clip;
        width: max-content;
    }
    .announcement-bar__slider.one-item {
        max-width: calc(100% - (16px * 2));
    }
    .advantages.announcement-bar--line.announcement-bar {
        --left-and-right-paddings: 0px;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    @container inside-content (max-width: 768px) {
        .advantages.announcement-bar--line.announcement-bar {
            --left-and-right-paddings: 16px;
        } 
    }
}

/* Banner gallery */
.banner-gallery__title--minimal_uppercase {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.banner-gallery__title--minimal_basic {
    font: var(--base-body-m-font);
}
.banner-gallery__title--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.banner-gallery__title--classic,
.banner-gallery__title--contrast {
    font: var(--accent-body-l-font);
}
.banner-gallery__title--avant_garde {
    font: var(--base-body-m-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.banner-gallery__title--brutalist {
    font: var(--base-body-l-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.banner-gallery__title--duet {
    font: var(--accent-body-m-font);
}
.banner-gallery__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.banner-gallery__image {
    width: 100%;
    height: 100%;
}
.banner-gallery__card {
    display: flex;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
    position: relative;
    cursor: default;
}
a.banner-gallery__card {
    cursor: pointer;
}
a.banner-gallery__card:focus-visible {
    outline-offset: -2px;
}
.banner-gallery__info {
    position: absolute;
    inset: 0;
    padding: 16px;
    display: flex;
    align-items: var(--vertical-position);
    justify-content: var(--horizontal-position);
    z-index: 3;
    background-color: transparent;
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function);
}
.banner-gallery__card::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: var(--overlay-opacity);
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
}
.banner-gallery__card.hover-content .banner-gallery__info {
    transform: translateY(20px);
}
.banner-gallery__card.hover-content .banner-gallery__info,
.banner-gallery__card.hover-content::after {
    opacity: 0!important;
    pointer-events: none;
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function), transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
}
a.banner-gallery__card.hover-content .banner-gallery__info,
a.banner-gallery__card.hover-content::after {
    cursor: pointer;
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function), transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
}
a.banner-gallery__card .banner-gallery__image,
a.banner-gallery__card .placeholder-svg {
    transition: transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
}

/* #region Simulate hover on touch */

a.banner-gallery__card.hover-content.active-by-tap .banner-gallery__info  {
    opacity: 1!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
    transform: translateY(0px);
}
a.banner-gallery__card.hover-content.active-by-tap::after {
    opacity: var(--overlay-opacity)!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.banner-gallery__card:not(a).hover-content:hover .banner-gallery__info,
.banner-gallery__card:not(a).hover-content:focus-visible .banner-gallery__info  {
    opacity: 1!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
    transform: translateY(0px);
}
.banner-gallery__card:not(a).hover-content:hover::after,
.banner-gallery__card:not(a).hover-content:focus-visible::after {
    opacity: var(--overlay-opacity)!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

/* #endregion  */

@media (hover: hover) {
    a.banner-gallery__card:hover .banner-gallery__image,
    a.banner-gallery__card:hover .placeholder-svg {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    a.banner-gallery__card:hover .banner-gallery__info {
        opacity: .7;
    }
    .banner-gallery__card.hover-content:hover .banner-gallery__info,
    a.banner-gallery__card.hover-content:focus-visible .banner-gallery__info  {
        opacity: 1!important;
        pointer-events: auto;
        transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
        transform: translateY(0px);
    }
    .banner-gallery__card.hover-content:hover::after,
    a.banner-gallery__card.hover-content:focus-visible::after {
        opacity: var(--overlay-opacity)!important;
        pointer-events: auto;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .banner-gallery__card.hover-content .banner-gallery__info,
    a.banner-gallery__card.hover-content .banner-gallery__info {
        opacity: 1!important;
        pointer-events: auto;
        transform: translateY(0px);
    }
    .banner-gallery__card.hover-content::after,
    a.banner-gallery__card.hover-content::after {
        opacity: var(--overlay-opacity)!important;
        pointer-events: auto;
    }
}

/* Banner grid */
.tile-square .banner-grid__title--minimal_uppercase,
.tile-horizontal .banner-grid__title--minimal_uppercase,
.tile-square .banner-grid__title--avant_garde,
.tile-horizontal .banner-grid__title--avant_garde {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.tile-square .banner-grid__title--minimal_basic,
.tile-horizontal .banner-grid__title--minimal_basic,
.tile-square .banner-grid__title--minimal_heavy,
.tile-horizontal .banner-grid__title--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.tile-square .banner-grid__title--classic,
.tile-horizontal .banner-grid__title--classic,
.tile-square .banner-grid__title--contrast,
.tile-horizontal .banner-grid__title--contrast,
.tile-square .banner-grid__title--duet,
.tile-horizontal .banner-grid__title--duet {
    font: var(--accent-body-l-font);
}
.tile-square .banner-grid__title--brutalist,
.tile-horizontal .banner-grid__title--brutalist,
.tile-big_square .banner-grid__title--minimal_uppercase,
.tile-wide .banner-grid__title--minimal_uppercase  {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.tile-big_square .banner-grid__title--avant_garde,
.tile-wide .banner-grid__title--avant_garde {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
}
.tile-big_square .banner-grid__title--minimal_basic,
.tile-wide .banner-grid__title--minimal_basic {
    font: var(--base-heading-s-font);
}
.tile-big_square .banner-grid__title--minimal_heavy,
.tile-wide .banner-grid__title--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.tile-big_square .banner-grid__title--classic,
.tile-wide .banner-grid__title--classic {
    font: var(--accent-heading-s-font);
}
.tile-big_square .banner-grid__title--contrast,
.tile-wide .banner-grid__title--contrast,
.tile-big_square .banner-grid__title--duet,
.tile-wide .banner-grid__title--duet {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.tile-big_square .banner-grid__title--brutalist,
.tile-wide .banner-grid__title--brutalist {
    font: var(--base-heading-m-font);
    text-transform: uppercase;
    letter-spacing: -0.01em;
}
.tile-square .banner-grid__title--custom,
.tile-horizontal .banner-grid__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.tile-big_square .banner-grid__title--custom,
.tile-wide .banner-grid__title--custom  {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}

.banner-grid__wrapper.gap-one {
    --desktop-height: 400px;
}
.banner-grid__wrapper.gap-two {
    --desktop-height: 386px;
}
.banner-grid__wrapper.gap-three {
    --desktop-height: 362px;
}
.banner-grid__wrapper.gap-four {
    --desktop-height: 340px;
}

.banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-one,
.page-width .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-one {
    --desktop-height: 240px;
}
.banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-two,
.page-width .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-two {
    --desktop-height: 225px;
}
.banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-three,
.page-width .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-three {
    --desktop-height: 200px;
}
.banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-four,
.page-width .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-four {
    --desktop-height: 180px;
}

.page-width--1400 .banner-grid__wrapper.gap-one {
    --desktop-height: 275px;
}
.page-width--1400 .banner-grid__wrapper.gap-two {
    --desktop-height: 260px;
}
.page-width--1400 .banner-grid__wrapper.gap-three {
    --desktop-height: 238px;
}
.page-width--1400 .banner-grid__wrapper.gap-four {
    --desktop-height: 215px;
}

.page-width--1200 .banner-grid__wrapper.gap-one {
    --desktop-height: 230px!important;
}
.page-width--1200 .banner-grid__wrapper.gap-two {
    --desktop-height: 215px!important;
}
.page-width--1200 .banner-grid__wrapper.gap-three {
    --desktop-height: 195px!important;
}
.page-width--1200 .banner-grid__wrapper.gap-four {
    --desktop-height: 170px!important;
}

.banner-grid {
    --vertical-gap: 48px;
    --horizontal-gap: 48px;
}
.banner-grid__wrapper--narrow {
    max-width: 960px;
    margin: 0 auto;
}
.banner-grid__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--grid-gap);
    grid-auto-rows: minmax(var(--desktop-height),1fr);
    grid-auto-flow: dense;
}
.banner-grid__card.tile-square {
    grid-column: span 1;
    grid-row: span 1;
    aspect-ratio: 1 / 1;
}
.banner-grid__card.tile-big_square {
    grid-column: span 2;
    grid-row: span 2;
    aspect-ratio: 1 / 1;
}
.banner-grid__card.tile-horizontal {
    grid-column: span 2;
    grid-row: span 1;
}
.banner-grid__card.tile-wide {
    grid-column: span 4;
    grid-row: span 2;
}
.banner-grid__card.tile-horizontal .banner-grid__media,
.banner-grid__card.tile-wide .banner-grid__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-grid__card.tile-horizontal .solid-button,
.banner-grid__card.tile-square .solid-button,
.banner-grid__card.tile-horizontal .outlined-button,
.banner-grid__card.tile-square .outlined-button {
    min-width: 140px;
    padding: 6px 12px;
}
.banner-grid__card {
    display: flex;
    overflow: clip;
    position: relative;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    z-index: 1;
}
.banner-grid__wrapper--radius {
    border-radius: var(--container-radius);
    -webkit-border-radius: var(--container-radius);
    overflow: clip;
}
.banner-grid__media:after,
.banner-grid__info {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.banner-grid__media:after {
    content: "";
    z-index: 2;
    opacity: var(--overlay-opacity);
}
.banner-grid__info {
    flex-direction: column;
    gap: 16px;
    justify-content: var(--vertical-position);
    z-index: 3;
    background-color: transparent;
}

.banner-grid__info.center-content {
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
}
.banner-grid__card.tile-square .banner-grid__info,
.banner-grid__card.tile-horizontal .banner-grid__info {
    padding: 16px;
}
.banner-grid__card.tile-big_square .banner-grid__info,
.banner-grid__card.tile-wide .banner-grid__info {
    padding: var(--vertical-gap) var(--horizontal-gap);
}
.banner-grid__media {
    display: flex;
    width: 100%;
    height: 100%;
}
.banner-grid__media .banner-grid__image,
.banner-grid__media .placeholder-svg,
.banner-grid__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-grid__card.hover-content .banner-grid__info {
    transform: translateY(20px);
}
.banner-grid__card.hover-content .banner-grid__info.center-content {
    transform: translate(-50%,20px);
}

.banner-grid__card.hover-content .banner-grid__info,
.banner-grid__card.hover-content .banner-grid__media::after {
    opacity: 0!important;
    pointer-events: none;
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function), transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
}
a.banner-grid__card.hover-content .banner-grid__info,
a.banner-grid__card.hover-content .banner-grid__media::after {
    cursor: pointer;
}
a.banner-grid__card .banner-grid__media img,
a.banner-grid__card .banner-grid__media .placeholder-svg,
a.banner-grid__card .banner-grid__media video {
    transition: transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
    display: flex;
}
a.banner-gallery__card:focus-visible::before {
    content: '';
    position: absolute;
    inset: 0;
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: -1px;
    z-index: 3;
    border-radius: var(--container-radius);
    -webkit-border-radius: var(--container-radius);
}

/* #region Simulate hover on touch */

.banner-grid__card.hover-content.active-by-tap .banner-grid__info {
    opacity: 1!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
    transform: translateY(0px);
}
.banner-grid__card.hover-content.active-by-tap .banner-grid__info.center-content {
    transform: translate(-50%,0);
}
.banner-grid__card.hover-content.active-by-tap .banner-grid__media::after {
    opacity: var(--overlay-opacity)!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.banner-grid__card:not(a).hover-content:hover .banner-grid__info,
.banner-grid__card:not(a).hover-content:focus-visible .banner-grid__info {
    opacity: 1!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
    transform: translateY(0px);
}
.banner-grid__card:not(a).hover-content:hover .banner-grid__info.center-content,
.banner-grid__card:not(a).hover-content:focus-visible .banner-grid__info.center-content {
    transform: translate(-50%,0);
}
.banner-grid__card:not(a).hover-content:hover .banner-grid__media::after,
.banner-grid__card:not(a).hover-content:focus-visible .banner-grid__media::after {
    opacity: var(--overlay-opacity)!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

/* #endregion  */

@media (hover: hover) {
    a.banner-grid__card:hover .banner-grid__media img,
    a.banner-grid__card:hover .banner-grid__media .placeholder-svg,
    a.banner-grid__card:hover .banner-grid__media video {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .banner-grid__card.hover-content:hover .banner-grid__info,
    a.banner-grid__card.hover-content:focus-visible .banner-grid__info {
        opacity: 1!important;
        pointer-events: auto;
        transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
        transform: translateY(0px);
    }
    .banner-grid__card.hover-content:hover .banner-grid__info.center-content,
    a.banner-grid__card.hover-content:focus-visible .banner-grid__info.center-content {
        transform: translate(-50%,0);
    }
    .banner-grid__card.hover-content:hover .banner-grid__media::after,
    a.banner-grid__card.hover-content:focus-visible .banner-grid__media::after {
        opacity: var(--overlay-opacity)!important;
        pointer-events: auto;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
}

.banner-grid__info--wide {
    max-width: 1200px;
}
.banner-grid__info--narrow {
    max-width: 720px;
}
.banner-grid__info--wide.center-content, 
.banner-grid__info--narrow.center-content {
    margin: 0 auto;
}
.center-content .banner-grid__button {
    text-align: center;
}

/* Styles for full-width page without sidebars */
/* Max width 1700px */
@media screen and (max-width: 1700px) {
    .banner-grid__wrapper.gap-one {
        --desktop-height: 335px;
    }
    .banner-grid__wrapper.gap-two {
        --desktop-height: 320px;
    }
    .banner-grid__wrapper.gap-three {
        --desktop-height: 295px;
    }
    .banner-grid__wrapper.gap-four {
        --desktop-height: 275px;
    }
}
/* Laptop */
@media screen and (max-width: 1440px) {
    .banner-grid__wrapper.gap-one {
        --desktop-height: 275px;
    }
    .banner-grid__wrapper.gap-two {
        --desktop-height: 260px;
    }
    .banner-grid__wrapper.gap-three {
        --desktop-height: 238px;
    }
    .banner-grid__wrapper.gap-four {
        --desktop-height: 215px;
    }
}
/* Max width 1200px */
@media screen and (max-width: 1200px) {
    .banner-grid .banner-grid__wrapper.gap-one,
    .banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-one {
        --desktop-height: 230px;
    }
    .banner-grid .banner-grid__wrapper.gap-two,
    .banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-two   {
        --desktop-height: 215px;
    }
    .banner-grid .banner-grid__wrapper.gap-three,
    .banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-three  {
        --desktop-height: 195px;
    }
    .banner-grid .banner-grid__wrapper.gap-four,
    .banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-four  {
        --desktop-height: 170px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .banner-grid__card.hover-content .banner-grid__info {
        opacity: 1!important;
        pointer-events: auto;
        transform: translateY(0px);
    }
    .banner-grid__card.hover-content .banner-grid__info.center-content {
        transform: translate(-50%, 0px);
    }
    .banner-grid__card.hover-content .banner-grid__media::after {
        opacity: var(--overlay-opacity)!important;
        pointer-events: auto;
    }

    .banner-grid__card.tile-square,
    .banner-grid__card.tile-big_square,
    .banner-grid__card.tile-horizontal,
    .banner-grid__card.tile-wide {
        grid-column: span 2;
        grid-row: span 2;
        aspect-ratio: 1 / 1;
    }
    .banner-grid__card.tile-horizontal .banner-grid__media,
    .banner-grid__card.tile-wide .banner-grid__media {
        position: relative;
    }
    .banner-grid__wrapper {
        grid-auto-rows: 1fr;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .tile-square .banner-grid__title--minimal_uppercase,
    .tile-horizontal .banner-grid__title--minimal_uppercase,
    .tile-square .banner-grid__title--avant_garde,
    .tile-horizontal .banner-grid__title--avant_garde,
    .tile-square .banner-grid__title--minimal_basic,
    .tile-horizontal .banner-grid__title--minimal_basic,
    .tile-square .banner-grid__title--minimal_heavy,
    .tile-horizontal .banner-grid__title--minimal_heavy,
    .tile-big_square .banner-grid__title--minimal_basic,
    .tile-wide .banner-grid__title--minimal_basic {
        font: var(--base-body-s-font);
    }
    .tile-square .banner-grid__title--classic,
    .tile-horizontal .banner-grid__title--classic,
    .tile-square .banner-grid__title--contrast,
    .tile-horizontal .banner-grid__title--contrast,
    .tile-square .banner-grid__title--duet,
    .tile-horizontal .banner-grid__title--duet,
    .tile-big_square .banner-grid__title--classic,
    .tile-wide .banner-grid__title--classic  {
        font: var(--accent-body-s-font);
    }
    .tile-square .banner-grid__title--brutalist,
    .tile-horizontal .banner-grid__title--brutalist,
    .tile-big_square .banner-grid__title--minimal_uppercase,
    .tile-wide .banner-grid__title--minimal_uppercase,
    .tile-big_square .banner-grid__title--avant_garde,
    .tile-wide .banner-grid__title--avant_garde,
    .tile-big_square .banner-grid__title--brutalist,
    .tile-wide .banner-grid__title--brutalist  {
        font: var(--base-body-s-font);
        letter-spacing: 0.02em;
    }
    .tile-big_square .banner-grid__title--minimal_heavy,
    .tile-wide .banner-grid__title--minimal_heavy {
        font: var(--base-body-s-font);
        letter-spacing: normal;
    }
    .tile-big_square .banner-grid__title--contrast,
    .tile-wide .banner-grid__title--contrast,
    .tile-big_square .banner-grid__title--duet,
    .tile-wide .banner-grid__title--duet {
        font: var(--accent-body-s-font);
        letter-spacing: normal;
    }
    .custom-type-preset .banner-grid__title--custom {
        font: var(--body-s-font);
        letter-spacing: var(--body-s-letter-spacing);
    }
    .banner-grid--spacious {
        --horizontal-gap: 16px;
        --vertical-gap: 24px;
    }
    .banner-grid--compact {
        --horizontal-gap: 16px;
        --vertical-gap: 24px;
    }

    .banner-grid__button:not(.show-on-mobile) {
        display: none;
    }

    .banner-grid__wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(var(--mobile-height),1fr);
        gap: var(--mobile-grid-gap);
    }
    .banner-grid__card.tile-square {
        grid-column: span 1;
        grid-row: span 1;
    }
    .banner-grid__card.tile-big_square,
    .banner-grid__card.tile-wide {
        grid-column: span 2;
        grid-row: span 2;
    }
    .banner-grid__card.tile-horizontal {
        grid-column: span 2;
        grid-row: span 1;
        aspect-ratio: auto;
    }
    .banner-grid__card.tile-horizontal .banner-grid__media {
        position: absolute;
    }
    .banner-grid__wrapper.mobile-gap-one {
        --mobile-height: 235px;
    }
    .banner-grid__wrapper.mobile-gap-two {
        --mobile-height: 225px;
    }
    .banner-grid__wrapper.mobile-gap-three {
        --mobile-height: 216px;
    }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
    .banner-grid__wrapper.mobile-gap-one {
        --mobile-height: 158px;
    }
    .banner-grid__wrapper.mobile-gap-two {
        --mobile-height: 150px;
    }
    .banner-grid__wrapper.mobile-gap-three {
        --mobile-height: 145px;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Max width 1700px */
    @container inside-content (max-width: 1700px) {
        .banner-grid__wrapper.gap-one {
            --desktop-height: 335px;
        }
        .banner-grid__wrapper.gap-two {
            --desktop-height: 320px;
        }
        .banner-grid__wrapper.gap-three {
            --desktop-height: 295px;
        }
        .banner-grid__wrapper.gap-four {
            --desktop-height: 275px;
        }
    }
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .banner-grid__wrapper.gap-one {
            --desktop-height: 275px;
        }
        .banner-grid__wrapper.gap-two {
            --desktop-height: 260px;
        }
        .banner-grid__wrapper.gap-three {
            --desktop-height: 238px;
        }
        .banner-grid__wrapper.gap-four {
            --desktop-height: 215px;
        }
    }
    /* Max width 1200px */
    @container inside-content (max-width: 1200px) {
        .banner-grid .banner-grid__wrapper.gap-one,
        .banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-one {
            --desktop-height: 230px;
        }
        .banner-grid .banner-grid__wrapper.gap-two,
        .banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-two   {
            --desktop-height: 215px;
        }
        .banner-grid .banner-grid__wrapper.gap-three,
        .banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-three  {
            --desktop-height: 195px;
        }
        .banner-grid .banner-grid__wrapper.gap-four,
        .banner-grid .banner-grid__wrapper.banner-grid__wrapper--narrow.gap-four  {
            --desktop-height: 170px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .banner-grid__card.tile-square,
        .banner-grid__card.tile-big_square,
        .banner-grid__card.tile-horizontal,
        .banner-grid__card.tile-wide {
            grid-column: span 2;
            grid-row: span 2;
            aspect-ratio: 1 / 1;
        }
        .banner-grid__card.tile-horizontal .banner-grid__media,
        .banner-grid__card.tile-wide .banner-grid__media {
            position: relative;
        }
        .banner-grid__wrapper {
            grid-auto-rows: 1fr;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .tile-square .banner-grid__title--minimal_uppercase,
        .tile-horizontal .banner-grid__title--minimal_uppercase,
        .tile-square .banner-grid__title--avant_garde,
        .tile-horizontal .banner-grid__title--avant_garde,
        .tile-square .banner-grid__title--minimal_basic,
        .tile-horizontal .banner-grid__title--minimal_basic,
        .tile-square .banner-grid__title--minimal_heavy,
        .tile-horizontal .banner-grid__title--minimal_heavy,
        .tile-big_square .banner-grid__title--minimal_basic,
        .tile-wide .banner-grid__title--minimal_basic {
            font: var(--base-body-s-font);
        }
        .tile-square .banner-grid__title--classic,
        .tile-horizontal .banner-grid__title--classic,
        .tile-square .banner-grid__title--contrast,
        .tile-horizontal .banner-grid__title--contrast,
        .tile-square .banner-grid__title--duet,
        .tile-horizontal .banner-grid__title--duet,
        .tile-big_square .banner-grid__title--classic,
        .tile-wide .banner-grid__title--classic  {
            font: var(--accent-body-s-font);
        }
        .tile-square .banner-grid__title--brutalist,
        .tile-horizontal .banner-grid__title--brutalist,
        .tile-big_square .banner-grid__title--minimal_uppercase,
        .tile-wide .banner-grid__title--minimal_uppercase,
        .tile-big_square .banner-grid__title--avant_garde,
        .tile-wide .banner-grid__title--avant_garde,
        .tile-big_square .banner-grid__title--brutalist,
        .tile-wide .banner-grid__title--brutalist  {
            font: var(--base-body-s-font);
            letter-spacing: 0.02em;
        }
        .tile-big_square .banner-grid__title--minimal_heavy,
        .tile-wide .banner-grid__title--minimal_heavy {
            font: var(--base-body-s-font);
            letter-spacing: normal;
        }
        .tile-big_square .banner-grid__title--contrast,
        .tile-wide .banner-grid__title--contrast,
        .tile-big_square .banner-grid__title--duet,
        .tile-wide .banner-grid__title--duet {
            font: var(--accent-body-s-font);
            letter-spacing: normal;
        }
        .custom-type-preset .banner-grid__title--custom {
            font: var(--body-s-font);
            letter-spacing: var(--body-s-letter-spacing);
        }
        .banner-grid {
            --horizontal-gap: 16px;
            --vertical-gap: 24px;
        }
        .banner-grid__button:not(.show-on-mobile) {
            display: none;
        }

        .banner-grid__wrapper {
            grid-template-columns: repeat(2, 1fr);
            grid-auto-rows: minmax(var(--mobile-height),1fr);
            gap: var(--mobile-grid-gap);
        }
        .banner-grid__card.tile-square {
            grid-column: span 1;
            grid-row: span 1;
        }
        .banner-grid__card.tile-big_square,
        .banner-grid__card.tile-wide {
            grid-column: span 2;
            grid-row: span 2;
        }
        .banner-grid__card.tile-horizontal {
            grid-column: span 2;
            grid-row: span 1;
            aspect-ratio: auto;
        }
        .banner-grid__card.tile-horizontal .banner-grid__media {
            position: absolute;
        }
        .banner-grid__wrapper.mobile-gap-one {
            --mobile-height: 235px;
        }
        .banner-grid__wrapper.mobile-gap-two {
            --mobile-height: 225px;
        }
        .banner-grid__wrapper.mobile-gap-three {
            --mobile-height: 216px;
        }
    }
    /* Mobile-mini */
    @container inside-content (max-width: 500px) {
        .banner-grid__wrapper.mobile-gap-one {
            --mobile-height: 158px;
        }
        .banner-grid__wrapper.mobile-gap-two {
            --mobile-height: 150px;
        }
        .banner-grid__wrapper.mobile-gap-three {
            --mobile-height: 145px;
        }
    }
}

/* Section banner */
.banner {
    --vertical-gap: 48px;
    --horizontal-gap: 48px;
    --buttons-gap: 24px;
}
.banner__wrapper {
    position: relative;
    display: flex;
    justify-content: var(--vertical-position);
    align-items: var(--horizontal-position);
    flex-direction: column;
    min-height: var(--section-height);
    height: fit-content;
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
    overflow: clip;
    background-color: rgb(var(--layout-background-color));
}
.overlapping-section .banner__wrapper {
    border-radius: 0;
    -webkit-border-radius: 0;
    overflow: visible;
}
.hidden-radius.banner__wrapper,
.banner--full-width .banner__wrapper {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.banner__media {
    display: flex;
    position: absolute;
    width: 100%;
    inset: 0;
    overflow: clip;
    background-color: rgb(var(--layout-background-color));
    color: rgb(var(--layout-text-color));
}
.banner__media::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.banner__content {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    background-color: transparent;
    padding: var(--vertical-gap) var(--horizontal-gap);
    z-index: 5;
}
.banner__media .placeholder-svg, .banner__media video, .banner__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner__content-wrapper {
    padding: 64px 120px;
    background-color: rgb(var(--layout-background-color));
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
    overflow: clip;
}
.narrow-container .banner__content-wrapper {
    max-width: 720px;
}
.wide-container .banner__content-wrapper {
    max-width: 1200px;
}
.hidden-backgroud .banner__content-wrapper {
    background-color: transparent;
    padding: 0;
}

.banner--spacious {
    --banner-gap: 24px;
}
.banner--compact {
    --banner-gap: 16px;
}
.banner__content-wrapper > .content-wrapper--block {
    margin-top: var(--banner-gap);
}
.banner__content-wrapper > .spacer,
.banner__content-wrapper > .line-container,
.banner__content-wrapper > .line-container + .content-wrapper--block,
.banner__content-wrapper > .spacer + .content-wrapper--block {
    margin-top: 0;
}

.banner .start .block__button,
.banner .start .video-button-block {
    margin-inline-end: var(--buttons-gap);
    margin-inline-start: 0;
}
.banner .center .block__button,
.banner .center .video-button-block {
    margin-inline-start: calc(var(--buttons-gap) / 2);
    margin-inline-end: calc(var(--buttons-gap) / 2);
}
.banner .center .context-image {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.banner .outlined-button, .banner .link-button,
.banner .solid-button {
    text-align: center;
}
.hidden-backgroud .banner__content-wrapper {
    border-radius: 0;
    -webkit-border-radius: 0;
    overflow: visible;
}
.banner__wrapper.hover-content .banner__content {
    top: 20px;
}
.block__button object {
    display: inline;
}

.banner__wrapper.hover-content .banner__content,
.banner__wrapper.hover-content .banner__media::after {
    opacity: 0!important;
    pointer-events: none;
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function), top calc(var(--animation-duration) / 2) var(--transition-timing-function);
}
a.banner__wrapper.hover-content .banner__content,
a.banner__wrapper.hover-content .banner__media::after {
    cursor: pointer;
}
a.banner__wrapper:not(.not-scaled) .image-banner__media img,
a.banner__wrapper:not(.not-scaled) .image-banner__media .placeholder-svg {
    transition: transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
}

/* #region Simulate hover on touch */

a.banner__wrapper.hover-content.active-by-tap .banner__content {
    opacity: 1!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function), top var(--animation-duration) var(--transition-timing-function);
    top: 0;
}
a.banner__wrapper.hover-content.active-by-tap .banner__media::after {
    opacity: var(--banner-overlay-opacity)!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.banner__wrapper:not(a).hover-content:hover .banner__content,
.banner__wrapper:not(a).hover-content:focus-visible .banner__content {
    opacity: 1!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function), top var(--animation-duration) var(--transition-timing-function);
    top: 0;
}
.banner__wrapper:not(a).hover-content:hover .banner__media::after,
.banner__wrapper:not(a).hover-content:focus-visible .banner__media::after {
    opacity: var(--banner-overlay-opacity)!important;
    pointer-events: auto;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

/* #endregion  */

@media (hover: hover) {
    a.banner__wrapper:not(.no-hover):not(.not-scaled):hover .image-banner__media img,
    a.banner__wrapper:not(.no-hover):not(.not-scaled):hover .image-banner__media .placeholder-svg {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .banner__wrapper.hover-content:hover .banner__content,
    a.banner__wrapper.hover-content:focus-visible .banner__content {
        opacity: 1!important;
        pointer-events: auto;
        transition: opacity var(--animation-duration) var(--transition-timing-function), top var(--animation-duration) var(--transition-timing-function);
        top: 0;
    }
    .banner__wrapper.hover-content:hover .banner__media::after,
    a.banner__wrapper.hover-content:focus-visible .banner__media::after {
        opacity: var(--banner-overlay-opacity)!important;
        pointer-events: auto;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
}

@media screen and (min-width: 921px) {
    .overlapping-section.banner--compact {
        --horizontal-gap: 24px;
    }
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .banner__wrapper.hover-content .banner__content {
        opacity: 1!important;
        pointer-events: auto;
        transform: none;
        top: 0px;
    }
    .banner__wrapper.hover-content .banner__media::after {
        opacity: var(--banner-overlay-opacity)!important;
        pointer-events: auto;
    }
}
@media screen and (max-width: 920px) {
    .banner__wrapper {
        min-height: var(--section-mobile-height);
    }
    .banner__wrapper.below {
        align-items: flex-start;
    }
    .banner__wrapper.below.banner__wrapper--center-content {
        align-items: center;
    }
    .below.banner__wrapper .banner__media {
        height: var(--section-mobile-height);
        position: static;
    }
    .below.banner__wrapper {
        min-height: none;
        height: auto;
    }
    .banner__wrapper.hover-content .banner__content {
        top: 0px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .banner--spacious,
    .banner--compact {
        --horizontal-gap: 16px;
        --vertical-gap: 24px;
        --buttons-gap: 12px;
    }
    .below .banner__media {
        border-radius: 0;
        -webkit-border-radius: 0;
        overflow: clip;
    }
    .banner--full-width .below .banner__media,
    .banner--overlap .below .banner__media {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    .banner--spacious {
        --banner-gap: 16px;
    }
    .below .banner__media:not(.mobile-overlap-enable)::after {
        display: none;
    }
    .below .banner__content {
        padding: 0px;
    }
    .banner--full-width .below .banner__content,
    .banner--overlap .below .banner__content {
        padding: 0px 16px;
    }
    .banner__content-wrapper {
        padding: 32px 24px;
    }
    .banner--spacious .below .banner__content-wrapper {
        padding: 48px 0;
    }
    .banner--compact .below .banner__content-wrapper {
        padding: 24px 0;
    }
    .banner.banner--wide.no-default-color .below .banner__content-wrapper {
        padding-inline-start: 16px;
        padding-inline-end: 16px;
    }
    .banner.color-invert-content .below .banner__content-wrapper {
        border-radius: 0;
        -webkit-border-radius: 0;
        color: rgb(var(--layout-text-color));
        background-color: rgb(var(--layout-background-color));
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .banner--spacious,
        .banner--compact {
            --horizontal-gap: 16px;
            --vertical-gap: 24px;
            --buttons-gap: 12px;
        }
        .main_l--spacious .banner--spacious {
            --banner-gap: 16px;
        }
        .banner__content {
            padding: 64px 24px;
        }
        section[id^="shopify-section-"]:first-of-type .banner--overlapping .banner__content {
            padding-inline-start: 16px;
            padding-inline-end: 16px;
        }
        section[id^="shopify-section-"]:first-of-type .banner--overlapping .banner__content.hidden-backgroud {
            padding-inline-start: 0px;
            padding-inline-end: 0px;
        }
        .banner__content-wrapper {
            padding: 64px 16px;
        }
    }
}

/* Collapsible tabs */
.collapsible-tabs {
    background-color: rgb(var(--layout-background-color));
    color: rgb(var(--layout-text-color));
    margin: 0 auto;
}

.collapsible-tabs__wrapper,
.collapsible-tabs__header,
.topic-block,
.topic-block__content {
    display: flex;
    flex-direction: column;
}

.collapsible-tabs--narrow .collapsible-tabs__wrapper {
    max-width: 960px;
    margin: 0 auto;
}

.collapsible-tabs--spacious .collapsible-tabs__wrapper {
    gap: 64px;
}
.collapsible-tabs--compact .collapsible-tabs__wrapper {
    gap: 32px;
}

.collapsible-tabs__wrapper--center .collapsible-tabs__header,
.collapsible-tabs__wrapper--center .topic-block {
    text-align: center;
    align-items: center;
}

.ordinal-section--lines.collapsible-tabs::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}
.ordinal-section--lines.collapsible-tabs--spacious::before {
    margin-bottom: 48px;
}
.ordinal-section--lines.collapsible-tabs--compact::before {
    margin-bottom: 24px;
}
main > section:first-child .ordinal-section--lines.collapsible-tabs::before {
    display: none;
}

.collapsible-tabs--spacious .collapsible-tabs__header,
.topic-block {
    gap: 24px;
}

.collapsible-tabs--compact .collapsible-tabs__header {
    gap: 16px;
}

.collapsible-tabs__blocks {
    width: 100%;
}

.topic-block__content {
    gap: 8px;
}

.collapsible-tabs--spacious .topic-block + .accordion,
.collapsible-tabs--compact .accordion + .topic-block {
    margin-top: 32px;
}

.collapsible-tabs--compact .topic-block + .accordion {
    margin-top: 24px;
}

.collapsible-tabs--spacious .accordion + .topic-block {
    margin-top: 64px;
}

.collapsible-tabs__heading--accent {
    color: rgb(var(--accent-button-color));
}

/* Font */
.collapsible-tabs__heading--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.collapsible-tabs__heading--minimal_basic,
.topic-block__heading--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.collapsible-tabs__heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.collapsible-tabs__heading--classic {
    font: var(--accent-heading-s-font);
}
.collapsible-tabs__heading--avant_garde,
.topic-block__heading--brutalist {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
}
.collapsible-tabs__heading--contrast,
.topic-block__description--avant_garde {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.collapsible-tabs__heading--brutalist,
.collapsible-tabs__heading--duet {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.collapsible-tabs__heading--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}
.topic-block__heading--minimal_uppercase,
.collapsible-tabs__subheading--minimal_uppercase,
.collapsible-tabs__subheading--minimal_basic,
.collapsible-tabs__subheading--classic,
.collapsible-tabs__subheading--contrast {
    font: var(--base-label-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.topic-block__heading--minimal_basic,
.topic-block__description--duet,
.collapsible-tabs__subheading--minimal_heavy {
    font: var(--base-body-l-font);
}
.topic-block__heading--classic,
.topic-block__heading--duet {
    font: var(--accent-body-l-font);
}
.topic-block__heading--avant_garde,
.topic-block__heading--contrast {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.topic-block__description--minimal_uppercase,
.topic-block__description--minimal_basic,
.collapsible-tabs__subheading--duet,
.topic-block__description--classic,
.topic-block__description--contrast {
    font: var(--base-body-m-font);
}
.topic-block__description--minimal_heavy {
    font: var(--base-label-font);
}
.topic-block__description--brutalist {
    font: var(--accent-heading-xs-font);
}
.collapsible-tabs__subheading--avant_garde {
    font: var(--accent-body-m-font);
}
.collapsible-tabs__subheading--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.topic-block__heading--custom,
.collapsible-tabs__subheading--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}
.topic-block__description--custom {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .collapsible-tabs--spacious.collapsible-tabs--lines .collapsible-tabs__wrapper {
        padding-top: 48px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width.collapsible-tabs--spacious.collapsible-tabs--lines .collapsible-tabs__wrapper {
        padding-top: 48px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .collapsible-tabs__heading--brutalist,
    .collapsible-tabs__heading--duet {
        font: var(--base-heading-m-font);
    }
    .collapsible-tabs--spacious .collapsible-tabs__wrapper {
        gap: 48px;
    }
    .collapsible-tabs--spacious .accordion + .topic-block {
        margin-top: 48px;
    }
    .collapsible-tabs--spacious .topic-block + .accordion {
        margin-top: 24px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .collapsible-tabs__heading--brutalist,
    .collapsible-tabs__heading--duet,
    .collapsible-tabs__heading--minimal_heavy {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .collapsible-tabs__heading--contrast,
    .topic-block__description--avant_garde {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .collapsible-tabs--spacious .collapsible-tabs__wrapper {
        gap: 32px;
    }
    .collapsible-tabs--spacious .accordion + .topic-block {
        margin-top: 32px;
    }
    .collapsible-tabs--spacious.collapsible-tabs--lines .collapsible-tabs__wrapper {
        padding-top: 32px;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width.collapsible-tabs--spacious.collapsible-tabs--lines .collapsible-tabs__wrapper {
        padding-top: 48px;
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .collapsible-tabs--spacious.collapsible-tabs--lines .collapsible-tabs__wrapper {
            padding-top: 48px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .collapsible-tabs__heading--brutalist,
        .collapsible-tabs__heading--duet {
            font: var(--base-heading-m-font);
        }
        .collapsible-tabs--spacious .collapsible-tabs__wrapper {
            gap: 48px;
        }
        .collapsible-tabs--spacious .accordion + .topic-block {
            margin-top: 48px;
        }
        .collapsible-tabs--spacious .topic-block + .accordion {
            margin-top: 24px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .collapsible-tabs__heading--brutalist,
        .collapsible-tabs__heading--duet,
        .collapsible-tabs__heading--minimal_heavy {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .collapsible-tabs__heading--contrast,
        .topic-block__description--avant_garde {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .collapsible-tabs--spacious .collapsible-tabs__wrapper {
            gap: 32px;
        }
        .collapsible-tabs--spacious .accordion + .topic-block {
            margin-top: 32px;
        }
        .collapsible-tabs--spacious.collapsible-tabs--lines .collapsible-tabs__wrapper {
            padding-top: 32px;
        }
    }
}

/* Section collection list */
.section-collection-list {
    display: flex;
    flex-direction: column;
}

.section-collection-list--spacious {
    gap: 64px;
}

.section-collection-list--compact {
    gap: 48px;
}

.grid--alternative_1 {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid--spacious.grid--two_columns, 
.grid--spacious.grid--alternative_2 {
    gap: 128px 240px;
}

.grid--spacious.grid--alternative_1 {
    gap: 128px 120px;
}

.grid--compact.grid--two_columns, 
.grid--compact.grid--alternative_2,
.grid--compact.grid--alternative_1 {
    gap: 48px 16px;
}

.lines.grid--spacious  {
    gap: 64px 0;
}

.lines.grid--compact {
    gap: 24px 0;
}

.lines .collection-list__item {
    padding-top: 64px;
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.lines.grid--compact .collection-list__item {
    padding-top: 24px;
}

.lines.grid--two_columns .collection-list__item:nth-child(odd), 
.lines.grid--alternative_1 .collection-list__item:nth-child(odd),
.lines.grid--alternative_2 .collection-list__item:nth-child(3n+2) {
    display: flex;
    justify-content: space-between;
}

.lines.grid--two_columns .collection-list__item:nth-child(odd),
.lines.grid--alternative_2 .collection-list__item:nth-child(3n+2) {
    gap: 120px;
}

.lines.grid--alternative_1 .collection-list__item:nth-child(odd) {
    gap: 60px;
}

.lines.grid--compact.grid--two_columns .collection-list__item:nth-child(odd), 
.lines.grid--compact.grid--alternative_1 .collection-list__item:nth-child(odd),
.lines.grid--compact.grid--alternative_2 .collection-list__item:nth-child(3n+2) {
    gap: 16px;
}

.lines.grid--two_columns .collection-list__item:nth-child(odd)::after, 
.lines.grid--alternative_1 .collection-list__item:nth-child(odd)::after,
.lines.grid--alternative_2 .collection-list__item:nth-child(3n+2)::after {
    content: "";
    display: inline-block;
    width: var(--line-width);
    background-color: rgba(var(--layout-text-color), var(--line-opacity));
    height: 100%;
}

.lines.grid--two_columns .collection-list__item:nth-child(even),
.lines.grid--alternative_2 .collection-list__item:nth-child(3n+3) {
    padding-inline-start: 120px;
}

.lines.grid--alternative_1 .collection-list__item:nth-child(even) {
    padding-inline-start: 60px;
}

.grid--compact.lines.grid--two_columns .collection-list__item:nth-child(even), 
.grid--compact.lines.grid--alternative_1 .collection-list__item:nth-child(even), 
.grid--compact.lines.grid--alternative_2 .collection-list__item:nth-child(3n+3) {
    padding-inline-start: 16px;
}

.grid--alternative_1 .grid__item:nth-child(4n+2) {
    grid-column-start: 2;
    grid-column-end: 4;
}

.grid--alternative_1 .grid__item:nth-child(4n+3),
.grid--alternative_2 .grid__item:nth-child(3n+1) {
    grid-column-start: 1;
    grid-column-end: 3;
}

.heading {
    display: inline-block;
}

.heading.center {
    text-align: center;
}

.heading__details {
    word-break: keep-all;
}

/* Fonts */
.heading--minimal_uppercase {
    text-transform: uppercase;
    font: var(--base-heading-xs-font);
}

.heading--minimal_basic {
    font: var(--base-heading-xs-font);
}

.heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}

.heading--classic {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}

.heading--avant_garde {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.heading--contrast {
    font: var(--accent-heading-xl-font);
    letter-spacing: -0.02em;
}

.heading--brutalist {
    font: var(--base-heading-xl-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.heading--duet {
    font: var( --accent-body-l-font);
}
.heading--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}


/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .grid--spacious.grid--two_columns, 
    .grid--spacious.grid--alternative_2 {
        gap: 96px 180px;
    }
    .grid--spacious.grid--alternative_1 {
        gap: 96px 90px;
    }
    .lines.grid--spacious  {
        gap: 64px 0;
    }
    .lines.grid--two_columns .collection-list__item:nth-child(odd),
    .lines.grid--alternative_2 .collection-list__item:nth-child(3n+2) {
        gap: 90px;
    }
    .lines.grid--two_columns .collection-list__item:nth-child(even),
    .lines.grid--alternative_2 .collection-list__item:nth-child(3n+3) {
        padding-inline-start: 90px;
    }
    .lines.grid--alternative_1 .collection-list__item:nth-child(odd) {
        gap: 45px;
    }
    .lines.grid--alternative_1 .collection-list__item:nth-child(even) {
        padding-inline-start: 45px;
    }
    .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .heading--brutalist {
        font: var(--base-heading-l-font);
    }
}

/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width .section-collection-list--spacious {
        gap: 96px;
    }
    .page-width .grid--spacious.grid--two_columns, 
    .page-width .grid--spacious.grid--alternative_2 {
        gap: 96px 180px;
    }
    .page-width .grid--spacious.grid--alternative_1 {
        gap: 96px 90px;
    }
    .page-width .lines.grid--spacious  {
        gap: 64px 0;
    }
    .page-width .lines.grid--two_columns.grid--spacious .collection-list__item:nth-child(odd),
    .page-width .lines.grid--alternative_2.grid--spacious .collection-list__item:nth-child(3n+2) {
        gap: 90px;
    }
    .page-width .lines.grid--two_columns.grid--spacious .collection-list__item:nth-child(even),
    .page-width .lines.grid--alternative_2.grid--spacious .collection-list__item:nth-child(3n+3) {
        padding-inline-start: 90px;
    }
    .page-width .lines.grid--alternative_1.grid--spacious .collection-list__item:nth-child(odd) {
        gap: 45px;
    }
    .page-width .lines.grid--alternative_1.grid--spacious .collection-list__item:nth-child(even) {
        padding-inline-start: 45px;
    }
    .page-width .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .page-width .heading--brutalist {
        font: var(--base-heading-l-font);
    }
}
 /* Tablet */ 
@media screen and (max-width: 1024px) {
    .section-collection-list--spacious {
        gap: 48px;
    }
    .section-collection-list--compact {
        gap: 32px;
    }
    .grid--spacious.grid--two_columns {
        gap: 64px 160px;
    }
    .grid--spacious.grid--alternative_1 {
        gap: 96px 80px;
    }
    .grid--spacious.grid--alternative_2 {
        gap: 96px 76px;
    }
    .lines .collection-list__item {
        padding-top: 32px;
    }
    .lines.grid--spacious  {
        gap: 32px 0;
    }
    .lines.grid--two_columns .collection-list__item:nth-child(odd) {
        gap: 80px;
    }
    .lines.grid--two_columns .collection-list__item:nth-child(even) {
        padding-inline-start: 80px;
    }
    .lines.grid--alternative_1 .collection-list__item:nth-child(odd) {
        gap: 40px;
    }
    .lines.grid--alternative_1 .collection-list__item:nth-child(even) {
        padding-inline-start: 40px;
    }
    .lines.grid--spacious.grid--alternative_1 .collection-list__item, .lines.grid--spacious.grid--alternative_2 .collection-list__item {
        padding-top: 48px;
    }
    .lines.grid--spacious.grid--alternative_1, .lines.grid--spacious.grid--alternative_2  {
        gap: 48px 0;
    }
    .lines.grid--alternative_2 .collection-list__item:nth-child(3n+2) {
        gap: 38px;
    }
    .lines.grid--alternative_2 .collection-list__item:nth-child(3n+3) {
        padding-inline-start: 38px;
    }
    .heading--contrast {
        font: var(--accent-heading-m-font);
        letter-spacing: -0.01em;
    }
    .heading--brutalist {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
}

/* Mobile */
@media screen and (max-width: 768px) {
    .heading--contrast,
    .heading--classic {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .heading--brutalist,
    .heading--minimal_heavy {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .section-collection-list--spacious {
        gap: 32px;
    }
    .grid--spacious.grid--two_columns,
    .grid--spacious.grid--alternative_1,
    .grid--spacious.grid--alternative_2 {
        gap: 64px 24px;
    }
    .lines.grid--spacious,
    .lines.grid--spacious.grid--alternative_1,
    .lines.grid--spacious.grid--alternative_2  {
        gap: 32px 0;
    }
    .lines.grid--two_columns .collection-list__item:nth-child(odd),
    .lines.grid--alternative_2 .collection-list__item:nth-child(3n+2),
    .lines.grid--alternative_1 .collection-list__item:nth-child(odd) {
        gap: 16px;
    }
    .lines.grid--two_columns .collection-list__item:nth-child(even),
    .lines.grid--alternative_2 .collection-list__item:nth-child(3n+3),
    .lines.grid--alternative_1 .collection-list__item:nth-child(even),
    .lines.grid--alternative_2 .collection-list__item:nth-child(3n+3) {
        padding-inline-start: 16px;
    }
    .lines.grid--spacious.grid--alternative_1 .collection-list__item,
    .lines.grid--spacious.grid--alternative_2 .collection-list__item {
        padding-top: 32px;
    }
}

@media screen and (max-width: 760px) {
    .grid-mobile-column {
        grid-template-columns: 1fr;
    }
    .grid-mobile-column.lines.grid--two_columns .collection-list__item:nth-child(odd)::after, 
    .grid-mobile-column.lines.grid--alternative_1 .collection-list__item:nth-child(odd)::after,
    .grid-mobile-column.lines.grid--alternative_2 .collection-list__item:nth-child(3n+2)::after {
        content: none;
    }
    .grid-mobile-column.lines.grid--two_columns .collection-list__item:nth-child(even),
    .grid-mobile-column.lines.grid--alternative_1 .collection-list__item:nth-child(even),
    .grid-mobile-column.lines.grid--alternative_2 .collection-list__item:nth-child(3n+3) {
        padding-inline-start: 0;
    }
    .grid-mobile-column.grid--alternative_1 .grid__item:nth-child(4n+2), 
    .grid-mobile-column.grid--alternative_1 .grid__item:nth-child(4n+3),
    .grid-mobile-column.grid--alternative_2 .grid__item:nth-child(3n+1) {
        grid-column-start: auto;
        grid-column-end: auto;
    }
}   
/* Mobile-mini */
@media screen and (max-width: 500px) {
    .section-collection-list--spacious {
        gap: 32px;
    }
    .section-collection-list--compact {
        gap: 24px;
    }
    .grid--spacious.grid--two_columns, 
    .grid--spacious.grid--alternative_1, 
    .grid--spacious.grid--alternative_2 {
        gap: 48px 16px;
    }
    .grid--alternative_1 {
        grid-template-columns: 1fr 1fr;
    }
    .grid--alternative_1 .grid__item:nth-child(4n+2), 
    .grid--alternative_1 .grid__item:nth-child(4n+3), 
    .grid--alternative_2 .grid__item:nth-child(3n+1),
    .grid-mobile-column.grid--alternative_2 .grid__item:nth-child(3n+1) {
        grid-column-start: auto;
        grid-column-end: auto;
    }
    .grid--alternative_2 .grid__item:nth-child(3n+1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .grid--compact.grid--two_columns, .grid--compact.grid--alternative_1, .grid--compact.grid--alternative_2 {
        gap: 24px 8px;
    }

    .lines.grid--spacious  {
        gap: 32px 0;
    }
    .lines.grid--compact {
        gap: 24px 0;
    }
    .lines.grid--compact .collection-list__item {
        padding-top: 16px;
    }
    .lines.grid--compact.grid--two_columns .collection-list__item:nth-child(odd), 
    .lines.grid--compact.grid--alternative_1 .collection-list__item:nth-child(odd),
    .lines.grid--compact.grid--alternative_2 .collection-list__item:nth-child(3n+2) {
        gap: 8px;
    }
    .grid--compact.lines.grid--two_columns .collection-list__item:nth-child(even), 
    .grid--compact.lines.grid--alternative_1 .collection-list__item:nth-child(even), 
    .grid--compact.lines.grid--alternative_2 .collection-list__item:nth-child(3n+3) {
        padding-inline-start: 8px;
    }
    .grid-mobile-column {
        grid-template-columns: 1fr;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width .section-collection-list--spacious {
        gap: 96px;
    }
    .page-width .grid--spacious.grid--two_columns, 
    .page-width .grid--spacious.grid--alternative_2 {
        gap: 96px 180px;
    }
    .page-width .grid--spacious.grid--alternative_1 {
        gap: 96px 90px;
    }
    .page-width .lines.grid--spacious  {
        gap: 64px 0;
    }
    .page-width .lines.grid--two_columns.grid--spacious .collection-list__item:nth-child(odd),
    .page-width .lines.grid--alternative_2.grid--spacious .collection-list__item:nth-child(3n+2) {
        gap: 90px;
    }
    .page-width .lines.grid--two_columns.grid--spacious .collection-list__item:nth-child(even),
    .page-width .lines.grid--alternative_2.grid--spacious .collection-list__item:nth-child(3n+3) {
        padding-inline-start: 90px;
    }
    .page-width .lines.grid--alternative_1.grid--spacious .collection-list__item:nth-child(odd) {
        gap: 45px;
    }
    .page-width .lines.grid--alternative_1.grid--spacious .collection-list__item:nth-child(even) {
        padding-inline-start: 45px;
    }
    .page-width .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .page-width .heading--brutalist {
        font: var(--base-heading-l-font);
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .grid--spacious.grid--two_columns, 
        .grid--spacious.grid--alternative_2 {
            gap: 96px 180px;
        }
        .grid--spacious.grid--alternative_1 {
            gap: 96px 90px;
        }
        .lines.grid--spacious  {
            gap: 64px 0;
        }
        .lines.grid--two_columns .collection-list__item:nth-child(odd),
        .lines.grid--alternative_2 .collection-list__item:nth-child(3n+2) {
            gap: 90px;
        }
        .lines.grid--two_columns .collection-list__item:nth-child(even),
        .lines.grid--alternative_2 .collection-list__item:nth-child(3n+3) {
            padding-inline-start: 90px;
        }
        .lines.grid--alternative_1 .collection-list__item:nth-child(odd) {
            gap: 45px;
        }
        .lines.grid--alternative_1 .collection-list__item:nth-child(even) {
            padding-inline-start: 45px;
        }
        .heading--contrast {
            font: var(--accent-heading-l-font);
        }
        .heading--brutalist {
            font: var(--base-heading-l-font);
        }
    }
    /* Tablet */ 
    @container inside-content (max-width: 1024px) {
        .section-collection-list--spacious {
            gap: 48px;
        }
        .section-collection-list--compact {
            gap: 32px;
        }
        .grid--spacious.grid--two_columns {
            gap: 64px 160px;
        }
        .grid--spacious.grid--alternative_1 {
            gap: 96px 80px;
        }
        .grid--spacious.grid--alternative_2 {
            gap: 96px 76px;
        }
        .lines .collection-list__item {
            padding-top: 32px;
        }
        .lines.grid--spacious  {
            gap: 32px 0;
        }
        .lines.grid--two_columns .collection-list__item:nth-child(odd) {
            gap: 80px;
        }
        .lines.grid--two_columns .collection-list__item:nth-child(even) {
            padding-inline-start: 80px;
        }
        .lines.grid--alternative_1 .collection-list__item:nth-child(odd) {
            gap: 40px;
        }
        .lines.grid--alternative_1 .collection-list__item:nth-child(even) {
            padding-inline-start: 40px;
        }
        .lines.grid--spacious.grid--alternative_1 .collection-list__item, .lines.grid--spacious.grid--alternative_2 .collection-list__item {
            padding-top: 48px;
        }
        .lines.grid--spacious.grid--alternative_1, .lines.grid--spacious.grid--alternative_2  {
            gap: 48px 0;
        }
        .lines.grid--alternative_2 .collection-list__item:nth-child(3n+2) {
            gap: 38px;
        }
        .lines.grid--alternative_2 .collection-list__item:nth-child(3n+3) {
            padding-inline-start: 38px;
        }
        .heading--contrast {
            font: var(--accent-heading-m-font);
            letter-spacing: -0.01em;
        }
        .heading--brutalist {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .heading--contrast,
        .heading--classic {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .heading--brutalist,
        .heading--minimal_heavy {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .section-collection-list--spacious {
            gap: 32px;
        }
        .grid--spacious.grid--two_columns,
        .grid--spacious.grid--alternative_1,
        .grid--spacious.grid--alternative_2 {
            gap: 64px 24px;
        }
        .lines.grid--spacious,
        .lines.grid--spacious.grid--alternative_1,
        .lines.grid--spacious.grid--alternative_2  {
            gap: 32px 0;
        }
        .lines.grid--two_columns .collection-list__item:nth-child(odd),
        .lines.grid--alternative_2 .collection-list__item:nth-child(3n+2),
        .lines.grid--alternative_1 .collection-list__item:nth-child(odd) {
            gap: 16px;
        }
        .lines.grid--two_columns .collection-list__item:nth-child(even),
        .lines.grid--alternative_2 .collection-list__item:nth-child(3n+3),
        .lines.grid--alternative_1 .collection-list__item:nth-child(even),
        .lines.grid--alternative_2 .collection-list__item:nth-child(3n+3) {
            padding-inline-start: 16px;
        }
        .lines.grid--spacious.grid--alternative_1 .collection-list__item,
        .lines.grid--spacious.grid--alternative_2 .collection-list__item {
            padding-top: 32px;
        }
    }
    /* Mobile-mini */
    @container inside-content (max-width: 500px) {
        .section-collection-list--spacious {
            gap: 32px;
        }
        .section-collection-list--compact {
            gap: 24px;
        }
        .grid--spacious.grid--two_columns, 
        .grid--spacious.grid--alternative_1, 
        .grid--spacious.grid--alternative_2 {
            gap: 48px 16px;
        }
        .grid--alternative_1 {
            grid-template-columns: 1fr 1fr;
        }
        .grid--alternative_1 .grid__item:nth-child(4n+2), 
        .grid--alternative_1 .grid__item:nth-child(4n+3), 
        .grid--alternative_2 .grid__item:nth-child(3n+1),
        .grid-mobile-column.grid--alternative_2 .grid__item:nth-child(3n+1) {
            grid-column-start: auto;
            grid-column-end: auto;
        }
        .grid--alternative_2 .grid__item:nth-child(3n+1) {
            grid-column-start: 1;
            grid-column-end: 3;
        }
        .grid--compact.grid--two_columns, .grid--compact.grid--alternative_1, .grid--compact.grid--alternative_2 {
            gap: 24px 8px;
        }

        .lines.grid--spacious  {
            gap: 32px 0;
        }
        .lines.grid--compact {
            gap: 24px 0;
        }
        .lines.grid--compact .collection-list__item {
            padding-top: 16px;
        }
        .lines.grid--compact.grid--two_columns .collection-list__item:nth-child(odd), 
        .lines.grid--compact.grid--alternative_1 .collection-list__item:nth-child(odd),
        .lines.grid--compact.grid--alternative_2 .collection-list__item:nth-child(3n+2) {
            gap: 8px;
        }
        .grid--compact.lines.grid--two_columns .collection-list__item:nth-child(even), 
        .grid--compact.lines.grid--alternative_1 .collection-list__item:nth-child(even), 
        .grid--compact.lines.grid--alternative_2 .collection-list__item:nth-child(3n+3) {
            padding-inline-start: 8px;
        }
        .grid-mobile-column {
            grid-template-columns: 1fr;
        }
    }
}

/* Collection with products */
.collection-with-products--spacious {
    --section-gap: 80px;
    --row-gap: 96px;
}
.collection-with-products--spacious.lines {
    --section-gap: 40px;
    --row-gap: 48px;
}
.collection-with-products--compact {
    --section-gap: 40px;
    --row-gap: 48px;
}
.collection-with-products--compact.lines {
    --section-gap: 16px;
    --row-gap: 24px;
}
.collection-with-products--compact .slider__grid {
    --section-gap: 12px;
}
.collection-with-products--compact.lines .slider__grid {
    --section-gap: 16px;
}
.lines.collection-with-products::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}
.lines.collection-with-products--spacious::before {
    margin-bottom: 48px;
}
.lines.collection-with-products--compact::before {
    margin-bottom: 24px;
}
main > section:first-child .lines.collection-with-products::before {
    margin-bottom: 0;
    display: none;
}
.collection-with-products__wrapper {
    display: flex;
    flex-direction: var(--image-position);
    gap: var(--section-gap);
}
.collection-with-products__media-wrapper img, .collection-with-products__media-wrapper video {
    width: 100%;
    height: 100%;
}
.collection-with-products video {
    object-fit: cover;
}
.collection-with-products__media-wrapper.sticky-content {
    position: sticky;
    position: -webkit-sticky;
    top: var(--top-sticky-content);
}
.collection-with-products__image {
    object-position: var(--media-focal-point);
}
.collection-with-products__media {
    flex: 1 1 100%;
}
.collection-with-products__content {
    flex: 0 0 calc(50% - calc(var(--section-gap) / 2));
}
.lines .collection-with-products__content {
    flex: 0 0 calc(((100% - var(--section-gap)) / 2) + ((var(--section-gap) + var(--line-width)) / 2));
}
.lines .image-left .collection-with-products__content {
    padding-inline-start: var(--section-gap);
    border-inline-start: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
.lines .image-right .collection-with-products__content {
    padding-inline-end: var(--section-gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
.collection-with-products__media-wrapper {
    display: inline-flex;
    width: 100%;
    height: fit-content;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
    z-index: 1;
}
.collection-with-products__info {
    display: flex;
    flex-direction: column;
    align-items: var(--horizontal-position);
    gap: 24px;
}
.collection-with-products--compact .collection-with-products__info {
    gap: 16px;
}

.collection-with-products .slider__grid {
    overflow-x: clip;
    scroll-snap-type: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:  var(--row-gap) var(--section-gap)!important;
}
.lines.collection-with-products .slider__grid {
    gap:  var(--row-gap) 0!important;
}
.lines.collection-with-products .slider__grid {
    grid-template-columns: calc(50% + var(--line-width) / 2) calc(50% - var(--line-width) / 2);
}
.lines.collection-with-products .slider__grid-item:nth-child(odd) .card-container {
    padding-inline-end: var(--section-gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.lines.collection-with-products .slider__grid-item:nth-child(even) .card-container {
    padding-inline-start: var(--section-gap);
}
.lines.collection-with-products .slider__grid-item {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    padding-top: var(--row-gap);
    padding-inline-end: 0!important;
    border-inline-end: none!important;
}
.collection-with-products .slider__viewport--collection-with-products {
    padding-top: var(--row-gap)!important;
}
.collection-with-products .collection-with-products__products.without-content .slider__viewport--collection-with-products {
    padding-top: 0px!important;
}
.lines.collection-with-products .slider {
    border-top: none!important;
}
.lines.collection-with-products .collection-with-products__info:empty + .collection-with-products__products .slider__grid,
.lines.collection-with-products .collection-with-products__info:empty + .collection-with-products__products .slider__grid-item:first-child,
.lines.collection-with-products .collection-with-products__info:empty + .collection-with-products__products .slider__grid-item:nth-child(2) {
    padding-top: 0;
    border-top: none;
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .collection-with-products--spacious {
        --section-gap: 64px;
        --row-gap: 64px;
    }
    .collection-with-products--spacious.lines {
        --section-gap: 24px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width.collection-with-products--spacious {
        --section-gap: 64px;
        --row-gap: 64px;
    }
    .page-width.collection-with-products--spacious.lines {
        --section-gap: 24px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .collection-with-products--spacious {
        --section-gap: 48px;
        --row-gap: 48px;
    }
    .collection-with-products--spacious.lines {
        --row-gap: 32px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .collection-with-products--spacious {
        --section-gap: 24px;
    }
    .collection-with-products--spacious.lines {
        --row-gap: 24px;
    }
    .collection-with-products--compact {
        --section-gap: 16px;
    }
    .collection-with-products.lines .slider__grid {
        padding-top: var(--row-gap);
    }
    .lines.collection-with-products--spacious::before {
        margin-bottom: 32px;
    }
    .collection-with-products__content {
        flex: 1 1 100%;
    }
    .lines .image-left .collection-with-products__content {
        padding-inline-start: 0;
        border-inline-start: none;
    }
    .lines .image-right .collection-with-products__content {
        padding-inline-end: 0;
        border-inline-end: none;
    }
    .collection-with-products__info {
        gap: 16px;
    }
    .collection-with-products__wrapper {
        flex-direction: column;
    }
    .collection-with-products .slider__grid {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        display: flex;
        border-top: none;
    }
    .lines.collection-with-products .slider__grid {
        border-top: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
    }
    .lines.collection-with-products .slider__grid-item:nth-child(odd) .card-container {
        padding-inline-end: 0;
        border-inline-end: none;
    }
    .lines.collection-with-products .slider__grid-item:nth-child(even) .card-container {
        padding-inline-start: 0;
    }
    .lines.collection-with-products .slider__grid-item {
        border-inline-end: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity))!important;
        border-top: none;
        padding-top: 0;
    }
    .lines.collection-with-products--compact .slider__grid-item {
        padding-inline-end: 8px!important;
    }
    .lines.collection-with-products--spacious .slider__grid-item {
        padding-inline-end: 16px!important;
    }
    .lines.collection-with-products .slider__grid-item.last-mobile {
        padding-inline-end: 0!important;
        border-inline-end: none!important;
    }
    .lines.collection-with-products--spacious .slider__grid {
        gap:  var(--row-gap) 16px!important;
    }
    .lines.collection-with-products--compact .slider__grid {
        gap:  var(--row-gap) 8px!important;
    }
    .collection-with-products__media.hide-on-mobile {
        display: none;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width.collection-with-products--spacious {
        --section-gap: 64px;
        --row-gap: 64px;
    }
    .page-width.collection-with-products--spacious.lines {
        --section-gap: 24px;
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .collection-with-products--spacious {
            --section-gap: 64px;
            --row-gap: 64px;
        }
        .collection-with-products--spacious.lines {
            --section-gap: 24px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .collection-with-products--spacious {
            --section-gap: 48px;
            --row-gap: 48px;
        }
        .collection-with-products--spacious.lines {
            --row-gap: 32px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .collection-with-products--spacious {
            --section-gap: 24px;
        }
        .collection-with-products--spacious.lines {
            --row-gap: 24px;
        }
        .collection-with-products--compact {
            --section-gap: 16px;
        }
        .collection-with-products.lines .slider__grid {
            padding-top: var(--row-gap);
        }
        .lines.collection-with-products--spacious::before {
            margin-bottom: 32px;
        }
        .collection-with-products__content {
            flex: 1 1 100%;
        }
        .lines .image-left .collection-with-products__content {
            padding-inline-start: 0;
            border-inline-start: none;
        }
        .lines .image-right .collection-with-products__content {
            padding-inline-end: 0;
            border-inline-end: none;
        }
        .collection-with-products__info {
            gap: 16px;
        }
        .collection-with-products__wrapper {
            flex-direction: column;
        }
        .collection-with-products .slider__grid {
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            display: flex;
            border-top: none;
        }
        .lines.collection-with-products .slider__grid {
            border-top: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
        }
        .lines.collection-with-products .slider__grid-item:nth-child(odd) .card-container {
            padding-inline-end: 0;
            border-inline-end: none;
        }
        .lines.collection-with-products .slider__grid-item:nth-child(even) .card-container {
            padding-inline-start: 0;
        }
        .lines.collection-with-products .slider__grid-item {
            border-inline-end: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity))!important;
            border-top: none;
            padding-top: 0;
        }
        .lines.collection-with-products--compact .slider__grid-item {
            padding-inline-end: 8px!important;
        }
        .lines.collection-with-products--spacious .slider__grid-item {
            padding-inline-end: 16px!important;
        }
        .lines.collection-with-products .slider__grid-item.last-mobile {
            padding-inline-end: 0!important;
            border-inline-end: none!important;
        }
        .lines.collection-with-products--spacious .slider__grid {
            gap:  var(--row-gap) 16px!important;
        }
        .lines.collection-with-products--compact .slider__grid {
            gap:  var(--row-gap) 8px!important;
        }
        .collection-with-products__media.hide-on-mobile {
            display: none;
        }
    }
}

/* Contact form */
.lines.contact-form .media-with-text__wrapper::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}
.subheading.error-color {
    color: rgb(var(--error-color));
}
.subheading.success-color {
    color: rgb(var(--success-color));
}
.contact-form.color-default .show_container .subheading.error-color,
.contact-form.color-default .show_container .subheading.success-color,
.contact-form.color-invert .media-with-text__media:not(.show_container) .subheading.error-color,
.contact-form.color-invert .media-with-text__media:not(.show_container) .subheading.success-color,
.contact-form.color-custom .subheading.error-color,
.contact-form.color-custom .subheading.success-color  {
    color: rgb(var(--layout-text-color));
}
.contact-form__wrapper .subheading {
    margin-bottom: var(--banner-gap);
}
.contact-form__wrapper .subheading--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.contact-form__wrapper .subheading--brutalist {
    font: var(--base-body-l-font);
}
.contact-form__wrapper .subheading--classic,
.contact-form__wrapper .subheading--contrast {
    font: var(--accent-body-l-font);
}
.contact-form__wrapper .subheading--minimal_uppercase {
    font: var(--base-body-s-font);
}
.contact-form__wrapper .subheading--minimal_basic,
.contact-form__wrapper .subheading--avant_garde {
    font: var(--base-body-m-font);
}
.contact-form__wrapper .subheading--duet {
    font: var(--accent-body-m-font);
}
.contact-form__wrapper .subheading--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.contact-form.media-with-text--spacious {
    --form-gap: 32px;
}
.contact-form.media-with-text--compact {
    --form-gap: 24px;
}
.contact-form .show_container .contact-form__wrapper {
    padding: var(--contact-gap);
}
.contact-form__wrapper {
    width: 100%;
}
.popup-content .contact-form__wrapper {
    max-width: 480px;
    margin: 0 auto;
}
.product-popup-modal.form-submitted .page__content.contact-form__wrapper:has(.form-status) .content-heading,
.product-popup-modal.form-submitted .page__content.contact-form__wrapper:has(.form-status) form > *:not(.form-status),
.product-popup-modal:not(.form-submitted) .page__content.contact-form__wrapper .form-status {
    display: none;
}
.form-submitted .page__content.contact-form__wrapper:has(.form-status) form .form-status {
    text-align: center;
}
.contact-form.no-fill-section.exclude-lines.image-left .media-with-text__content-wrapper,
.contact-form.no-fill-section.exclude-lines.image-right .media-with-text__content-wrapper {
    padding: 0;
}
.contact-form .show_container.media-with-text__media {
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
    overflow: clip;
}
.contact-form__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--form-gap);
}
.contact-form .form-status {
    margin-bottom: var(--form-gap);
}
.contact__button, .contact__button + .rte {
    margin-top: var(--form-gap);
}
.contact__button .button {
    width: 100%;
}
.contact-form.no-default-color.no-fill-section .media-with-text__card {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.contact-form .social-media__title {
    min-height: auto;
}
.contact-form .social-media-container,
.contact-form .contacts-block {
    gap: 16px;
}
.contact-form .contacts-block .contacts {
    flex-direction: column;
}
.contact-form .contacts__description {
    margin-top: 8px;
}
.contact-form .text-area {
    height: 117px;
    resize: vertical;
    width: 100%;
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    padding: 10px 12px;
    min-height: 110px;
}
.contact-form .form-centered.media-with-text__card {
    justify-content: center;
}
.contact-form .form-centered .media-with-text__content {
    display: none;
}
.contact-form .form-centered .media-with-text__media {
    max-width: 440px;
}
.contact-form .form-centered .media-with-text__media.show_container  {
    max-width: calc(440px + (var(--contact-gap) * 2));
}

.contact-form .media-with-text__card,
.exclude-lines.lines.contact-form .media-with-text__card {
    --contact-gap: 120px;
}
.include-lines.lines.contact-form .media-with-text__card {
    --contact-gap: 60px;
}
.contact-form .media-with-text__card.half,
.media-with-text--narrow .media-with-text__wrapper .media-with-text__card {
    --contact-gap: 80px;
}
.include-lines.lines.contact-form .media-with-text__card.half.big-button,
.include-lines.media-with-text--narrow.lines .media-with-text__wrapper .media-with-text__card {
    --contact-gap: 40px;
}
.contact-form.exclude-lines .half .media-with-text__content {
    flex: 0 0 calc(50% - calc(var(--gap) / 2));
}
.contact-form--spacious {
    --banner-gap: 24px;
}
.contact-form--compact {
    --banner-gap: 16px;
}

.contact-form.no-default-color .contacts-block.color-accent .contacts__item,
.contact-form.no-default-color .social-media.color-accent .social-media__link {
    color: rgb(var(--layout-text-color));
}

.contact-form.no-default-color .social-media.color-accent .social-media__link svg {
    fill: rgb(var(--layout-text-color));
}

.contact-form.no-default-color .media-with-text__card {
    overflow: visible;
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .contact-form .media-with-text__card {
        --contact-gap: 96px;
    }
    .exclude-lines.lines.contact-form .media-with-text__card,
    .contact-form .media-with-text__card.half {
        --contact-gap: 64px;
    }
    .include-lines.lines.contact-form .media-with-text__card {
        --contact-gap: 32px;
    }
    .include-lines.lines.contact-form .media-with-text__card.half {
        --contact-gap: 24px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width.contact-form .media-with-text__card {
        --contact-gap: 96px;
    }
    .page-width.exclude-lines.lines.contact-form .media-with-text__card,
    .page-width.contact-form .media-with-text__card.half {
        --contact-gap: 64px;
    }
    .page-width.include-lines.lines.contact-form .media-with-text__card {
        --contact-gap: 32px;
    }
    .page-width.include-lines.lines.contact-form .media-with-text__card.half {
        --contact-gap: 24px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .exclude-lines.lines.contact-form .media-with-text__card,
    .contact-form .media-with-text__card.half {
        --contact-gap: 48px;
    }
    .include-lines.lines.contact-form .media-with-text__card {
        --contact-gap: 24px;
    }
    .contact-form .media-with-text__card {
        --contact-gap: 64px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .contact-form--spacious {
        --banner-gap: 16px;
    }
    .contact-form.media-with-text--spacious {
        --form-gap: 24px;
    }
    .contact-form .media-with-text__card.half,
    .exclude-lines.lines.contact-form .media-with-text__card,
    .include-lines.lines.contact-form .media-with-text__card,
    .include-lines.lines.contact-form .media-with-text__card.half
    .contact-form .media-with-text__card {
        --contact-gap: 24px;
    }
    .contact-form .form-centered .media-with-text__media {
        flex: 1 1 100%;
    }
    .contact-form .form-centered.media-with-text__card {
        align-items: center;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width.contact-form .media-with-text__card {
        --contact-gap: 96px;
    }
    .page-width.exclude-lines.lines.contact-form .media-with-text__card,
    .page-width.contact-form .media-with-text__card.half {
        --contact-gap: 64px;
    }
    .page-width.include-lines.lines.contact-form .media-with-text__card {
        --contact-gap: 32px;
    }
    .page-width.include-lines.lines.contact-form .media-with-text__card.half {
        --contact-gap: 24px;
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .contact-form .media-with-text__card {
            --contact-gap: 96px;
        }
        .exclude-lines.lines.contact-form .media-with-text__card,
        .contact-form .media-with-text__card.half {
            --contact-gap: 64px;
        }
        .include-lines.lines.contact-form .media-with-text__card {
            --contact-gap: 32px;
        }
        .include-lines.lines.contact-form .media-with-text__card.half {
            --contact-gap: 24px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .exclude-lines.lines.contact-form .media-with-text__card,
        .contact-form .media-with-text__card.half {
            --contact-gap: 48px;
        }
        .include-lines.lines.contact-form .media-with-text__card {
            --contact-gap: 24px;
        }
        .contact-form .media-with-text__card {
            --contact-gap: 64px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .contact-form--spacious {
            --banner-gap: 16px;
        }
        .contact-form.media-with-text--spacious {
            --form-gap: 24px;
        }
        .contact-form .media-with-text__card.half,
        .exclude-lines.lines.contact-form .media-with-text__card,
        .include-lines.lines.contact-form .media-with-text__card,
        .include-lines.lines.contact-form .media-with-text__card.half
        .contact-form .media-with-text__card {
            --contact-gap: 24px;
        }
        .contact-form .form-centered .media-with-text__media {
            flex: 1 1 100%;
        }
        .contact-form .form-centered.media-with-text__card {
            align-items: center;
        }
    }
}

/* Section editorial collection list */
.collection-list {
    --vertical-gap: 64px;
}
.collection-list__name--minimal_uppercase {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
    text-transform: uppercase;
}
.collection-list__name--minimal_basic {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
}
.collection-list__name--minimal_heavy {
    font: var(--base-heading-xl-font);
    letter-spacing: -0.02em;
}
.collection-list__name--classic {
    font: var(--accent-heading-l-font);
    letter-spacing: -0.02em;
}
.collection-list__name--avant_garde,
.collection-list__name--brutalist {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.collection-list__name--contrast {
    font: var(--accent-heading-xl-font);
    letter-spacing: -0.02em;
}
.collection-list__name--duet {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
    text-transform: uppercase;
}
.collection-list__name--custom {
    font: var(--heading-m-font);
    letter-spacing: var(--heading-m-letter-spacing);
}

.lines.collection-list::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}
.lines.collection-list--spacious::before {
    margin-bottom: 48px;
}
.lines.collection-list--compact::before {
    margin-bottom: 24px;
}
main > section:first-child .lines.collection-list::before {
    display: none;
}

.collection-list__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--vertical-gap);
    align-items: center;
}
.collection-list__wrapper .content-subheading,
.collection-list__wrapper .content-heading {
    text-align: center;
}
.collection-list__list {
    width: 100%;
}
.collection-list__collection:not(:first-child) .collection-list__name {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.collection-list__name {
    display: flex;
    position: relative;
    justify-content: center;
    text-align: center;
    padding: 24px 0;
    transition: color calc(var(--animation-duration) / 2) var(--transition-timing-function);
}
.collection-list__name.disabled {
    color: rgba(var(--layout-text-color), 0.7);
    cursor: default;
}
.collection-list__collection:first-child .collection-list__name {
    padding-top: 0;
}
.collection-list__collection:last-child .collection-list__name {
    padding-bottom: 0;
}
.collection-list__text.link-animation--slide {
    overflow-y: clip;
}

.collection-list__image {
    width: 100%;
    height: 100%;
    object-position: var(--image-focal-point);
}
.hover-reveal__inner {
    display: flex;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
    background-color: rgb(var(--layout-background-color));
}
.ratio-original .collection-list__image {
    width: 100%;
    height: auto;
}
.hover-reveal__inner, .hover-reveal__img {
    position: relative;
    width: 100%;
}
.hover-reveal {
    display: flex;
	position: fixed;
	width: var(--image-width);
	height: fit-content;
	top: 100%;
	left: 0;
	pointer-events: none;
	opacity: 0;
    z-index: 7;
    transition: top calc(var(--animation-duration) / 4) linear, left calc(var(--animation-duration) / 4) linear;
}
@media (hover: hover) {
    .collection-list__name:not(.disabled):hover {
        color: rgb(var(--accent-button-color));
        transition: color var(--animation-duration) var(--transition-timing-function);
    }
    .color-invert .collection-list__name:not(.disabled):hover,
    .color-custom .collection-list__name:not(.disabled):hover {
        color: rgba(var(--layout-text-color), 0.7);
    }
    .collection-list__name.hover-image:hover .collection-list__text {
        position: relative;
        z-index: 9;
    }
    .hover-link.collection-list__name:hover .link-animation:not(.underline-active),
    .hover-link.collection-list__name:hover .link-animation--slide:not(.underline-active) span::before {
        opacity: 1;
    }
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .collection-list__name--minimal_heavy {
        font: var(--base-heading-l-font);
    }
    .collection-list__name--contrast {
        font: var(--accent-heading-l-font);
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width .collection-list__name--minimal_heavy {
        font: var(--base-heading-l-font);
    }
    .page-width .collection-list__name--contrast {
        font: var(--accent-heading-l-font);
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .collection-list__name--minimal_basic,
    .collection-list__name--minimal_heavy,
    .collection-list__name--avant_garde,
    .collection-list__name--brutalist {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
    .collection-list__name--classic,
    .collection-list__name--contrast {
        font: var(--accent-heading-m-font);
        letter-spacing: -0.01em;
    }
    .collection-list {
        --vertical-gap: 48px;
    }
}
/* Mobile */
@media screen and (max-width: 768px)  {
    .collection-list__name--minimal_basic,
    .collection-list__name--minimal_heavy,
    .collection-list__name--avant_garde,
    .collection-list__name--brutalist,
    .collection-list__name--minimal_uppercase {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .collection-list__name--classic,
    .collection-list__name--contrast,
    .collection-list__name--duet {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .collection-list {
        --vertical-gap: 32px;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width .collection-list__name--minimal_heavy {
        font: var(--base-heading-l-font);
    }
    .page-width .collection-list__name--contrast {
        font: var(--accent-heading-l-font);
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .collection-list__name--minimal_heavy {
            font: var(--base-heading-l-font);
        }
        .collection-list__name--contrast {
            font: var(--accent-heading-l-font);
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .collection-list__name--minimal_basic,
        .collection-list__name--minimal_heavy,
        .collection-list__name--avant_garde,
        .collection-list__name--brutalist {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
        .collection-list__name--classic,
        .collection-list__name--contrast {
            font: var(--accent-heading-m-font);
            letter-spacing: -0.01em;
        }
        .collection-list {
            --vertical-gap: 48px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px)  {
        .collection-list__name--minimal_basic,
        .collection-list__name--minimal_heavy,
        .collection-list__name--avant_garde,
        .collection-list__name--brutalist,
        .collection-list__name--minimal_uppercase {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .collection-list__name--classic,
        .collection-list__name--contrast,
        .collection-list__name--duet {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .collection-list {
            --vertical-gap: 32px;
        }
    }
}

/* Events */
.events {
  display: flex;
  flex-direction: column;
  gap: var(--section-gap);
}
.events--spacious {
  --section-gap: 64px;
}
.events--compact {
  --section-gap: 24px;
}
.events__list {
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  gap: 24px;
}
.events__list--2 .events__item,
.events__list--3 .events__item {
  flex-direction: column;
  gap: 16px;
}
.events__item {
  display: flex;
  gap: 24px;
  padding: 16px 0;
  border-top: var(--line-width) solid rgb(var(--layout-text-color), var(--line-opacity));
  height: fit-content;
}
.event__info {
  flex: 0 0 calc((100% - 24px) / 2);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.events__list--1 .event__info {
  max-width: calc((100% - 24px) / 2);
}
.events__list--1 .event__img-wrapper,
.events__list--1 .events__item > .event__date {
  flex: 0 0 calc((((100% - 24px) / 2) - 24px) / 2);
  max-width: calc((((100% - 24px) / 2) - 24px) / 2);
}
.events__list--1 .events__item:not(:has(.event__date)) .event__img-wrapper {
  flex: 0 0 calc((100% - 24px) / 2);
  max-width: calc((100% - 24px) / 2);
}
.events__list--2 .event__img-wrapper,
.events__list--3 .event__img-wrapper {
  order: -1;
  margin-bottom: 8px;
}
.event__img-wrapper {
  position: relative;
  overflow: clip;
}
.event__img-wrapper img,
.event__img-wrapper .lazy-image {
  width: 100%;
  height: 100%;
}
.event__short-date {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--date-bg-color);
  color: var(--date-text-color);
}
.event__img-wrapper:not(:has(img)) .event__short-date {
  position: static;
}

.event__short-date--heading_m {
  width: calc(100px - 2px);
  height: calc(100px - 2px);
}

.event__short-date--heading_s {
  width: calc(64px - 2px);
  height: calc(64px - 2px);
}

.event__short-date--outline {
  border: 1px solid var(--date-outline-color);
}

.event__location {
  padding: 16px;
  background-color: rgba(var(--layout-text-color), 0.1);
  display: flex;
  align-items: center;
  gap: 8px;
}
.event__location-icon svg {
  fill: rgb(var(--layout-text-color));
  height: 100%;
  aspect-ratio: 1/1;
}

.event__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.event__buttons-button {
  width: fit-content;
}

@media (hover: hover) {
  .event__buttons-button:has(.pointer),
  .ical-btn  {
    cursor: pointer;
  }
}

.event__buttons-button .solid-button,
.event__buttons-button .outlined-button {
  min-width: auto;
}
.event__info > .event__date {
  display: none;
  width: 100%;
}

/* Fonts */
.date--contrast {
  font: var(--base-body-l-font);
}
.date--minimal_uppercase {
  font: var(--base-body-s-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.date--minimal_basic {
  font: var(--base-body-m-font);
}
.date--minimal_heavy {
  font: var(--base-heading-xs-font);
}
.date--classic,
.date--duet {
  font: var(--accent-body-l-font);
}
.date--avant_garde {
  font: var(--base-body-l-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.date--brutalist {
  font: var(--base-heading-xs-font);
  text-transform: uppercase;
}
.date--custom {
  font: var(--body-s-font);
  letter-spacing: var(--body-s-letter-spacing);
}

.event__short-date--base {
  font: var(--base-label-font);
  text-transform: uppercase;
}
.event__short-date--accent {
  font: var(--accent-label-font);
  text-transform: uppercase;
}

.custom-type-preset .event__short-date--base {
  font: var(--base-font-style) var(--base-font-weight) var(--label-font-size)/var(--label-line-height) var(--base-font-family);
  text-transform: uppercase;
}
.custom-type-preset .event__short-date--accent {
  font: var(--accent-font-style) var(--accent-font-weight) var(--label-font-size)/var(--label-line-height) var(--accent-font-family);
  text-transform: uppercase;
}
.custom-type-preset .event__short-date--base .event__short-date--date,
.custom-type-preset .event__short-date--base .event__short-date--month {
  font-style: var(--base-font-style) !important;
  font-weight: var(--base-font-weight) !important;
  font-family: var(--base-font-family) !important;;
}
.custom-type-preset .event__short-date--accent .event__short-date--date,
.custom-type-preset .event__short-date--accent .event__short-date--month {
  font-style: var(--accent-font-style) !important;
  font-weight: var(--accent-font-weight) !important;
  font-family: var(--accent-font-family) !important;;
}

.card__title--brutalist {
  font: var(--base-body-l-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.card__title--duet {
  font: var(--accent-body-m-font);
}
.card__title--minimal_basic {
  font: var(--base-body-m-font);
}
.card__title--minimal_uppercase {
  font: var(--base-body-s-font);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.card__title--custom {
  font: var(--body-s-font);
  letter-spacing: var(--body-s-letter-spacing);
}
.card__title--minimal_heavy {
  font: var(--base-heading-xs-font);
}
.card__title--contrast,
.card__title--classic {
  font: var(--accent-body-l-font);
}
.card__title--avant_garde {
  font: var(--base-body-m-font);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.card__short-description--minimal_uppercase,
.card__short-description--classic {
    font: var(--base-label-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__short-description--minimal_basic {
    font: var(--base-body-s-font);
}
.card__short-description--minimal_heavy {
    font: var(--base-body-l-font);
}
.card__short-description--avant_garde{
    font: var(--accent-body-s-font);
}
.card__short-description--contrast {
    font: var(--base-label-font);
}
.card__short-description--brutalist {
    font: var(--base-body-l-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__short-description--duet {
    font: var(--base-body-m-font);
}
.events .card__short-description--custom {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}

.event__buttons-button:not(.elem-hover--link) {
  transform: translateY(var(--outline-thickness));
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
  .events--spacious {
    --section-gap: 48px;
  }
  .events__list--1 .events__item > .event__date {
    display: none;
  }
  .event__info > .event__date {
    display: block;
  }
  .events__list--1 .events__item:has(.event__info .event__date) .event__img-wrapper {
    flex: 0 0 calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .events__list--3 {
    --columns: 2;
  }
}
/* Mobile */
@media screen and (max-width: 768px) {
  .events--spacious {
    --section-gap: 32px;
  }
  .events__list--1 .events__item {
    flex-direction: column;
    gap: 16px;
  }
  .events__list--1 .event__img-wrapper,
  .events__list--1 .event__date {
    flex: unset;
  }
  .events__list--1 .events__item:not(:has(.event__date)) .event__img-wrapper,
  .events__list--1 .events__item:has(.event__info .event__date) .event__img-wrapper {
    flex: unset;
  }
  .events__list--1 .event__img-wrapper,
  .events__list--1 .event__img-wrapper {
    order: -1;
    margin-bottom: 8px;
  }
  .event__img-wrapper,
  .event__info {
    max-width: 100% !important;
  }
  .event__img-mobile-hidden {
    display: none;
  }
  .event__img-wrapper:has(.event__img-mobile-hidden) .event__short-date {
    position: static;
  }
}

/* Sidebars */
@media (min-width: 921px) {
  /* Tablet */
  @container inside-content (max-width: 1024px) {
    .events--spacious {
      --section-gap: 48px;
    }
    .events__list--1 .events__item > .event__date {
      display: none;
    }
    .event__info > .event__date {
      display: block;
    }
    .events__list--1 .events__item:has(.event__info .event__date) .event__img-wrapper {
      flex: 0 0 calc((100% - 24px) / 2);
      max-width: calc((100% - 24px) / 2);
    }
    .events__list--3 {
      --columns: 2;
    }
  }
  /* Mobile */
  @container inside-content (max-width: 768px) {
    .events--spacious {
      --section-gap: 32px;
    }
    .events__list--1 .events__item {
      flex-direction: column;
      gap: 16px;
    }
    .events__list--1 .event__img-wrapper,
    .events__list--1 .event__date {
      flex: unset;
    }
    .events__list--1 .events__item:not(:has(.event__date)) .event__img-wrapper,
    .events__list--1 .events__item:has(.event__info .event__date) .event__img-wrapper {
      flex: unset;
    }
    .events__list--1 .event__img-wrapper,
    .events__list--1 .event__img-wrapper {
      order: -1;
      margin-bottom: 8px;
    }
    .event__img-wrapper,
    .event__info {
      max-width: 100% !important;
    }
  }
}

/* Featured collection grid */
.featured-collection-grid .card__title--minimal_uppercase,
.featured-collection-grid .card__title--avant_garde {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.featured-collection-grid .card__title--minimal_basic {
    font: var(--base-heading-xs-font);
}
.featured-collection-grid .card__title--minimal_heavy {
    font: var(--base-heading-s-font);
}
.featured-collection-grid .card__title--classic {
    font: var(--accent-heading-s-font);
}
.featured-collection-grid .card__title--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.featured-collection-grid .card__title--brutalist {
    text-transform: uppercase;
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.featured-collection-grid .card__title--duet {
    font: var(--accent-body-l-font);
}
.featured-collection-grid .card__title--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
    text-transform: uppercase;
}
@media screen and (max-width: 920px) {
    .featured-collection-grid .card__title--minimal_uppercase,
    .featured-collection-grid .card__title--minimal_basic,
    .featured-collection-grid .card__title--minimal_heavy,
    .featured-collection-grid .card__title--avant_garde,
    .featured-collection-grid .card__title--brutalist  {
        font: var(--base-body-l-font);
    }
    .featured-collection-grid .card__title--classic,
    .featured-collection-grid .card__title--contrast,
    .featured-collection-grid .card__title--duet {
        font: var(--accent-body-l-font);
    }
}

.featured-collection-grid__info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.featured-collection-grid__info-wrapper.center {
    align-items: center;
}
.featured-collection-grid__info-wrapper.center .content-subheading,
.featured-collection-grid__info-wrapper.center .content-heading,
.featured-collection-grid .card__title.center {
    text-align: center;
}

.featured-collection-grid__wrapper {
    display: flex;
    gap: var(--gap);
}
.featured-collection-grid--spacious.lines .featured-collection-grid__wrapper {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    padding-top: 48px;
}
.featured-collection-grid--compact.lines .featured-collection-grid__wrapper {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    padding-top: 32px;
}
main > section:first-child .featured-collection-grid.lines .featured-collection-grid__wrapper {
    border-top: none;
    padding-top: 0;
}
.featured-collection-grid--spacious {
    --gap: 120px;
    --row-gap: 128px;
    --mobile-gap: 48px;
}
.featured-collection-grid--spacious.lines {
    --gap: 60px;
    --row-gap: 64px;
    --mobile-gap: 24px;
}
.featured-collection-grid--compact {
    --gap: 12px;
    --row-gap: 48px;
    --mobile-gap: 24px;
}
.featured-collection-grid--compact.lines {
    --gap: 16px;
    --row-gap: 24px;
}
.featured-collection-grid .featured-collection-grid__info {
    flex: 0 0 calc((100% - (var(--gap) * 2)) / 3);
}
.featured-collection-grid.lines .featured-collection-grid__info {
    flex: 0 0 calc(((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
    padding-inline-end: var(--gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.featured-collection-grid .featured-collection-grid__collections {
    flex: 0 0 calc(((100% - (var(--gap) * 2)) / 3) + ((100% - (var(--gap) * 2)) / 3) + var(--gap));
}
.featured-collection-grid.lines .featured-collection-grid__collections {
    flex: 0 0 calc((((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3)) + (((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3)) - var(--line-width));
}
.featured-collection-grid__collections {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: var(--row-gap);
    height: fit-content;
}
.featured-collection-grid__collections.two-column {
    grid-template-columns: 1fr 1fr;
    column-gap: var(--gap);
}
.lines .featured-collection-grid__collections.two-column {
    column-gap: 0;
}
.lines .featured-collection-grid__collections.two-column {
    grid-template-columns: calc(50% + var(--line-width) / 2) calc(50% - var(--line-width) / 2);
}
.lines .featured-collection-grid__collections.two-column .card-collection:nth-child(odd) .card-collection__wrapper {
    padding-inline-end: var(--gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.lines .featured-collection-grid__collections.two-column .card-collection:nth-child(even) {
    padding-inline-start: var(--gap);
}
.lines .featured-collection-grid__collections.two-column .card-collection:not(:first-child):not(:nth-child(2)) {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    padding-top: var(--row-gap);
}

.featured-collection-grid .card__media {
    display: inline-flex;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: hidden;
}
.card__media--custom .card__image {
    object-position: var(--image-focal-point);
}
.featured-collection-grid .card__image {
    width: 100%;
    height: 100%;
}

.featured-collection-grid__info-wrapper.sticky-content {
    position: sticky;
    position: -webkit-sticky;
    top: var(--top-sticky-content);
}
.featured-collection-grid .card-collection, .featured-collection-grid .card-collection__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.featured-collection-grid .card-collection__wrapper {
    gap: 16px;
    height: 100%;
}
.featured-collection-grid .card-collection .card__title-text {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.featured-collection-grid .card-collection .card__image, .featured-collection-grid .card-collection .placeholder-svg {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}
@media (hover: hover) {
    .featured-collection-grid .card-collection:hover .card__title-text {
        opacity: .7;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
    .featured-collection-grid .card-collection:hover .card__image, .featured-collection-grid .card-collection:hover .placeholder-svg {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .featured-collection-grid--spacious {
        --gap: 96px;
        --row-gap: 96px;
    }
    .featured-collection-grid--spacious.lines {
        --gap: 32px;
        --row-gap: 48px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width.featured-collection-grid--spacious {
        --gap: 96px;
        --row-gap: 96px;
    }
    .page-width.featured-collection-grid--spacious.lines {
        --gap: 32px;
        --row-gap: 48px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .featured-collection-grid--spacious {
        --gap: 64px;
        --row-gap: 64px;
    }
    .featured-collection-grid--spacious.lines {
        --gap: 24px;
        --row-gap: 32px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .featured-collection-grid .card__title--contrast {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .featured-collection-grid .card__title--brutalist {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .featured-collection-grid__info-wrapper {
        gap: 16px;
    }
    .featured-collection-grid--spacious {
        --gap: 48px;
        --row-gap: 48px;
    }
    .featured-collection-grid--spacious.lines {
        --gap: 24px;
        --row-gap: 24px;
    }
    .featured-collection-grid--compact {
        --gap: 24px;
        --row-gap: 24px;
    }
    .featured-collection-grid--compact.lines {
        --gap: 16px;
        --row-gap: 16px;
    }
    .featured-collection-grid--spacious.mobile-two-column-grid,
    .featured-collection-grid--spacious.lines.mobile-two-column-grid {
        --gap: 16px;
    }
    .featured-collection-grid--compact.mobile-two-column-grid,
    .featured-collection-grid--compact.lines.mobile-two-column-grid {
        --gap: 8px;
    }
    .featured-collection-grid__wrapper {
        flex-direction: column;
        gap: var(--mobile-gap);
    }
    .featured-collection-grid .featured-collection-grid__info,
    .featured-collection-grid .featured-collection-grid__collections,
    .featured-collection-grid.lines .featured-collection-grid__collections,
    .featured-collection-grid.lines .featured-collection-grid__info  {
        flex: 0 0 100%;
    }
    .featured-collection-grid.lines .featured-collection-grid__info {
        padding-bottom: var(--mobile-gap);
        border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
        padding-inline-end: 0;
        border-inline-end: none;
    }
    .featured-collection-grid__collections.two-column-mobile {
        grid-template-columns: 1fr 1fr;
        column-gap: var(--gap);
    }
    .lines .featured-collection-grid__collections.two-column-mobile {
        column-gap: 0;
    }
    .lines .featured-collection-grid__collections.two-column-mobile {
        grid-template-columns: calc(50% + var(--line-width) / 2) calc(50% - var(--line-width) / 2);
    }
    .lines .featured-collection-grid__collections.two-column-mobile .card-collection:nth-child(odd) .card-collection__wrapper {
        padding-inline-end: var(--gap);
        border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    }
    .lines .featured-collection-grid__collections.two-column-mobile .card-collection:nth-child(even) {
        padding-inline-start: var(--gap);
    }
    .featured-collection-grid__collections.one-column-mobile,
    .featured-collection-grid__collections.two-column.one-column-mobile,
    .lines .featured-collection-grid__collections.two-column.one-column-mobile {
        grid-template-columns: 1fr;
    }
    .lines .featured-collection-grid__collections.two-column.one-column-mobile .card-collection:nth-child(odd) .card-collection__wrapper {
        padding-inline-end: 0;
        border-inline-end: none;
    }
    .lines .featured-collection-grid__collections.two-column.one-column-mobile .card-collection:nth-child(even) {
        padding-inline-start: 0;
    }
    .lines .featured-collection-grid__collections.two-column.one-column-mobile .card-collection:nth-child(2) {
        border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
        padding-top: var(--row-gap);
    }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
    .featured-collection-grid--compact .card-collection__wrapper {
        gap: 8px;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width.featured-collection-grid--spacious {
        --gap: 96px;
        --row-gap: 96px;
    }
    .page-width.featured-collection-grid--spacious.lines {
        --gap: 32px;
        --row-gap: 48px;
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .featured-collection-grid--spacious {
            --gap: 96px;
            --row-gap: 96px;
        }
        .featured-collection-grid--spacious.lines {
            --gap: 32px;
            --row-gap: 48px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .featured-collection-grid--spacious {
            --gap: 64px;
            --row-gap: 64px;
        }
        .featured-collection-grid--spacious.lines {
            --gap: 24px;
            --row-gap: 32px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .featured-collection-grid .card__title--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .featured-collection-grid .card__title--brutalist {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .featured-collection-grid__info-wrapper {
            gap: 16px;
        }
        .featured-collection-grid--spacious {
            --gap: 48px;
            --row-gap: 48px;
        }
        .featured-collection-grid--spacious.lines,
        .featured-collection-grid--compact {
            --gap: 24px;
            --row-gap: 24px;
        }
        .featured-collection-grid--compact.lines {
            --gap: 16px;
            --row-gap: 16px;
        }
        .featured-collection-grid--spacious.mobile-two-column-grid,
        .featured-collection-grid--spacious.lines.mobile-two-column-grid {
            --gap: 16px;
        }
        .featured-collection-grid--compact.mobile-two-column-grid,
        .featured-collection-grid--compact.lines.mobile-two-column-grid {
            --gap: 8px;
        }
        .featured-collection-grid__wrapper {
            flex-direction: column;
            gap: var(--mobile-gap);
        }
        .featured-collection-grid .featured-collection-grid__info,
        .featured-collection-grid .featured-collection-grid__collections,
        .featured-collection-grid.lines .featured-collection-grid__collections,
        .featured-collection-grid.lines .featured-collection-grid__info  {
            flex: 0 0 100%;
        }
        .featured-collection-grid.lines .featured-collection-grid__info {
            padding-bottom: var(--mobile-gap);
            border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
            padding-inline-end: 0;
            border-inline-end: none;
        }
        .featured-collection-grid__collections.two-column-mobile {
            grid-template-columns: 1fr 1fr;
            column-gap: var(--gap);
        }
        .lines .featured-collection-grid__collections.two-column-mobile {
            column-gap: 0;
        }
        .lines .featured-collection-grid__collections.two-column-mobile {
            grid-template-columns: calc(50% + var(--line-width) / 2) calc(50% - var(--line-width) / 2);
        }
        .lines .featured-collection-grid__collections.two-column-mobile .card-collection:nth-child(odd) .card-collection__wrapper {
            padding-inline-end: var(--gap);
            border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
        }
        .lines .featured-collection-grid__collections.two-column-mobile .card-collection:nth-child(even) {
            padding-inline-start: var(--gap);
        }
        .featured-collection-grid__collections.one-column-mobile,
        .featured-collection-grid__collections.two-column.one-column-mobile,
        .lines .featured-collection-grid__collections.two-column.one-column-mobile {
            grid-template-columns: 1fr;
        }
        .lines .featured-collection-grid__collections.two-column.one-column-mobile .card-collection:nth-child(odd) .card-collection__wrapper {
            padding-inline-end: 0;
            border-inline-end: none;
        }
        .lines .featured-collection-grid__collections.two-column.one-column-mobile .card-collection:nth-child(even) {
            padding-inline-start: 0;
        }
        .lines .featured-collection-grid__collections.two-column.one-column-mobile .card-collection:nth-child(2) {
            border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
            padding-top: var(--row-gap);
        }
    }
    /* Mobile-mini */
    @container inside-content (max-width: 500px) {
        .featured-collection-grid--compact .card-collection__wrapper {
            gap: 8px;
        }
    }
}

/* Featured collection */
.section-featured-collection .slider-section--lines .slider {
    border-top: none!important;
}
.section-featured-collection__media .section-featured-collection__image, .section-featured-collection__media video,
.section-featured-collection__media .placeholder-svg {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-position: var(--media-focal-point);
    object-fit: cover;
}
.section-featured-collection__media {
    display: flex;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
}
.section-featured-collection--spacious {
    --tabs-gap: 64px;
}
.section-featured-collection--compact {
    --tabs-gap: 24px;
}
.section-featured-collection__products,
.section-featured-collection__button,
.featured-collection-with-product-grid .pagination-wrapper:not(:empty) {
    margin-top: var(--tabs-gap);
}
.featured-collection-with-product-grid .pagination-wrapper:empty {
    display: none;
}
.section-featured-collection__button {
    display: flex;
    flex-direction: column;
    align-items: var(--tabs-alignment);
    margin-bottom: 4px;
}
.section-collection-tabs .infinite-scroll {
    margin-bottom: 4px;
}
.section-featured-collection .slider__viewport {
    padding-top: 0!important;
}
.featured-collection-with-media .section-featured-collection__image {
    max-width: 100%;
    height: 100%;
}
.featured-collection-with-media.lines .slider {
    border-top: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity))!important;
    padding-top: var(--tabs-gap);
}
.featured-collection-with-media .media-with-text__content:first-child {
    flex: 0 0 100%!important;
}
.featured-collection-with-media .media-with-text__card:empty {
    display: none;
}
.featured-collection-with-media .media-with-text__card:empty + .section-featured-collection__products,
.section-featured-collection .section-featured-collection__products:first-child {
    margin-top: 0!important;
}
.featured-collection-with-media.lines .media-with-text__card:empty + .section-featured-collection__products .slider {
    padding-top: 0;
    border-top: none!important;
}

.featured-collection-with-media.lines .media-with-text__card .media-with-text__content:only-child {
    padding-inline-end: 0;
    padding-inline-start: 0;
    border-inline-end: none;
    border-inline-start: none;
}

.section-product-features.section-tabs.section-collection-tabs .product-labels {
    gap: 0px!important;
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .section-featured-collection--spacious {
        --tabs-gap: 48px;
    }
    .section-featured-collection__button.section-featured-collection__button--center {
        align-items: center;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .section-featured-collection .slider__grid {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
    .section-featured-collection--spacious {
        --tabs-gap: 32px;
    }
    .section-featured-collection__button {
        align-items: center;
    }
    .featured-collection-with-media .media-with-text__media.show-on-desktop,
    .featured-collection-with-media .media-with-text__card.has-media-show-on-desktop:not(.has-content),
    .section-featured-collection .section-featured-collection__media.show-on-desktop {
        display: none;
    }
    .featured-collection-with-media .media-with-text__card.has-media-show-on-desktop:not(.has-content) + .section-featured-collection__products,
    .section-featured-collection .section-featured-collection__media.show-on-desktop + .section-featured-collection__products {
        margin-top: 0!important;
    }
    .featured-collection-with-media.lines .media-with-text__card.has-media-show-on-desktop:not(.has-content) + .section-featured-collection__products .slider {
        padding-top: 0;
        border-top: none!important;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .section-featured-collection--spacious {
            --tabs-gap: 48px;
        }
        .section-featured-collection__button.section-featured-collection__button--center {
            align-items: center;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .section-featured-collection .slider__grid {
            overflow-x: auto;
            scroll-snap-type: x mandatory;
        }
        .section-featured-collection--spacious {
            --tabs-gap: 32px;
        }
        .section-featured-collection__button {
            align-items: center;
        }
        .featured-collection-with-media .media-with-text__media.show-on-desktop,
        .featured-collection-with-media .media-with-text__card.has-media-show-on-desktop:not(.has-content),
        .section-featured-collection .section-featured-collection__media.show-on-desktop {
            display: none;
        }
        .featured-collection-with-media .media-with-text__card.has-media-show-on-desktop:not(.has-content) + .section-featured-collection__products,
        .section-featured-collection .section-featured-collection__media.show-on-desktop + .section-featured-collection__products {
            margin-top: 0!important;
        }
        .featured-collection-with-media.lines .media-with-text__card.has-media-show-on-desktop:not(.has-content) + .section-featured-collection__products .slider {
            padding-top: 0;
            border-top: none!important;
        }
    }
}

/* Featured products */
.lines.featured-products::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}
.lines.featured-products--spacious::before {
    margin-bottom: 48px;
}
.lines.featured-products--compact::before {
    margin-bottom: 24px;
}
main > section:first-child .lines.featured-products::before {
    margin-bottom: 0;
    display: none;
}
.featured-products__wrapper {
    position: relative;
}
.featured-products .slider-section--lines .slider:not(.quick-view *) {
    border-top: none!important;
}
.featured-products .slider__viewport:not(.quick-view *) {
    padding-top: 0!important;
}
.featured-products .slider:not(.quick-view *),
.featured-products .slider__viewport:not(.quick-view *),
.featured-products .slider__grid:not(.quick-view *) {
    overflow: visible;
}
.featured-products .slider__grid:not(.quick-view *) {
    scroll-snap-type: none;
    display: grid;
    cursor: default!important;
}
.featured-products .slider__grid:not(.quick-view *) .card {
    cursor: pointer!important;
}
.featured-products--spacious {
    --column-gap: 120px;
    --content-gap: 24px;
    --row-gap: 128px;
}
.featured-products--compact {
    --column-gap: 12px;
    --content-gap: 16px;
    --row-gap: 48px;
}
.featured-products--spacious.lines {
    --column-gap-lines: 60px;
    --row-gap: 64px;
}
.featured-products--compact.lines {
    --column-gap-lines: 16px;
    --row-gap: 24px;
}

.featured-products .featured-products__cards .slider__grid:not(.quick-view *) {
    grid-template-columns: repeat(2, calc((100% - (var(--column-gap) * 2)) / 3));
    gap: var(--row-gap) calc((100% - (var(--column-gap) * 2)) / 3 + var(--column-gap) * 2)!important;
}
.featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) {
    grid-template-columns: repeat(2, calc(((100% - (var(--column-gap-lines) * 2)) / 3) + ((var(--column-gap-lines) + var(--line-width)) / 3)));
    gap: var(--row-gap) calc(((100% - (var(--column-gap-lines) * 2)) / 3) + ((var(--column-gap-lines) + var(--line-width)) / 3) + var(--column-gap-lines))!important;
}
.featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) .slider__grid-item:nth-child(even) {
    padding-inline-end: 0;
    border-inline-end: none;
    padding-inline-start: var(--column-gap-lines);
    border-inline-start: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
.featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) .slider__grid-item:not(:first-child):not(:nth-child(2)) {
    margin-top: calc(var(--row-gap) + var(--line-width));
    position: relative;
}
.featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) .slider__grid-item:not(:first-child):not(:nth-child(2))::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
    position: absolute;
    top: calc(0px - var(--row-gap) - var(--line-width));
    left: 0;
}
.featured-products.lines .featured-products__content {
    width: calc(((100% - (var(--column-gap-lines) * 2)) / 3) + ((var(--column-gap-lines) + var(--line-width)) / 3));
    inset-inline-start: calc(((100% - (var(--column-gap-lines) * 2)) / 3) + ((var(--column-gap-lines) + var(--line-width)) / 3));
    padding-inline-start: var(--column-gap-lines);
}
.featured-products .featured-products__content {
    width: calc((100% - (var(--column-gap) * 2)) / 3);
    inset-inline-start: calc((100% - (var(--column-gap) * 2)) / 3 + var(--column-gap));
}
.featured-products__content {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.featured-products__content.featured-products__content--relative {
    position: relative;
}
.featured-products__content-wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: fit-content;
    gap: var(--content-gap);
}
.sticky-content .featured-products__content-wrapper {
    position: sticky;
    position: -webkit-sticky;
    top: var(--top-sticky-content);
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .featured-products--spacious {
        --column-gap: 96px;
        --row-gap: 96px;
    }
    .featured-products--spacious.lines {
        --column-gap-lines: 32px;
        --row-gap: 48px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width.featured-products--spacious {
        --column-gap: 96px;
        --row-gap: 96px;
    }
    .page-width.featured-products--spacious.lines {
        --column-gap-lines: 32px;
        --row-gap: 48px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .featured-products--spacious {
        --column-gap: 64px;
        --row-gap: 64px;
    }
    .featured-products--spacious.lines {
        --column-gap-lines: 24px;
        --row-gap: 32px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .featured-products--spacious {
        --column-gap: 24px;
        --content-gap: 16px;
    }
    .featured-products--spacious.lines {
        --column-gap-lines: 16px;
    }
    .featured-products .slider:not(.quick-view *),
    .featured-products .slider__viewport:not(.quick-view *),
    .featured-products .slider__grid:not(.quick-view *) {
        overflow: clip;
    }
    .featured-products .slider__grid:not(.quick-view *) {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        display: flex;
    }
    .featured-products .featured-products__cards .slider__grid:not(.quick-view *) {
        gap: var(--column-gap)!important;
    }
    .featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) {
        gap: var(--column-gap-lines)!important;
    }
    .featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) .slider__grid-item:nth-child(even) {
        padding-inline-end: var(--column-gap-lines);
        border-inline-end: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
        padding-inline-start: 0;
        border-inline-start: none;
    }
    .featured-products .featured-products__content,
    .featured-products.lines .featured-products__content {
        position: static;
        width: 100%;
        padding-inline-start: 0;
        left: 0;
    }
    .featured-products--compact .featured-products__cards {
        margin-top: 24px;
    }
    .featured-products--spacious .featured-products__cards {
        margin-top: 48px;
    }
    .lines.featured-products--spacious.rich-text::before {
        margin-bottom: 32px;
    }
    .featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) .slider__grid-item:not(:first-child):not(:nth-child(2)) {
        margin-top: 0;
    }
    .featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) .slider__grid-item:not(:first-child):not(:nth-child(2))::before {
        display: none;
    }
    .featured-products--compact.lines {
        --column-gap-lines: 8px;
    }
    .featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) .slider__grid-item.last-mobile {
        padding-inline-end: 0!important;
        border-inline-end: none!important;
    }
    .featured-products .slider__grid:not(.quick-view *) {
        cursor: grab!important;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width.featured-products--spacious {
        --column-gap: 96px;
        --row-gap: 96px;
    }
    .page-width.featured-products--spacious.lines {
        --column-gap-lines: 32px;
        --row-gap: 48px;
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .featured-products--spacious {
            --column-gap: 96px;
            --row-gap: 96px;
        }
        .featured-products--spacious.lines {
            --column-gap-lines: 32px;
            --row-gap: 48px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .featured-products--spacious {
            --column-gap: 64px;
            --row-gap: 64px;
        }
        .featured-products--spacious.lines {
            --column-gap-lines: 24px;
            --row-gap: 32px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .featured-products--spacious {
            --column-gap: 24px;
            --content-gap: 16px;
        }
        .featured-products--spacious.lines {
            --column-gap-lines: 16px;
        }
        .featured-products .slider:not(.quick-view *),
        .featured-products .slider__viewport:not(.quick-view *),
        .featured-products .slider__grid:not(.quick-view *) {
            overflow: clip;
        }
        .featured-products .slider__grid:not(.quick-view *) {
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            display: flex;
        }
        .featured-products .featured-products__cards .slider__grid:not(.quick-view *) {
            gap: var(--column-gap)!important;
        }
        .featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) {
            gap: var(--column-gap-lines)!important;
        }
        .featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) .slider__grid-item:nth-child(even) {
            padding-inline-end: var(--column-gap-lines);
            border-inline-end: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
            padding-inline-start: 0;
            border-inline-start: none;
        }
        .featured-products .featured-products__content,
        .featured-products.lines .featured-products__content {
            position: static;
            width: 100%;
            padding-inline-start: 0;
            left: 0;
        }
        .featured-products--compact .featured-products__cards {
            margin-top: 24px;
        }
        .featured-products--spacious .featured-products__cards {
            margin-top: 48px;
        }
        .lines.featured-products--spacious.rich-text::before {
            margin-bottom: 32px;
        }
        .featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) .slider__grid-item:not(:first-child):not(:nth-child(2)) {
            margin-top: 0;
        }
        .featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) .slider__grid-item:not(:first-child):not(:nth-child(2))::before {
            display: none;
        }
        .featured-products--compact.lines {
            --column-gap-lines: 8px;
        }
        .featured-products.lines .slider-section--lines.featured-products__cards .slider__grid:not(.quick-view *) .slider__grid-item.last-mobile {
            padding-inline-end: 0!important;
            border-inline-end: none!important;
        }
        .featured-products .slider__grid:not(.quick-view *) {
            cursor: grab!important;
        }
    }
}

/* Section features */
.card__title--minimal_uppercase {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__title--minimal_basic,
.card__short-description--duet {
    font: var(--base-body-m-font);
}
.card__title--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.card__title--classic,
.card__title--contrast {
    font: var(--accent-body-l-font);
}
.card__title--avant_garde {
    font: var(--base-body-m-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__title--brutalist,
.card__short-description--brutalist {
    font: var(--base-body-l-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__title--duet {
    font: var(--accent-body-m-font);
}
.card__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.card__short-description--minimal_uppercase,
.card__short-description--classic {
    font: var(--base-label-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__short-description--minimal_basic {
    font: var(--base-body-s-font);
}
.card__short-description--minimal_heavy {
    font: var(--base-body-l-font);
}
.card__short-description--avant_garde {
    font: var(--accent-body-s-font);
}
.card__short-description--contrast {
    font: var(--base-label-font);
}
.features__card-text.card__short-description--custom {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}

.features__media, .features__media video {
    display: flex;
    border-radius: var(--card-image-radius);
    -webkit-border-radius: var(--card-image-radius);
    overflow: clip;
    max-width: 100%;
    z-index: 1;
}
.features__image, .features__media video {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.features__card.card {
    gap: 0;
}
.features__card .features__media,
.features__card .features__card-text {
    margin-bottom: var(--content-gap);
}
.features__card .features__card-title {
    margin-bottom: 8px;
}
.features__card.center .features__card-button {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.featured-products .slider__grid .features__card.card {
    cursor: default!important;
}

/* Flyout */
[data-position="left_flyout"].popup-wrapper.popup-wrapper--left_flyout,
[data-position="right_flyout"].popup-wrapper.popup-wrapper--right_flyout {
    transform: none !important;
    height: fit-content;
    bottom: 0;
    top: auto;
    inset-inline-start: auto;
    animation: openFlyout var(--animation-duration) var(--transition-timing-function);
}

@keyframes openFlyout {
    0% {
        bottom: -40px;
        opacity: 0;
    }
    100% {
        bottom: 0;
        opacity: 1;
    }
}

.popup-wrapper.popup-wrapper--left_flyout.open,
.popup-wrapper.popup-wrapper--right_flyout.open {
    width: 480px;
    top: unset;
    inset-inline-start: unset;
    margin: 0;
}

.popup-wrapper.popup-wrapper--right_flyout.open {
    inset-inline-end: 16px;
}

.popup-wrapper.popup-wrapper--left_flyout.open {
    inset-inline-start: 16px;
}

.popup-wrapper--right_flyout .popup-content,
.popup-wrapper--left_flyout .popup-content {
    padding: 42px 32px 32px;
}

/* Sticky tab */
.promo-sticky-tab {
    position: fixed;
    display: none;
    align-items: center;
    box-shadow: 0px 7px 38px 0px rgba(0, 0, 0, 0.10);
    background-color: rgb(var(--popup-background-color));
}
.open-sticky-tab {
    padding-block: 12px 12px; 
    padding-inline: 12px 5px;
}

.close-sticky-tab {
    padding-block: 12px 12px; 
    padding-inline: 5px 12px;
}
.promo-sticky-tab.open {
    display: flex;
}

.promo-sticky-tab--bottom_left.open,
.promo-sticky-tab--bottom_right.open {
    animation: openBottomStickyTab var(--animation-duration) var(--transition-timing-function);
}
.promo-sticky-tab--bottom_center.open {
    animation: openBottomCenterStickyTab var(--animation-duration) var(--transition-timing-function);
}
.promo-sticky-tab--left_side.open {
    animation: openLeftStickyTab var(--animation-duration) var(--transition-timing-function);
}
.promo-sticky-tab--right_side.open {
    animation: openRightStickyTab var(--animation-duration) var(--transition-timing-function);
}
.promo-sticky-tab--left_side_bottom.open {
    animation: openLeftBottomStickyTab var(--animation-duration) var(--transition-timing-function);
}
.promo-sticky-tab--right_side_bottom.open {
    animation: openRightBottomStickyTab var(--animation-duration) var(--transition-timing-function);
}

@keyframes openBottomStickyTab {
    0% {
        transform: translateY(40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}
@keyframes openBottomCenterStickyTab {
    0% {
        transform: translate(-50%, 40px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 0px);
        opacity: 1;
    }
}
@keyframes openLeftStickyTab {
    0% {
        transform: rotate(-270deg) translate(-50%, calc(-100% + 20px));
        opacity: 0;
    }
    100% {
        transform: rotate(-270deg) translate(-50%, -100%);
        opacity: 1;
    }
}
@keyframes openRightStickyTab {
    0% {
        transform: rotate(90deg) translate(50%, -20px);
    }
    100% {
        transform: rotate(90deg) translateX(50%, 0px);
    }
}
@keyframes openLeftBottomStickyTab {
    0% {
        transform: rotate(90deg) translate(-100%, calc(0% + 20px));
        opacity: 0;
    }
    100% {
        transform: rotate(90deg) translate(-100%, 0%);
        opacity: 1;
    }
}
@keyframes openRightBottomStickyTab {
    0% {
        transform: rotate(90deg) translateY(calc(100% - 20px));
    }
    100% {
        transform: rotate(90deg) translateY(100%);
    }
}

.promo-sticky-tab--left_side {
    top: 50%;
    inset-inline-start: 0px;
    transform: rotate(-270deg) translate(-50%, -100%);
    transform-origin: 0 0;
}
.promo-sticky-tab--right_side {
    top: 50%;
    inset-inline-end: 0;
    transform: rotate(90deg) translateX(50%);
    transform-origin: top right;
}
.promo-sticky-tab--left_side_bottom {
    bottom: 8px;
    inset-inline-start: 0px;
    transform: rotate(90deg) translate(-100%, 0%);
    transform-origin: bottom left;
}
.promo-sticky-tab--right_side_bottom {
    bottom: 8px;
    inset-inline-end: 0;
    transform: rotate(90deg) translateY(100%);
    transform-origin: bottom right;
}
.promo-sticky-tab--bottom_left {
    bottom: 8px;
    inset-inline-start: 8px;
}
.promo-sticky-tab--bottom_center {
    bottom: 8px;
    inset-inline-start: 50%;
    transform: translate(-50%, 0px);
}
.promo-sticky-tab--bottom_right {
    bottom: 8px;
    inset-inline-end: 8px;
}
.promo-sticky-tab__label {
    font: var(--base-body-m-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: rgb(var(--layout-text-color));
}
.custom-type-preset .promo-sticky-tab__label {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.promo-sticky-tab__icon svg {
    display: block;
    height: 100%;
    width: auto;
    fill: rgb(var(--layout-text-color));
}
.promo-sticky-tab__button {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .promo-sticky-tab__button:hover {
        opacity: .7;
        cursor: pointer;
    }
}

@media screen and (max-width: 500px) {
    .popup-wrapper--right_flyout .popup-content,
    .popup-wrapper--left_flyout .popup-content {
        padding: 42px 24px 48px;
    }
    [data-position="right_flyout"].popup-wrapper--right_flyout.open,
    [data-position="left_flyout"].popup-wrapper--left_flyout.open {
        max-width: 100vw;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        transform: none;
    }
}

/* Horizontal scrolling banners */

.horizontal-banners--spacious {
    --vertical-gap: 64px;
    --horizontal-gap: 64px;
}
.horizontal-banners--compact {
    --vertical-gap: 48px;
    --horizontal-gap: 48px;
}
.horizontal-banners__wrapper {
    display: flex;
    overflow: clip;
    background-color: rgb(var(--layout-background-color));
}

.horizontal-banners__blocks:empty,
.horizontal-banners__block:empty,
.horizontal-banners__block:has(style:only-child) {
    display: none;
}

.horizontal-banners__blocks {
    display: flex;
    min-height: var(--section-height);
    max-height: var(--section-height);
    overflow-y: auto;
}

.horizontal-banners {
  position: relative; 
}

.horizontal-banners__block {
    display: flex;
    flex-direction: column;
}

.horizontal-banners__block > .horizontal-banners__content,
.horizontal-banners__block > .horizontal-banners__image-container,
.horizontal-banners__block > .horizontal-banners__media {
    flex: 0 0 50%;
}

.horizontal-banners__block > .horizontal-banners__content:only-of-type {
    flex: 0 0 100%;
}

.horizontal-banners__block--extra_big {
    flex: 0 0 calc((100vw / 3) + 50vw);
    width: calc((100vw / 3) + 50vw);
    position: relative;
}

.horizontal-banners__block--big {
    flex: 0 0 50vw;
    width: 50vw;
    position: relative;
}

.horizontal-banners__block--small {
    flex: 0 0 calc(100vw / 3);
    width: calc(100vw / 3);
    position: relative;
}

.horizontal-banners__block:first-child:nth-last-child(2),
.horizontal-banners__block:last-child:nth-child(2) {
    flex: 0 0 50vw;
    width: 50vw;
}

.horizontal-banners__block:only-child {
    flex: 0 0 100vw;
    width: 100vw;
}

.main_xs {
    --main-sidebar: 12.5vw;
    --secondary-sidebar: 0px;
}
.main_xs_with_secondary {
    --main-sidebar: 12.5vw;
    --secondary-sidebar: 96px;
}
.main_s {
    --main-sidebar: 18.75vw;
    --secondary-sidebar: 0px;
}
.main_s_with_secondary {
    --main-sidebar: 18.75vw;
    --secondary-sidebar: 96px;
}
.main_m {
    --main-sidebar: 25vw;
    --secondary-sidebar: 0px;
}
.main_m_with_secondary {
    --main-sidebar: 25vw;
    --secondary-sidebar: 96px;
}
.main_l {
    --main-sidebar: 50vw;
    --secondary-sidebar: 0px;
}

.main_xs--spacious, .main_s--spacious, .main_m--spacious, .main_l--spacious,
.main_xs_with_secondary--spacious, .main_s_with_secondary--spacious, .main_m_with_secondary--spacious {
    --min-main-sidebar: 280px;
}
.main_xs--compact, .main_s--compact, .main_m--compact, .main_l--compact,
.main_xs_with_secondary--compact, .main_s_with_secondary--compact, .main_m_with_secondary--compact {
    --min-main-sidebar: 200px;
}

.with-sidebars .horizontal-banners__block--extra_big {
    flex: 0 0 calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 2) + ((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 3));
    width: calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 2) + ((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 3));
}

.with-sidebars .horizontal-banners__block--big {
    flex: 0 0 calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 2));
    width: calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 2));
}
.with-sidebars .horizontal-banners__block--small {
    flex: 0 0 calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 3));
    width: calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 3));
}

.with-sidebars .horizontal-banners__block:first-child:nth-last-child(2),
.with-sidebars .horizontal-banners__block:last-child:nth-child(2) {
    flex: 0 0 calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 2));
    width: calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 2));
}

.with-sidebars .horizontal-banners__block:only-child {
    flex: 0 0 calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar))));
    width: calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar))));
}

.horizontal-banners__block--below,
.horizontal-banners__block--under {
    display: flex;
    flex-direction: column;
}

.horizontal-banners__media {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: clip;
}

.horizontal-banners__image-container {
    overflow: clip;
}

.horizontal-banners__block--overlay .horizontal-banners__image-container,
.horizontal-banners__media {
    display: flex;
    position: absolute;
    width: 100%;
    inset: 0;
    background-color: rgb(var(--layout-background-color));
    color: rgb(var(--layout-text-color));
    min-height: 100vh!important;
    max-height: 100vh!important;
}

.horizontal-banners__block--overlay .horizontal-banners__image-container figure {
    min-height: 100vh!important;
    max-height: 100vh!important;
}

.horizontal-banners__block--overlay .horizontal-banners__image-container::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: var(--banner-overlay-opacity);
    background: var(--overlay-background);
}

.horizontal-banners .placeholder-svg, .horizontal-banners video, .horizontal-banners img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
}

.horizontal-banners__image-container--fit img,
.horizontal-banners__image-container--fit video {
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
}

.horizontal-banners__block:not(.horizontal-banners__block--overlay) .horizontal-banners__image-container--fit img,
.horizontal-banners__block:not(.horizontal-banners__block--overlay) .horizontal-banners__image-container--fit video {
    object-fit: contain;
    padding: var(--vertical-gap) var(--horizontal-gap);
}

.horizontal-banners__content {
    display: flex;
    justify-content: var(--vertical-position);
    align-items: var(--horizontal-position);
    flex-direction: column;
    padding: var(--vertical-gap) var(--horizontal-gap);
}

.horizontal-banners__content-wrapper {
    display: flex;
    justify-content: var(--vertical-position);
    align-items: var(--horizontal-position);
    flex-direction: column;
}

.horizontal-banners__content-wrapper > .horizontal-banners__content-block {
    width: 100%;
}

.horizontal-banners__content-wrapper--narrow {
    max-width: 560px;
}

.horizontal-banners__content-wrapper--center {
    text-align: center;
}

.horizontal-banners__block--overlay .horizontal-banners__content {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 5;
    height: 100%;
    width: 100%;
    min-height: 100%!important;
}

.horizontal-banners__content-wrapper > .horizontal-banners__content-block:not(:first-child) {
    margin-top: 16px;
}

.horizontal-banners__content-wrapper > .horizontal-banners__button:not(:first-child) {
    margin-top: 24px;
}

.horizontal-banners__number-wrapper {
    border: 1px solid rgb(var(--layout-text-color));
    border-radius: 50%;
    -webkit-border-radius: 50%;
    aspect-ratio: 1/1;
    padding: 8px;
    min-height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1lh;
}

.horizontal-banners__number span {
    display: flex;
    word-break: keep-all;
}

.horizontal-banners__button,
.horizontal-banners__number {
    display: flex;
}

.horizontal-banners__content-wrapper--center .horizontal-banners__button,
.horizontal-banners__content-wrapper--center .horizontal-banners__number {
    justify-content: center;
}

.horizontal-banners__media video,
.horizontal-banners__image-container video {
    object-position: var(--video-focal-point);
}

.horizontal-banners[data-hscroll="enabled"] {
    position: relative;
    height: var(--pin-height, auto);
}

.horizontal-banners[data-hscroll="enabled"] .horizontal-banners__wrapper {
    position: sticky;
    top: 0;
    min-height: 100vh;
    height: fit-content;
    overflow: hidden;
}

.horizontal-banners[data-hscroll="enabled"] .horizontal-banners__blocks {
    overflow: visible;
    will-change: transform;
    touch-action: pan-y;
}

.horizontal-banners__image {
    object-position: var(--image-focal-point);
}

.horizontal-banners__image-container--fit {
    background-color: rgb(var(--background-media));
}

.horizontal-banners__image-container + .horizontal-banners__content,
.horizontal-banners__image-container:has( + .horizontal-banners__content),
.horizontal-banners__content + .horizontal-banners__image-container,
.horizontal-banners__content:has(  + .horizontal-banners__image-container),
.horizontal-banners__content + .horizontal-banners__image-container figure,
.horizontal-banners__image-container:has( + .horizontal-banners__content) > figure {
    min-height: calc(var(--section-height) / 2);
    max-height: calc(var(--section-height) / 2);
    height: calc(var(--section-height) / 2);
}

.horizontal-banners__text {
    overflow: clip;
}

.horizontal-banners__content-wrapper .context-image {
    align-self: flex-start;
}

.horizontal-banners__content-wrapper--center .context-image {
    align-self: center;
}

.horizontal-banners__scroll-down {
   display: none;
}

/* Styles for full-width page without sidebars */
@media screen and (min-width: 769px) {
    .horizontal-banners.mobile-native-scroll {
        height: var(--pin-height, auto); 
        overscroll-behavior: contain;  
    }

    .horizontal-banners.mobile-native-scroll .horizontal-banners__blocks {
        will-change: transform;
        backface-visibility: hidden;
    }

    .horizontal-banners__scroll-down {
        position: fixed;
        bottom: var(--vertical-gap);
        width: fit-content;
        display: flex;
        color: rgb(var(--scroll-down-color));
        visibility: hidden;
        opacity: 0;
        transition: opacity var(--animation-duration) var(--transition-timing-function), visibility var(--animation-duration) var(--transition-timing-function);
    }

    .horizontal-banners__scroll-down--left {
        left: var(--horizontal-gap);
    }
    
    .with-sidebars .horizontal-banners__scroll-down--left {
        left: calc(var(--horizontal-gap) + max(var(--min-main-sidebar), var(--main-sidebar)));
    }
    
    .main_xs_with_secondary .horizontal-banners__scroll-down--right,
    .main_s_with_secondary .horizontal-banners__scroll-down--right,
    .main_m_with_secondary .horizontal-banners__scroll-down--right {
        right: calc(var(--horizontal-gap) + var(--secondary-sidebar));
    }
    
    .horizontal-banners__scroll-down--center {
        left: 50%;
        transform: translateX(-50%);
    }

    .with-sidebars .horizontal-banners__scroll-down--center {
        left: calc( max(var(--min-main-sidebar), var(--main-sidebar)) + (((100vw - max(var(--min-main-sidebar), var(--main-sidebar))) / 2)));
    }

    .main_xs_with_secondary .horizontal-banners__scroll-down--center,
    .main_s_with_secondary .horizontal-banners__scroll-down--center,
    .main_m_with_secondary .horizontal-banners__scroll-down--center {
        left: calc( max(var(--min-main-sidebar), var(--main-sidebar)) + (((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 2)));
    }
    
    .horizontal-banners__scroll-down--right {
        right: var(--horizontal-gap);
    }
    
    .horizontal-banners__scroll-down.show {
        visibility: visible;
        opacity: 1;
    }
      
    .horizontal-banners__scroll-down.hide {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }
    
    .horizontal-banners__scroll-down--amimate.show {
        animation: scrollDownHint 1.8s infinite;
    }
    
    @keyframes scrollDownHint {
        /* pause 0.2s above */
        0% {
            opacity: 0;
            bottom: var(--vertical-gap);
            animation-timing-function: linear;
        }
        11% {
            opacity: 0;
            bottom: var(--vertical-gap);
            animation-timing-function: ease-out;
        }
    
        /* down 0.6s, fade in */
        44% {
            opacity: 1;
            bottom: calc(var(--vertical-gap) - 10px);
            animation-timing-function: linear;
        }
    
        /* pause 0.8s under */
        89% {
            opacity: 1;
            bottom: calc(var(--vertical-gap) - 10px);
            animation-timing-function: ease-in;
        }
    
        /* up 0.2s, fade out */
        100% {
            opacity: 0;
            bottom: var(--vertical-gap);
        }
    }
    
    .horizontal-banners__scroll-down--amimate.hide {
        animation: scrollDownHide var(--animation-duration) var(--transition-timing-function);
    }
    
    @keyframes scrollDownHide {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }

}

/* Tablet */
@media screen and (max-width: 1024px) {
    .horizontal-banners__blocks .horizontal-banners__block.horizontal-banners__block--extra_big,
    .with-sidebars .horizontal-banners__blocks .horizontal-banners__block.horizontal-banners__block--extra_big,
    .horizontal-banners__blocks .horizontal-banners__block.horizontal-banners__block--big,
    .with-sidebars .horizontal-banners__blocks .horizontal-banners__block.horizontal-banners__block--big {
        flex: 0 0 75vw;
        width: 75vw;
    }
    .horizontal-banners__blocks .horizontal-banners__block.horizontal-banners__block--small,
    .with-sidebars .horizontal-banners__blocks .horizontal-banners__block.horizontal-banners__block--small {
        flex: 0 0 50vw;
        width: 50vw;
    }

    .horizontal-banners__blocks .horizontal-banners__block.horizontal-banners__block:only-child,
    .with-sidebars .horizontal-banners__blocks .horizontal-banners__block.horizontal-banners__block:only-child {
        flex: 0 0 100vw;
        width: 100vw;
    }
    
    .horizontal-banners--spacious {
        --vertical-gap: 48px;
        --horizontal-gap: 48px;
    }
}

/* Mobile */
@media screen and (max-width: 768px) {
    .horizontal-banners {
        --vertical-gap: 24px;
        --horizontal-gap: 24px;
    }

    .horizontal-banners .horizontal-banners__blocks .horizontal-banners__block,
    .with-sidebars .horizontal-banners .horizontal-banners__blocks .horizontal-banners__block {
        flex: 0 0 calc(100vw * 6 /7);
        width: calc(100vw * 6 / 7);
    }

    .horizontal-banners .horizontal-banners__blocks .horizontal-banners__block:only-child,
    .with-sidebars .horizontal-banners .horizontal-banners__blocks .horizontal-banners__block:only-child {
        flex: 0 0 100vw;
        width: 100vw;
    }
    .horizontal-banners.mobile-native-scroll .horizontal-banners__blocks {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;  
    }

    .horizontal-banners.mobile-native-scroll .horizontal-banners__blocks:not(.animate) {
        transform: none !important;
        overflow-y: clip;
    }

    .horizontal-banners.mobile-native-scroll .horizontal-banners__blocks.animate {
        animation: swiperHintX 0.8s ease-out 1s;
        overflow: visible;
    }

    @keyframes swiperHintX {
        0% {
          transform: translate3d(0px, 0px, 0px);
        }
        60% {
          transform: translate3d(-120px, 0px, 0px);
        }
        100% {
          transform: translate3d(0px, 0px, 0px);
        }
    } 

    .horizontal-banners.mobile-native-scroll .horizontal-banners__blocks::-webkit-scrollbar { 
        width: 0;
        height: 0;
        display: none;
    }

    .horizontal-banners.mobile-native-scroll .horizontal-banners__blocks::-moz-scrollbar { 
        width: 0;
        height: 0;
        display: none;
        scrollbar-width: none;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .with-sidebars .horizontal-banners__block--extra_big,
        .with-sidebars .horizontal-banners__block--big {
            flex: 0 0 calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) * 3 / 4));
            width: calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) * 3 / 4));
        }
        .with-sidebars .horizontal-banners__block--small {
            flex: 0 0 calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 2));
            width: calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) / 2));
        }
         .horizontal-banners--spacious {
            --vertical-gap: 48px;
            --horizontal-gap: 48px;
        }
        .with-sidebars .horizontal-banners__block:only-child {
            flex: 0 0 calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar))));
            width: calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar))));
        }
    }

    /* Mobile */
    @container inside-content (max-width: 768px) {
        .horizontal-banners {
            --vertical-gap: 24px;
            --horizontal-gap: 24px;
        }
        .horizontal-banners__block {
            flex: 0 0 calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) * 6 / 7));
            width: calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar)) * 6 / 7));
        }
        .horizontal-banners__block:only-child {
            flex: 0 0 calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar))));
            width: calc(((100vw - max(var(--min-main-sidebar), var(--main-sidebar)) - var(--secondary-sidebar))));
        }
    }
}

/* Image banner */
.image-banner__media-block {
    flex: 0 0 50%;
}
.image-banner__media-block.one-child {
    flex: 0 0 100%;
}
.image-banner__media-block img, .image-banner__media-block .placeholder-svg {
    width: 100%;
    height: 100%;
}
/* Styles for full-width page without sidebars */
@media screen and (max-width: 768px) {
    .image-banner__media-block.hidden-block {
        display: none;
    }
    .image-banner__media-block.hidden-secondary-block {
        flex: 0 0 100%;
    }
}

/* Image comparison */
.image-comparison__blocks {
  display: block;
  position: relative;
  height: var(--section-desktop-height);
  --position: 50%;
}

.image-comparison__blocks.image-comparison__blocks--fixed-height {
    min-height: 350px;
}

.image-comparison__wrapper.center .content-subheading,
.image-comparison__wrapper.center .content-heading {
  text-align: center;
}

.lines.image-comparison::before {
  display: block;
  content: '';
  height: var(--line-width);
  width: 100%;
  background-color: rgba(var(--layout-text-color),var(--line-opacity));
}

.lines.image-comparison--spacious::before {
  margin-bottom: 48px;
}

.lines.image-comparison--compact::before {
  margin-bottom: 24px;
}

.image-comparison--spacious .content-subheading + .content-heading {
  margin-top: 24px;
}

.image-comparison--compact .content-subheading + .content-heading {
  margin-top: 16px;
}

.image-comparison--spacious * + .image-comparison__blocks {
  margin-top: 64px;
}

.image-comparison--compact * + .image-comparison__blocks {
  margin-top: 24px;
}
  
.image-comparison__blocks .image-comparison__button {
  transition-property: top, left;
  transition-timing-function: ease;
}

.html-ltr .image-comparison__blocks .image-comparison__slide--after {
  transition-property: clip-path;
  transition-timing-function: ease;
  clip-path: inset(0px 0px -1px var(--position));
}

.image-comparison__slide,
.image-comparison__slide-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: clip;
}

.image-comparison__slide-wrapper {
  z-index: 0;
  background-color: rgb(var(--layout-background-color));
}

.image-comparison__range {
  position: absolute;
  z-index: 5;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: transparent;
  outline: none!important;
  margin: 0;
  transition: all ease;
  overflow: clip;
  padding: 0;
  border: 0;
  cursor: col-resize;
  resize: none;
}

.image-comparison__range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  height: 100%;
  width: 44px;
  background-color: transparent;
  border-radius: 50%;
  transform: translateX(0);
  box-shadow: none!important;
}

.image-comparison__blocks input[type="range"]::-webkit-slider-container,
.image-comparison__blocks input[type="range"]::-webkit-slider-runnable-track {
  height: 100%!important;
}

.image-comparison__slide-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: clip;
  z-index: 0;
  background-color: rgba(var(--layout-text-color), 0.05);
}

.image-comparison__slide {
  border-radius: var(--images-and-section-radius);
  overflow: clip;
}
  
.image-comparison__button {
  position: absolute;
  z-index: 4;
  top: 0;
  left: calc(var(--position) - 22px);
  width: 44px;
  height: 100%;
  cursor: col-resize;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-comparison__button::before,
.image-comparison__button::after {
  content: '';
  position: absolute;
  background-color: rgb(var(--accent-button-color));
  pointer-events: none;
  width: 2px;
  height: 50%;
  left: calc(50% - 1px);
}

.image-comparison__button::before {
  top: 0;
}

.image-comparison__button::after {
  bottom: 0;
}

.image-comparison__button-icons {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: rgb(var(--accent-button-color));
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 10px 0px rgba(var(--accent-button-color), 0.10), 0px 0px 2px 0px rgba(var(--accent-button-color), 0.20);
}
.no-default-color .image-comparison__button-icons {
  box-shadow: 0px 2px 10px 0px rgba(var(--layout-text-color), 0.10), 0px 0px 2px 0px rgba(var(--layout-text-color), 0.20);
}
.no-default-color .image-comparison__button-icons,
.no-default-color .image-comparison__button::before,
.no-default-color .image-comparison__button::after {
  background-color: rgb(var(--layout-text-color));
}

.image-comparison__button-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
}

.image-comparison__button-icon:first-child {
  margin-inline-end: -1px;
}

.image-comparison__button-icon:last-child {
  margin-inline-start: -1px;
}

.image-comparison__button-icon svg {
  fill: rgb(var(--layout-background-color));
  width: 100%;
  height: 100%;
}

.image-comparison .image-comparison__label {
  display: inline-flex;
  width: fit-content;
  max-width: calc(100% - 16px * 2);
  pointer-events: none;
  cursor: default;
  padding: 6px 16px;
  min-width: auto;
  position: absolute;
  bottom: 16px;
  z-index: 1;
  border-radius: var(--other-buttons-radius);
}

.image-comparison__slide--before .image-comparison__label {
  inset-inline-start: 16px;
}

.image-comparison__slide--after .image-comparison__label {
  inset-inline-end: 16px;
}

.image-comparison__media {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-comparison__image, .image-comparison .placeholder-svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-comparison__media--mobile {
  display: none;
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
  .image-comparison--spacious * + .image-comparison__blocks {
    margin-top: 48px;
  }
}

@media screen and (max-width: 920px) {
  .image-comparison__blocks {
    height: var(--section-mobile-height);
  }
}

/* Mobile */
@media screen and (max-width: 768px) {
  .image-comparison--spacious * + .image-comparison__blocks {
    margin-top: 32px;
  }
  .lines.image-comparison--spacious::before {
    margin-bottom: 32px;
  }
  .image-comparison--spacious .content-subheading + .content-heading {
    margin-top: 16px;
  }
  .image-comparison__media--desktop {
    display: none;
  }
  .image-comparison__media--mobile,
  .image-comparison__media--desktop.image-comparison__media--all {
    display: flex;
  }
}

/* Sidebars */
@media (min-width: 921px) {
  /* Tablet */
  @container inside-content (max-width: 1024px) {
    .image-comparison--spacious * + .image-comparison__blocks {
      margin-top: 48px;
    }
  }
  /* Mobile */
  @container inside-content (max-width: 768px) {
    .image-comparison--spacious * + .image-comparison__blocks {
      margin-top: 32px;
    }
    .lines.image-comparison--spacious::before {
      margin-bottom: 32px;
    }
    .image-comparison--spacious .content-subheading + .content-heading {
      margin-top: 16px;
    }
    .image-comparison__media--desktop {
      display: none;
    }
    .image-comparison__media--mobile,
    .image-comparison__media--desktop.image-comparison__media--all {
      display: flex;
    }
  }
}

/* Image grid */
 .image-grid__grid {
    display: grid;
}
.image-grid__grid--narrow {
    max-width: 960px;
    margin: 0 auto;
}
.image-grid__grid:not(.grid) {
    grid-template-columns: repeat(var(--desktop-grid-type), 1fr);
    gap: var(--grid-gap);
}
.image-grid__grid:not(.grid) .image-grid__item {
    width: 100%;
    height: 100%;
}

.image-grid__item img,
.image-grid__item .placeholder-svg {
    width: 100%;
    height: auto;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    object-position: var(--focal-point);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.image-grid__item .placeholder-svg {
    height: auto;
}

.image-grid .product-media-modal img,
.image-grid .product-media-modal .placeholder-svg {
    object-position: var(--focal-point);
    width: 100%;
}

.image-grid .product-media-modal .placeholder-svg {
    aspect-ratio: inherit;
}

.image-grid__image-wrapper {
    display: flex;
    height: fit-content;
    position: relative;
    overflow: clip;
}

.image-grid__grid:not(.grid) .image-grid__image-wrapper {
    height: 100%;
}

.zoom_icon {
    position: absolute !important;
    top: 20px;
    inset-inline-end: 20px;
    width: 44px;
    height: 44px;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
    border-radius: var(--other-buttons-radius);
    z-index: 1;
    background-color: rgb(var(--layout-background-color));
    cursor: pointer;
}
  
.zoom_icon svg {
    fill: rgb(var(--layout-text-color));
    width: 20px;
    height: 20px;
}
@media (hover: hover) {
    .image-grid__image-wrapper.hoverable:hover .zoom_icon {
        display: flex;
    }
    .image-grid__image-wrapper.hoverable:hover img {
        transform: scale(1.03)
    }
}
.image-grid__grid:not(.grid) .image-grid__image,
.image-grid__grid:not(.grid) .image-grid__item img {
    height: 100%;
}
 
.grid-item {
    width: calc(100% / var(--desktop-grid-type));
    height: fit-content;
}

.image-grid-section  {
    overflow: clip;
}

.image-grid__grid.grid {
    width: calc(100% + var(--grid-gap));
}

.grid-item-desktop--1:not(:nth-child(-n+1)) .image-grid__image,
.grid-item-desktop--2:not(:nth-child(-n+2)) .image-grid__image,
.grid-item-desktop--3:not(:nth-child(-n+3)) .image-grid__image,
.grid-item-desktop--4:not(:nth-child(-n+4)) .image-grid__image,
.grid-item-desktop--5:not(:nth-child(-n+5)) .image-grid__image,
.grid-item-desktop--6:not(:nth-child(-n+6)) .image-grid__image {
    padding-top: var(--grid-gap);
}
.grid-item .image-grid__image {
    padding-inline-end: var(--grid-gap);
}

.product__media-toggle {
    display: flex;
    border: none;
    background-color: transparent;
    color: currentColor;
    padding: 0;
    position: absolute!important;
    opacity: 0;
    width: 100%;
    inset: 0;
    margin: 0;
    border-radius: 0;
    z-index: 2;
  }
  
  .product__media-toggle::after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
  }

.product-media-modal {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
  }
  
  .product-media-modal[open] {
    visibility: visible;
    opacity: 1;
    z-index: 101;
  }
  .product-media-modal__dialog {
    display: flex;
    align-items: center;
    height: 100vh;
  }
  .product-media-modal__dialog,
  .product-media-modal .product-media-modal__content {
    height: 100dvh;
  }
  .product-media-modal__content {
    height: 100dvh;
    width: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    background-color: rgba(var(--layout-text-color), var(--overlay-opacity));
  }
  .image-grid__grid ~ .product-media-modal .product-media-modal__content {
    height: 100dvh;
    width: 100%;
    overflow-x: clip;
    overflow-y: scroll;
    display: none;
    flex-direction: column;
    opacity: 0;
    background-color: rgba(var(--layout-text-color), var(--overlay-opacity));
  }
  .product-media-modal__toggle {
    inset-inline-end: 16px;
    position: fixed;
    z-index: 3;
    top: 16px;
  }
  
  .product-media-modal[open] .product-media-modal__content {
    display: flex;
    animation: disableOpacityModal .3s var(--transition-timing-function);
    opacity: 1;
  }

  @keyframes disableOpacityModal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
  }
  @keyframes productModalOpen {
    0% {
        top: calc(40px);
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
  }

  .product-media-modal .slider,
  .product-media-modal .product-media-modal__wrapper--default {
    opacity: 0;
    top: calc(40px);
  }

  .product-media-modal[open] .slider,
  .product-media-modal[open] .product-media-modal__wrapper--default {
    opacity: 1;
    top: 0;
    animation: productModalOpen var(--animation-duration) var(--transition-timing-function);
  }

  .product-media-modal__wrapper {
    width: 100%;
  }

  .product-media-modal__wrapper .slider,
  .product-media-modal__wrapper--default {
    width: var(--item-width);
    max-width: var(--item-width);
    margin-left: auto;
    margin-right: auto;
    height: 100%;
  }

  .product-media-modal__wrapper {
    display: block;
    margin: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .product-media-modal__wrapper .slider__viewport {
    max-width: 100%;
  }

  .product-media-modal__wrapper .slider__grid {
    min-height: 100dvh;
  }

  .product-media-modal__wrapper .slider {
    justify-content: center;
  }

  .product-media-modal__wrapper li > *:not(div.image-magnify-full-size):not(.image-zoom-icon),
  .product-media-modal__wrapper li figure img {
    width: 100%;
    height: 100%;
  }

  .product-media-modal__wrapper--default > .product__media-item,
  .product-media-modal__wrapper--default > .product-modal-image,
  .product-media-modal__wrapper--default .lazy-image,
  .product-media-modal__wrapper--default .lazy-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .product-media-modal__wrapper .slider__grid-item {
    height: fit-content;
    display: flex;
    position: relative;
  }

  .product-media-modal__wrapper li img {
    object-position: var(--focal-point);
  }

  .product-media-modal__wrapper li > *.ratio-original {
    height: auto;
  }

  .product-media-modal__wrapper .slider-button {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 62px;
    justify-content: center;
    z-index: 2;
  }

  .product-media-modal__wrapper .slider-button[disabled] {
    pointer-events: all;
  }

  .product-media-modal__wrapper .slider-button .slider-button--wrapper {
    width: 44px;
    height: 44px;
    background-color: rgb(var(--layout-background-color));
    border-radius: var(--other-buttons-radius);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-media-modal__wrapper .slider-button--prev {
    inset-inline-start: 0;
  }

  .product-media-modal__wrapper .slider-button--next {
    inset-inline-end: 0;
  }

  .product-media-modal__wrapper .slider-button:not([disabled]) {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
  }

  @media (hover: hover) {
    .product-media-modal__wrapper .slider-button:not([disabled]):hover {
      opacity: 0.7;
    }
    .product-media-modal__wrapper .slider-button:not([disabled]):hover svg {
      transform: none;
    }
  }

  .product-media-modal__content img.product-modal-image:not(.product__media-item--variant-show):not(.product__media-item--variant--alt):not(.product__media-item--show),
  .product-media-modal__content li:has(img.product-modal-image:not(.product__media-item--variant-show):not(.product__media-item--variant--alt):not(.product__media-item--show)) {
    display: none;
    position: absolute !important;
    overflow: clip;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
  }

  .product-media-modal__content .media {
    background: none;
  }
  
  .product-media-modal__model {
    width: 100%;
  }
  
  .product-media-modal__toggle {
    right: 16px;
    position: fixed;
    z-index: 3;
    top: 16px;
  }

  .zoom_icon {
    position: absolute !important;
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
    border-radius: var(--other-buttons-radius);
    z-index: 1;
    background-color: rgb(var(--layout-background-color));
    cursor: pointer;
  }
  
  .zoom_icon svg {
    fill: rgb(var(--layout-text-color));
    width: 20px;
    height: 20px;
  }

  .image-zoom-icon  {
    position: absolute !important;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
    border-radius: var(--other-buttons-radius);
    z-index: 4;
    background-color: rgb(var(--layout-background-color));
    cursor: pointer;
}

.image-zoom-icon svg {
    fill: rgb(var(--layout-text-color));
    width: 20px;
    height: 20px;
}   

@media screen and (max-width: 920px) {
    .zoom-slider-buttons-items.hidden-on-mobile,
    .zoom-slider-buttons-items.hidden-mobile {
      display: none;
    }
    .zoom-slider-buttons-items.hidden-desktop:not(.hidden-on-mobile) {
      display: block;
    }
  }

  @media (hover: hover) {
    .product__media-item:hover .zoom_icon {
      display: flex;
    }
  }

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .grid-item-desktop--6 {
        width: calc(100% / 5);
    }
    .image-grid__grid--6:not(.grid) {
        grid-template-columns: repeat(5, 1fr);
        gap: var(--grid-gap);
    }
    .grid-item-desktop--6:not(:nth-child(-n+5)) .image-grid__image {
        padding-top: var(--grid-gap);
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .grid-item-desktop--6,
    .grid-item-desktop--5 {
        width: calc(100% / 4);
    }
    .image-grid__grid--6:not(.grid),
    .image-grid__grid--5:not(.grid) {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid-item-desktop--5:not(:nth-child(-n+4)) .image-grid__image,
    .grid-item-desktop--6:not(:nth-child(-n+4)) .image-grid__image {
        padding-top: var(--grid-gap);
    }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
    .image-grid__grid-mobile--2 .grid-item {
        width: calc(100% / 2);
    }
    .image-grid__grid-mobile--1 .grid-item {
        width: 100%;
    }
    .grid-item-mobile--1:not(:nth-child(-n+1)) .image-grid__image,
    .grid-item-mobile--2:not(:nth-child(-n+2)) .image-grid__image {
        padding-top: var(--grid-gap);
    }
    .image-grid__grid:not(.grid) {
        grid-template-columns: repeat(var(--desktop-grid-type), 1fr);
    }
    @media (hover: hover) {
        .image-grid__image-wrapper.hoverable:hover .zoom_icon {
            display: none;
        }
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .grid-item-desktop--6 {
            width: calc(100% / 5);
        }
        .image-grid__grid--6:not(.grid) {
            grid-template-columns: repeat(5, 1fr);
            gap: var(--grid-gap);
        }
        .grid-item-desktop--6:not(:nth-child(-n+5)) .image-grid__image {
            padding-top: var(--grid-gap);
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .grid-item-desktop--6,
        .grid-item-desktop--5 {
            width: calc(100% / 4);
        }
        .image-grid__grid--6:not(.grid),
        .image-grid__grid--5:not(.grid) {
            grid-template-columns: repeat(4, 1fr);
        }
        .grid-item-desktop--5:not(:nth-child(-n+4)) .image-grid__image,
        .grid-item-desktop--6:not(:nth-child(-n+4)) .image-grid__image {
            padding-top: var(--grid-gap);
        }
    }
    /* Mobile-mini */
    @container inside-content (max-width: 500px) {
        .image-grid__grid-mobile--2 .grid-item {
            width: calc(100% / 2);
        }
        .image-grid__grid-mobile--1 .grid-item {
            width: 100%;
        }
        .grid-item-mobile--1:not(:nth-child(-n+1)) .image-grid__image,
        .grid-item-mobile--2:not(:nth-child(-n+2)) .image-grid__image {
            padding-top: var(--grid-gap);
        }
        .image-grid__grid:not(.grid) {
            grid-template-columns: repeat(var(--desktop-grid-type), 1fr);
        }
        .image-grid__image-wrapper.hoverable:hover .zoom_icon {
            display: none;
        }
    }
}


/* Logo slider */
.logo-slider__card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
} 
.logo-slider__card .placeholder-svg, .logo-slider__card .logo-slider__image {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.logo-slider__button {
    width: fit-content;
    margin-inline-start: auto;
    margin-inline-end: auto;
    text-align: center;
}
.logo-slider a:focus {
    outline-offset: -2px;
}
.slider-section--spacious .logo-slider__button {
    margin-top: 64px;
}
.slider-section--spacious.slider-section--lines .logo-slider__button {
    margin-top: 48px;
}
.slider-section--compact .logo-slider__button {
    margin-top: 24px;
}
a.logo-slider__card {
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function);
}
.logo-slider.slider-section--lines.slider-section--spacious .slider__header {
    padding: 0;
    border-bottom: none;
}
.logo-slider.slider-section--lines.slider-section--compact .slider__header {
    padding: 0;
    border-bottom: none;
}
.logo-slider.slider-section--lines-global.slider-section--spacious .slider__header {
    padding: 48px 0;
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.logo-slider.slider-section--lines-global.slider-section--compact .slider__header {
    padding: 24px 0;
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.logo-slider.slider-section--lines .slider {
    border-top: none;
}
.logo-slider.slider-section--lines-global .slider {
    border-top: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
.inside-content .logo-slider.slider-section--lines.slider-section--compact .slider {
    gap: 24px!important;
}
.inside-content .logo-slider.slider-section--lines.slider-section--spacious .slider {
    gap: 64px!important;
}
.inside-content .logo-slider.slider-section--lines-global.slider-section--spacious .slider,
.inside-content .logo-slider.slider-section--lines-global.slider-section--compact .slider {
    gap: 0!important;
}
.logo-slider.slider-section--spacious.slider-section--lines-global .slider:not(.slider--row) .slider__viewport,
.logo-slider.slider-section--spacious.slider-section--lines-global.slider-section--lines .slider:not(.slider--row) .slider__viewport {
    padding-top: 48px;
}
.logo-slider.slider-section--compact.slider-section--lines-global .slider:not(.slider--row) .slider__viewport,
.logo-slider.slider-section--compact.slider-section--lines-global.slider-section--lines .slider:not(.slider--row) .slider__viewport {
    padding-top: 24px;
}
.logo-slider.slider-section--spacious.slider-section--lines .slider:not(.slider--row) .slider__viewport,
.logo-slider.slider-section--compact.slider-section--lines .slider:not(.slider--row) .slider__viewport {
    padding-top: 0;
}


@media (hover: hover) {
    a.logo-slider__card:hover {
        opacity: 0.7;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .slider-section--spacious .logo-slider__button {
        margin-top: 48px;
    }
    .inside-content .logo-slider.slider-section--lines.slider-section--spacious .slider {
        gap: 48px!important;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .slider-section--spacious .logo-slider__button {
        margin-top: 32px;
    }
    .inside-content .logo-slider.slider-section--lines.slider-section--spacious .slider {
        gap: 32px!important;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .slider-section--spacious .logo-slider__button {
            margin-top: 48px;
        }
        .inside-content .logo-slider.slider-section--lines.slider-section--spacious .slider {
            gap: 48px!important;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .slider-section--spacious .logo-slider__button {
            margin-top: 32px;
        }
        .inside-content .logo-slider.slider-section--lines.slider-section--spacious .slider {
            gap: 32px!important;
        }
    }
}

/* Main blog */
.main-blog {
    display: flex;
    flex-direction: column;
    color: rgb(var(--layout-text-color));
    width: 100%;
}

.main-blog--spacious {
    gap: 128px;
}

.main-blog--compact {
    gap: 48px;
}

.blog__heading.center {
    text-align: center;
}

.main-blog--lines.main-blog--spacious .blog__filters,
.main-blog--lines.main-blog--compact .blog__filters,
.article--lines,
.featured-blog__header--lines {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.main-blog--lines.main-blog--spacious .blog__filters {
    margin-bottom: -64px;
    padding-top: 64px;
    
}
.main-blog--lines.main-blog--compact .blog__filters {
    margin-bottom: -24px;
    padding-top: 24px;
}

.blog__filters-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.blog__filters-list.center {
    justify-content: center;
}

.blog__filters-select {
    display: none;
}

.blog__filters-select .select__select {
    width: 100%;
}

.blog__filters-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border: var(--outline-thickness) solid transparent;
    border-radius: var(--field-radius);
    transition: background-color var(--animation-duration) var(--transition-timing-function), border var(--animation-duration) var(--transition-timing-function);
}

.article-card .article-card__title {
    transition: opacity var(--animation-duration) var(--transition-timing-function); 
} 

.blog__filters-link.is-selected {
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    cursor: auto;
}

.blog-articles {
    height: fit-content;
    overflow: clip;
}

.blog-articles__article {
    height: fit-content;
}

.blog-articles__article.article--2 {
    height: 100%;
}

@media (hover: hover) {
    .blog__filters-link:not(.is-selected):hover {
        background-color: rgba(var(--layout-text-color), .05);
        border: var(--outline-thickness) solid rgba(var(--layout-text-color), 0);
    }
    .article-card:hover .article-card__title {
        opacity: .7;
    } 
    .article-card:hover .article-card__image img {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
}

.blog-articles {
    position: relative;
}

.blog-articles--1 {
    display: grid;
    grid-template-columns: 1fr;
}

.blog-articles--2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.blog-articles--2.blog-articles--lines {
    grid-template-columns: calc(((100% - var(--line-width)) / 2) + var(--line-width)) calc(((100% - var(--line-width)) / 2));
}

.main-blog--spacious .blog-articles {
    gap: 128px 80px;
}

.main-blog--spacious .blog-articles.blog-articles--lines {
    gap: 64px 0px;
}

.main-blog--compact .blog-articles {
    gap: 48px 40px;
}

.main-blog--compact .blog-articles.blog-articles--lines {
    gap: 24px 0px;
}

.article-card {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.article-card__title--accent {
    color: rgb(var(--accent-button-color));
}

.color-invert .article-card__title--accent,
.color-custom .article-card__title--accent {
    color: rgb(var(--layout-text-color));
}

.article-card__info:only-child {
    flex: 0 0 100% !important;
}

.article-card__image {
    display: flex;
    overflow: clip;
    border-radius: var(--context-image-radius);
    -webkit-border-radius: var(--context-image-radius);
}

.article-card__image img {
    width: 100%;
    height: 100%;
    object-position: var(--focal-point);
    transform: scale(1);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.info {
    display: flex;
    align-items: center;
    gap: 4px 12px;
    flex-wrap: wrap;
}

.article-card__item:not(:first-child) {
    margin-top: 24px;
}

.article-card--compact .article-card__item:not(:first-child),
.article-card__title + .info {
    margin-top: 8px;
}

.article-card__item:last-child {
    margin-bottom: 8px;
}

.article-card__link:not(.link-button) {
    max-width: 200px;
    width: 100%;
}

.article-card__link.link-button {
    max-width: 200px;
    width: fit-content;
}

.info span {
    display: flex;
    align-items: center;
}

.info span:not(:first-of-type)::before {
    content: "";
    background-color: rgb(var(--layout-text-color));
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin-inline-end: 12px;
}

.article--lines.article--spacious {
    padding-top: 64px;
}

.article--lines.article--compact {
    padding-top: 24px;
}

/* One column */
.article-card--1.article-card--spacious {
    gap: 120px;
    --gap: 120px;
}
.article-card--1.article-card--lines .article-card__info + .article-card__image-wrapper {
    padding-inline-start: var(--gap);
}
.article-card--1.article-card--lines .article-card__info.with-image {
    padding-inline-end: var(--gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.article-card--1.article-card--compact {
    gap: 12px;
    --gap: 12px;
}
.article-card--1.article-card--spacious.article-card--lines {
    gap: 0;
    --gap: 60px;
}
.article-card--1.article-card--compact.article-card--lines {
    gap: 0px;
    --gap: 16px;
}
.article-card--1 .article-card__image-wrapper {
    flex: 0 0 calc(((100% - var(--gap) * 2) / 3) * 2 + var(--gap));
}
.article-card--1 .article-card__info {
    flex: 0 0 calc(((100% - var(--gap) * 2) / 3) );
}
.article-card--1.article-card--compact .article-card__info {
    flex: 0 0 calc(((100% - var(--gap) * 2) / 3) - 28px);
}
.article-card--1.article-card--lines .article-card__image-wrapper {
    flex: 0 0 calc((((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3)) * 2 + var(--gap));
}
.article-card--1.article-card--lines .article-card__info {
    flex: 0 0 calc((((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3)));
}

/* Two columns */
.article-card--2.article-card--spacious {
    gap: 40px;
    --gap: 40px;
}
.article-card--2.article-card--compact {
    gap: 12px;
    --gap: 12px;
}
.article--lines .article-card__container--2 {
    height: 100%;
}
.article--lines:nth-child(odd) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
    padding-inline-end: 40px;
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.article--lines:nth-child(odd) .article-card__container--lines.article-card__container--compact.article-card__container--2 {
    padding-inline-end: 16px;
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.article--lines:nth-child(even) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
    padding-inline-start: 40px;
}
.article--lines:nth-child(even) .article-card__container--lines.article-card__container--compact.article-card__container--2 {
    padding-inline-start: 16px;
}
.article--2 .article-card--2.article-card--spacious .article-card__image-wrapper {
    flex: 0 0 calc(((200% + 80px) - (80px * 3)) / 4);
}
.article--2 .article-card--2.article-card--spacious .article-card__info {
    flex: 0 0 calc(100% - var(--gap) - (((200% + 80px) - (80px * 3)) / 4));
}
.article--2 .article-card--2.article-card--compact .article-card__image-wrapper {
    flex: 0 0 calc(((200% + 40px) - (12px * 3)) / 4);
}
.article--2 .article-card--2.article-card--compact .article-card__info {
    flex: 0 0 calc(100% - var(--gap) - (((200% + 40px) - (12px * 3)) / 4));
}
.article--2 .article-card--2.article-card--spacious.article-card--lines .article-card__image-wrapper {
    flex: 0 0 calc((((200% + 40px + var(--line-width)) - 40px * 3)) / 4 - ((var(--line-width) / 2 ) + 40px / 2) - (var(--line-width) / 4 ));
}
.article--2 .article-card--2.article-card--spacious.article-card--lines .article-card__info {
    flex: 0 0 calc(100% - var(--gap) - ((((200% + 40px + var(--line-width)) - 40px * 3)) / 4 - ((var(--line-width) / 2 ) + 40px / 2)) - (var(--line-width) / 4 ));
}
.article--2 .article-card--2.article-card--compact.article-card--lines .article-card__image-wrapper {
    flex: 0 0 calc((((200% + 16px + var(--line-width)) - 16px * 3)) / 4 - ((var(--line-width) / 2 ) + 16px / 2) - (var(--line-width) / 4 ));
}
.article--2 .article-card--2.article-card--compact.article-card--lines .article-card__info {
    flex: 0 0 calc(100% - var(--gap) - ((((200% + 16px + var(--line-width)) - 16px * 3)) / 4 - ((var(--line-width) / 2 ) + 16px / 2)) - (var(--line-width) / 4 ));
}

.featured-blog,
.featured-blog__header {
    display: flex;
    flex-direction: column;
}

.featured-blog__header {
    gap: 16px;
}

.featured-blog__header.center {
    align-items: center;
    text-align: center;
}

.featured-blog--spacious:not(.featured-blog--lines) {
    gap: 64px;
}

.featured-blog--compact:not(.featured-blog--lines) {
    gap: 24px;
}

.featured-blog__header--lines.featured-blog__header--spacious {
    padding: 48px 0;
}

.featured-blog__header--lines.featured-blog__header--compact {
    padding: 24px 0;
}
main > section:first-child .featured-blog__header--lines {
    border-top: none;
    padding-top: 0!important;
}

/* Fonts */
.heading--minimal_uppercase,
.article-card__title--minimal_uppercase,
.article-card__title--avant_garde,
.featured-blog__heading--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.heading--minimal_basic,
.article-card__title--minimal_basic,
.featured-blog__heading--minimal_basic {
    font: var(--base-heading-xs-font);
}
.heading--minimal_heavy,
.featured-blog__heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.heading--classic,
.article-card__title--contrast,
.featured-blog__heading--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.heading--avant_garde,
.featured-blog__heading--brutalist,
.featured-blog__heading--duet {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.heading--contrast {
    font: var(--accent-heading-xl-font);
    letter-spacing: -0.02em;
}
.heading--brutalist {
    font: var(--base-heading-xl-font);
    text-transform: uppercase;
    letter-spacing: -0.02em; 
}
.heading--duet,
.article-card__title--duet {
    font: var(--accent-body-l-font);
}
.info--minimal_uppercase,
.info--minimal_basic,
.info--classic,
.info--avant_garde,
.info--contrast,
.featured-blog__subheading--minimal_uppercase,
.featured-blog__subheading--minimal_basic,
.featured-blog__subheading--classic,
.featured-blog__subheading--contrast {
    font: var(--base-label-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.info--minimal_heavy,
.featured-blog__subheading--minimal_heavy {
    font: var(--base-body-l-font);
}
.info--brutalist,
.featured-blog__subheading--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.info--duet,
.featured-blog__subheading--duet {
    font: var(--base-body-m-font);
}
.article-card__title--minimal_heavy {
    font: var(--base-heading-s-font);
}
.article-card__title--classic,
.featured-blog__heading--classic {
    font: var(--accent-heading-s-font);
}
.article-card__title--brutalist {
    text-transform: uppercase;
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.featured-blog__heading--avant_garde {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
}
.featured-blog__subheading--avant_garde {
    font: var(--accent-body-m-font);
}
.featured-blog__subheading--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}
.featured-blog__heading--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}

.view-all--spacious.view-all--lines {
    margin: 64px auto 0 auto;
}

.view-all--compact.view-all--lines {
    margin: 24px auto 0 auto;
}

.view-all--spacious,
.view-all--compact {
    margin: 0 auto;
}

.heading--custom,
.article-card__title--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}
.info--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}



/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .heading--brutalist {
        font: var(--base-heading-l-font);
    }
    .main-blog--spacious .blog-articles {
        gap: 96px 64px;
    }
    .article-card--1.article-card--spacious {
        gap: 96px;
        --gap: 96px;
    }
    .article-card--1.article-card--spacious.article-card--lines {
        gap: 0;
        --gap: 32px;
    }
    .article--2 .article-card--2.article-card--spacious .article-card__image-wrapper {
        flex: 0 0 calc(((200% + 80px) - (64px * 3)) / 4);
    }
    .article--2 .article-card--2.article-card--spacious .article-card__info {
        flex: 0 0 calc(100% - var(--gap) - (((200% + 80px) - (64px * 3)) / 4));
    }
    .article--2 .article-card--2.article-card--spacious.article-card--lines .article-card__image-wrapper {
        flex: 0 0 calc((((200% + 24px + var(--line-width)) - 24px * 3)) / 4 - ((var(--line-width) / 2 ) + 24px / 2) - (var(--line-width) / 4 ));
    }
    .article--2 .article-card--2.article-card--spacious.article-card--lines .article-card__info {
        flex: 0 0 calc(100% - var(--gap) - ((((200% + 24px + var(--line-width)) - 24px * 3)) / 4 - ((var(--line-width) / 2 ) + 24px / 2)) - (var(--line-width) / 4 ));
    }
    .article--lines:nth-child(even) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
        padding-inline-start: 24px;
    }
    .article--lines:nth-child(odd) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
        padding-inline-end: 24px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .page-width .heading--brutalist {
        font: var(--base-heading-l-font);
    }
    .page-width.main-blog--spacious .blog-articles {
        gap: 96px 64px;
    }
    .page-width .article-card--1.article-card--spacious {
        gap: 96px;
        --gap: 96px;
    }
    .page-width .article-card--1.article-card--spacious.article-card--lines {
        gap: 0;
        --gap: 32px;
    }
    .page-width .article--2 .article-card--2.article-card--spacious .article-card__image-wrapper {
        flex: 0 0 calc(((200% + 80px) - (64px * 3)) / 4);
    }
    .page-width .article--2 .article-card--2.article-card--spacious .article-card__info {
        flex: 0 0 calc(100% - var(--gap) - (((200% + 80px) - (64px * 3)) / 4));
    }
    .page-width .article--2 .article-card--2.article-card--spacious.article-card--lines .article-card__image-wrapper {
        flex: 0 0 calc((((200% + 24px + var(--line-width)) - 24px * 3)) / 4 - ((var(--line-width) / 2 ) + 24px / 2) - (var(--line-width) / 4 ));
    }
    .page-width .article--2 .article-card--2.article-card--spacious.article-card--lines .article-card__info {
        flex: 0 0 calc(100% - var(--gap) - ((((200% + 24px + var(--line-width)) - 24px * 3)) / 4 - ((var(--line-width) / 2 ) + 24px / 2)) - (var(--line-width) / 4 ));
    }
    .page-width .article--lines:nth-child(even) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
        padding-inline-start: 24px;
    }
    .page-width .article--lines:nth-child(odd) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
        padding-inline-end: 24px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .heading--avant_garde,
    .heading--brutalist,
    .featured-blog__heading--brutalist,
    .featured-blog__heading--duet {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
    .heading--contrast {
        font: var(--accent-heading-m-font);
        letter-spacing: -0.01em;
    }
    .article-card--1.article-card--spacious {
        gap: 64px;
        --gap: 64px;
    }
    .article-card--1.article-card--spacious.article-card--lines {
        gap: 0;
        --gap: 24px;
    }
    .main-blog--spacious {
        gap: 96px;
    }
    .main-blog--lines.main-blog--spacious .blog__filters {
        margin-bottom: -48px;
        padding-top: 48px;
    }
    .main-blog--spacious .blog-articles {
        gap: 64px 48px;
    }
    .main-blog--spacious .blog-articles.blog-articles--lines {
        gap: 32px 0px;
    }
    .article--lines.article--spacious {
        padding-top: 32px;
    }
    .featured-blog--spacious:not(.featured-blog--lines) {
        gap: 48px;
    }
    .view-all--spacious.view-all--lines {
        margin-top: 48px;
    }
    .blog-articles--2,
    .blog-articles--2.blog-articles--lines {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
    }
    .blog-articles--2.blog-articles--lines .article--lines:nth-child(odd) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
        padding-inline-end: 0;
        border-inline-end: none;
    }
    .blog-articles--2.blog-articles--lines .article--lines:nth-child(even) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
        padding-inline-start: 0;
    }
    .article--2 .article-card--2.article-card--spacious .article-card__image-wrapper {
        flex: 0 0 calc(((200% + 48px) - (48px * 3)) / 4);
    }
    .article--2 .article-card--2.article-card--spacious .article-card__info {
        flex: 0 0 calc(100% - var(--gap) - (((200% + 48px) - (48px * 3)) / 4));
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .heading--avant_garde,
    .heading--brutalist,
    .featured-blog__heading--brutalist,
    .featured-blog__heading--duet,
    .heading--minimal_heavy,
    .featured-blog__heading--minimal_heavy,
    .article-card__title--brutalist {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .heading--contrast,
    .heading--classic,
    .article-card__title--contrast,
    .featured-blog__heading--contrast {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .article-card {
        flex-direction: column-reverse;
    }
    .blog__filters-list {
        display: none;
    }
    .blog__filters-select {
        display: block;
    }
    .article-card--lines .article-card__info + .article-card__image-wrapper {
        padding-inline-start: 0;
    }
    .main-blog--spacious {
        gap: 64px;
    }
    .main-blog--spacious .blog-articles {
        gap: 48px 48px;
    }
    .main-blog--compact .blog-articles {
        gap: 32px 40px;
    }
    .main-blog--lines.main-blog--spacious .blog__filters {
        margin-bottom: -32px;
        padding-top: 32px;
    }
    .main-blog--spacious .blog-articles.blog-articles--lines {
        gap: 24px 0px;
    }
    .main-blog--compact .blog-articles.blog-articles--lines {
        gap: 16px 0px;
    }
    .article--lines.article--spacious {
        padding-top: 24px;
    }
    .blog-articles--2,
    .blog-articles--2.blog-articles--lines {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
    }
    .article-card--1.article-card--spacious,
    .article-card--2.article-card--spacious {
        gap: 16px;
        --gap: 16px;
    }
    .article-card--1.article-card--lines .article-card__info.with-image {
        padding-inline-end: 0;
        border-inline-end: none;
    }
    .article-card--1.article-card--lines .article-card__info + .article-card__image-wrapper {
        padding-inline-start: 0;
    }
    .article-card--1.article-card--spacious.article-card--lines {
        gap: 16px;
    }
    .article--lines.article--compact {
        padding-top: 16px;
    }
    .article--lines:nth-child(odd) .article-card__container--lines.article-card__container--spacious.article-card__container--2,
    .article--lines:nth-child(odd) .article-card__container--lines.article-card__container--compact.article-card__container--2 {
        padding-inline-end: 0;
        border-inline-end: none;
    }
    .article--lines:nth-child(even) .article-card__container--lines.article-card__container--spacious.article-card__container--2,
    .article--lines:nth-child(even) .article-card__container--lines.article-card__container--compact.article-card__container--2 {
        padding-inline-start: 0;
    }
    .featured-blog--spacious:not(.featured-blog--lines) {
        gap: 32px;
    }
    .view-all--spacious.view-all--lines {
        margin-top: 32px;
    }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
    .main-blog--spacious {
        gap: 48px;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .page-width .heading--brutalist {
        font: var(--base-heading-l-font);
    }
    .page-width.main-blog--spacious .blog-articles {
        gap: 96px 64px;
    }
    .page-width .article-card--1.article-card--spacious {
        gap: 96px;
        --gap: 96px;
    }
    .page-width .article-card--1.article-card--spacious.article-card--lines {
        gap: 0;
        --gap: 32px;
    }
    .page-width .article--2 .article-card--2.article-card--spacious .article-card__image-wrapper {
        flex: 0 0 calc(((200% + 80px) - (64px * 3)) / 4);
    }
    .page-width .article--2 .article-card--2.article-card--spacious .article-card__info {
        flex: 0 0 calc(100% - var(--gap) - (((200% + 80px) - (64px * 3)) / 4));
    }
    .page-width .article--2 .article-card--2.article-card--spacious.article-card--lines .article-card__image-wrapper {
        flex: 0 0 calc((((200% + 24px + var(--line-width)) - 24px * 3)) / 4 - ((var(--line-width) / 2 ) + 24px / 2) - (var(--line-width) / 4 ));
    }
    .page-width .article--2 .article-card--2.article-card--spacious.article-card--lines .article-card__info {
        flex: 0 0 calc(100% - var(--gap) - ((((200% + 24px + var(--line-width)) - 24px * 3)) / 4 - ((var(--line-width) / 2 ) + 24px / 2)) - (var(--line-width) / 4 ));
    }
    .page-width .article--lines:nth-child(even) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
        padding-inline-start: 24px;
    }
    .page-width .article--lines:nth-child(odd) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
        padding-inline-end: 24px;
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .heading--contrast {
            font: var(--accent-heading-l-font);
        }
        .heading--brutalist {
            font: var(--base-heading-l-font);
        }
        .main-blog--spacious .blog-articles {
            gap: 96px 64px;
        }
        .article-card--1.article-card--spacious {
            gap: 96px;
            --gap: 96px;
        }
        .article-card--1.article-card--spacious.article-card--lines {
            gap: 0;
            --gap: 32px;
        }
        .article--2 .article-card--2.article-card--spacious .article-card__image-wrapper {
            flex: 0 0 calc(((200% + 80px) - (64px * 3)) / 4);
        }
        .article--2 .article-card--2.article-card--spacious .article-card__info {
            flex: 0 0 calc(100% - var(--gap) - (((200% + 80px) - (64px * 3)) / 4));
        }
        .article--2 .article-card--2.article-card--spacious.article-card--lines .article-card__image-wrapper {
            flex: 0 0 calc((((200% + 24px + var(--line-width)) - 24px * 3)) / 4 - ((var(--line-width) / 2 ) + 24px / 2) - (var(--line-width) / 4 ));
        }
        .article--2 .article-card--2.article-card--spacious.article-card--lines .article-card__info {
            flex: 0 0 calc(100% - var(--gap) - ((((200% + 24px + var(--line-width)) - 24px * 3)) / 4 - ((var(--line-width) / 2 ) + 24px / 2)) - (var(--line-width) / 4 ));
        }
        .article--lines:nth-child(even) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
            padding-inline-start: 24px;
        }
        .article--lines:nth-child(odd) .article-card__container--lines.article-card__container--spacious.article-card__container--2 {
            padding-inline-end: 24px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .heading--avant_garde,
        .heading--brutalist,
        .featured-blog__heading--brutalist,
        .featured-blog__heading--duet {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
        .heading--contrast {
            font: var(--accent-heading-m-font);
            letter-spacing: -0.01em;
        }
        .article-card--1.article-card--spacious {
            gap: 64px;
            --gap: 64px;
        }
        .article-card--1.article-card--spacious.article-card--lines {
            gap: 0;
            --gap: 24px;
        }
        .main-blog--spacious {
            gap: 96px;
        }
        .main-blog--lines.main-blog--spacious .blog__filters {
            margin-bottom: -48px;
            padding-top: 48px;
        }
        .main-blog--spacious .blog-articles {
            gap: 64px 48px;
        }
        .main-blog--spacious .blog-articles.blog-articles--lines {
            gap: 32px 0px;
        }
        .article--lines.article--spacious {
            padding-top: 32px;
        }
        .featured-blog--spacious:not(.featured-blog--lines) {
            gap: 48px;
        }
        .view-all--spacious.view-all--lines {
            margin-top: 48px;
        }
        .blog-articles--2,
        .blog-articles--2.blog-articles--lines {
            grid-template-columns: repeat(1, 1fr);
            grid-template-rows: 1fr;
        }
        .article--2 .article-card--2.article-card--spacious .article-card__image-wrapper {
            flex: 0 0 calc(((200% + 48px) - (48px * 3)) / 4);
        }
        .article--2 .article-card--2.article-card--spacious .article-card__info {
            flex: 0 0 calc(100% - var(--gap) - (((200% + 48px) - (48px * 3)) / 4));
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .heading--avant_garde,
        .heading--brutalist,
        .featured-blog__heading--brutalist,
        .featured-blog__heading--duet,
        .heading--minimal_heavy,
        .featured-blog__heading--minimal_heavy,
        .article-card__title--brutalist {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .heading--contrast,
        .heading--classic,
        .article-card__title--contrast,
        .featured-blog__heading--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .article-card {
            flex-direction: column-reverse;
        }
        .blog__filters-list {
            display: none;
        }
        .blog__filters-select {
            display: block;
        }
        .article-card--lines .article-card__info + .article-card__image-wrapper {
            padding-inline-start: 0;
        }
        .main-blog--spacious {
            gap: 64px;
        }
        .main-blog--spacious .blog-articles {
            gap: 48px 48px;
        }
        .main-blog--compact .blog-articles {
            gap: 32px 40px;
        }
        .main-blog--lines.main-blog--spacious .blog__filters {
            margin-bottom: -32px;
            padding-top: 32px;
        }
        .main-blog--spacious .blog-articles.blog-articles--lines {
            gap: 24px 0px;
        }
        .main-blog--compact .blog-articles.blog-articles--lines {
            gap: 16px 0px;
        }
        .article--lines.article--spacious {
            padding-top: 24px;
        }
        .blog-articles--2,
        .blog-articles--2.blog-articles--lines {
            grid-template-columns: repeat(1, 1fr);
            grid-template-rows: 1fr;
        }
        .article-card--1.article-card--spacious,
        .article-card--2.article-card--spacious {
            gap: 16px;
            --gap: 16px;
        }
        .article-card--1.article-card--lines .article-card__info.with-image {
            padding-inline-end: 0;
            border-inline-end: none;
        }
        .article-card--1.article-card--lines .article-card__info + .article-card__image-wrapper {
            padding-inline-start: 0;
        }
        .article-card--1.article-card--spacious.article-card--lines {
            gap: 16px;
        }
        .article--lines.article--compact {
            padding-top: 16px;
        }
        .article--lines:nth-child(odd) .article-card__container--lines.article-card__container.article-card__container--2 {
            padding-inline-end: 0;
            border-inline-end: none;
        }
        .article--lines:nth-child(even) .article-card__container--lines.article-card__container.article-card__container--2 {
            padding-inline-start: 0;
        }
        .featured-blog--spacious:not(.featured-blog--lines) {
            gap: 32px;
        }
        .view-all--spacious.view-all--lines {
            margin-top: 32px;
        }
    }
    /* Mobile-mini */
    @container inside-content (max-width: 500px) {
        .main-blog--spacious {
            gap: 48px;
        }
    }
}

/* Main page */
.ordinal-section--lines.section-page-wrapper::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}
.ordinal-section--lines.section-page-wrapper.ordinal-section--spacious::before {
    margin-bottom: 48px;
}
.ordinal-section--lines.section-page-wrapper.ordinal-section--compact::before {
    margin-bottom: 24px;
}
main > section:first-child .ordinal-section--lines.section-page-wrapper.ordinal-section::before {
    display: none;
}

.page {
    display: flex;
    flex-direction: column;
    color: rgb(var(--layout-text-color));
    gap: 64px;
}

.page--narrow {
    max-width: 960px;
    margin: 0 auto;
}

.page__title.center {
    text-align: center;
}
.page__content {
    position: relative;
}

/* Fonts */
.heading--minimal_uppercase,
.section-page-heading--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.heading--minimal_basic,
.section-page-heading--minimal_basic {
    font: var(--base-heading-xs-font);
}
.heading--minimal_heavy,
.section-page-heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.heading--classic,
.section-page-heading--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.heading--avant_garde,
.section-page-heading--brutalist,
.section-page-heading--duet {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.heading--contrast {
    font: var(--accent-heading-xl-font);
    letter-spacing: -0.02em;
}
.heading--brutalist {
    font: var(--base-heading-xl-font);
    text-transform: uppercase;
    letter-spacing: -0.02em; 
}
.heading--duet {
    font: var(--accent-body-l-font);
}
.section-page-heading--classic {
    font: var(--accent-heading-s-font);
}
.section-page-heading--avant_garde {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
}
.heading--custom,
.section-page-heading--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .heading--brutalist {
        font: var(--base-heading-l-font);
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .page-width .heading--brutalist {
        font: var(--base-heading-l-font);
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .heading--avant_garde,
    .heading--brutalist,
    .section-page-heading--brutalist,
    .section-page-heading--duet {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
    .heading--contrast {
        font: var(--accent-heading-m-font);
        letter-spacing: -0.01em;
    }
    .page {
        gap: 48px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .heading--avant_garde,
    .heading--brutalist,
    .section-page-heading--brutalist,
    .section-page-heading--duet,
    .heading--minimal_heavy,
    .section-page-heading--minimal_heavy {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .heading--contrast,
    .heading--classic,
    .section-page-heading--contrast {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width .heading--contrast {
        font: var(--accent-heading-l-font);
    }
    .page-width .heading--brutalist {
        font: var(--base-heading-l-font);
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .heading--contrast {
            font: var(--accent-heading-l-font);
        }
        .heading--brutalist {
            font: var(--base-heading-l-font);
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .heading--avant_garde,
        .heading--brutalist,
        .section-page-heading--brutalist,
        .section-page-heading--duet {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
        .heading--contrast {
            font: var(--accent-heading-m-font);
            letter-spacing: -0.01em;
        }
        .page {
            gap: 48px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .heading--avant_garde,
        .heading--brutalist,
        .section-page-heading--brutalist,
        .section-page-heading--duet,
        .heading--minimal_heavy,
        .section-page-heading--minimal_heavy {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .heading--contrast,
        .heading--classic,
        .section-page-heading--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
    }
}

/* Main product */
.product {
  display: flex;
  color: rgb(var(--layout-text-color));
}

.product--spacious.product--lines {
  border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
  padding-top: 48px;
}
.product--compact.product--lines {
  border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
  padding-top: 24px;
}
main > section:first-child .product.product--lines {
  border-top: none;
  padding-top: 0!important;
}
.quick-view .product.product--lines {
  border-top: none!important;
  padding-top: 0!important;
}
.quick-view .popup-wrapper__quick-view .slider__viewport {
  width: 100%!important;
}

.product__media-item {
  width: 100%;
  flex: 0 0 100%;
}

.product__media-item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt) {
  display: none;
  position: absolute !important;
  overflow: clip;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt) {
  display: none;
  position: absolute !important;
  overflow: clip;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.product__media, .product__media-item,
.product__media-wrapper > .placeholder-svg {
  border-radius: var(--context-image-radius);
  -webkit-border-radius: var(--context-image-radius);
}

.card-js.deferred-media .button-wrapper {
  position: absolute;
  top: 16px!important;
  inset-inline-end: 16px!important;
  width: fit-content;
  height: fit-content!important;
  margin-inline-start: auto;
  transform: translate(0)!important;
}
.card-js.deferred-media .button-wrapper .stop-video {
  display: none;
}

.product__media img {
  object-position: var(--focal-point) !important;
  height: auto;
}

.card__quick-view .product__media img {
  object-position: var(--focal-point) !important;
  height: auto !important;
}

.product__media.enable-blending,
.enable-blending .deferred-media__poster,
.deferred-media.enable-blending .shopify-model-viewer-ui,
.thumbnail.enable-blending {
    background: var(--blending-color, none);
}

.product__media.enable-blending img,
.enable-blending .deferred-media__poster img,
.deferred-media.enable-blending .shopify-model-viewer-ui model-viewer,
.thumbnail.enable-blending img {
    mix-blend-mode: darken;
}

.slider__grid.full-width.vertical_top .media>*:not(.zoom):not(.deferred-media__poster-button) {
  top: 0;
  bottom: auto;
}
.slider__grid.full-width.vertical_center .media>*:not(.zoom):not(.deferred-media__poster-button) {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
}
.slider__grid.full-width.vertical_bottom .media>*:not(.zoom):not(.deferred-media__poster-button) {
  bottom: 0;
  top: auto;
}
.slider__grid.full-width.horizontal_left .media>*:not(.zoom):not(.deferred-media__poster-button) {
  left: 0;
  right: auto;
}
.slider__grid.full-width.horizontal_center.vertical_top .media>*:not(.zoom):not(.deferred-media__poster-button),
.slider__grid.full-width.horizontal_center.vertical_bottom .media>*:not(.zoom):not(.deferred-media__poster-button) {
  left: 50%;
  transform: translate(-50%, 0);
  right: auto;
}
.slider__grid.full-width.horizontal_center.vertical_center .media>*:not(.zoom):not(.deferred-media__poster-button) {
  left: 50%;
  transform: translate(-50%, -50%);
  right: auto;
}
.slider__grid.full-width.horizontal_right .media>*:not(.zoom):not(.deferred-media__poster-button) {
  right: 0;
  left: auto;
} 

.product__placeholder img {
  object-position: var(--focal-point);
}

.zoom_icon {
  position: absolute !important;
  top: 20px;
  inset-inline-end: 20px;
  width: 44px;
  height: 44px;
  display: none;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
  border-radius: var(--other-buttons-radius);
  z-index: 1;
  background-color: rgb(var(--layout-background-color));
  cursor: pointer;
}

.zoom_icon svg {
  fill: rgb(var(--layout-text-color));
  width: 20px;
  height: 20px;
}
@media (hover: hover) {
  .product__media-item:hover .zoom_icon {
    display: flex;
  }
}
.product__info-wrapper--left {
  display: flex;
  justify-content: flex-end;
  order: -1;
}

.product--spacious.product--full_width {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.product--spacious.product--full_width.product--lines {
  gap: 32px;
}

.product--spacious.product--full_width.product--lines .product__media-wrapper {
  padding-bottom: 32px;
  border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.product--compact.product--full_width {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.product--compact.product--full_width.product--lines {
  gap: 24px;
}

.product--compact.product--full_width.product--lines .product__media-wrapper {
  padding-bottom: 24px;
  border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.product__info-block {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  height: fit-content;
}

.product--reverse .product__info-block {
  justify-content: flex-end;
}

.product__info-container {
  width: 100%;
}

.product--spacious.product--small .product__media-wrapper,
.product--spacious.product--large .product__media-wrapper,
.product--spacious.product--small .product__info-wrapper,
.product--spacious.product--large .product__info-wrapper,
.product--spacious.product--small .product__info-block,
.product--spacious.product--large .product__info-block,
.product--spacious .product__info-article--options,
.product--spacious .product__info-container--flex .product__info-article--description,
.product--spacious .product__info-container--flex .product__info-options-container {
  --gap: 120px;
} 

.product--spacious.product--small.product--lines .product__media-wrapper,
.product--spacious.product--large.product--lines .product__media-wrapper,
.product--spacious.product--small.product--lines .product__info-wrapper,
.product--spacious.product--large.product--lines .product__info-wrapper,
.product--spacious.product--small.product--lines .product__info-block,
.product--spacious.product--large.product--lines .product__info-block,
.product--spacious.product--lines .product__info-article--options,
.product--lines.product--spacious .product__info-container--flex .product__info-article--description,
.product--lines.product--spacious .product__info-container--flex .product__info-options-container {
  --gap: 60px;
}

.product--compact .product__media-wrapper,
.product--compact .product__info-wrapper,
.product--compact .product__info-container--flex .product__info-article--description,
.product--compact .product__info-container--flex .product__info-options-container {
  --gap: 12px
}

.product--compact.product--lines .product__media-wrapper,
.product--compact.product--lines .product__info-wrapper,
.product--compact.product--lines .product__info-block,
.product--compact.product--lines .product__info-article--options,
.product--lines.product--compact .product__info-container--flex .product__info-article--description,
.product--lines.product--compact .product__info-container--flex .product__info-options-container {
  --gap: 16px;
}

.product--compact .product__info-block,
.product--spacious.product--medium.product--lines .product__info-block,
.product--spacious.product--medium.product--lines .product__media-wrapper,
.product--spacious.product--medium.product--lines .product__info-wrapper,
.product--compact .product__info-article--options {
  --gap: 40px;
}

.product--spacious.product--medium .product__info-block,
.product--spacious.product--medium .product__media-wrapper,
.product--spacious.product--medium .product__info-wrapper {
  --gap: 80px;
}

.product--spacious.product--small .product__info-container {
  max-width: 920px;
}

.product--spacious.product--small .product__info-block {
  --max-width: 920px;
}

.product--spacious.product--medium .product__info-container {
  max-width: 480px;
}

.product--spacious.product--medium .product__info-block,
.product--spacious.product--large .product__info-block {
  --max-width: 480px;
}

.product--large .product__info-container,
.product__info-article--options-wrapper {
  max-width: 400px;
}

.product--large .product__info-block,
.product__info-article--options {
  --max-width: 400px;
}

.product--compact.product--small .product__info-container {
  max-width: 956px;
}

.product--compact.product--small .product__info-block {
  --max-width: 956px;
}

.product--compact.product--medium .product__info-container {
  max-width: 672px;
}

.product--compact.product--medium .product__info-block {
  --max-width: 672px;
}

.product--small .product__media-wrapper {
  flex: 0 0 calc((100% - (var(--gap) * 2)) / 3);
  max-width: calc((100% - (var(--gap) * 2)) / 3);
}

.product--small .product__info-wrapper {
  flex: 0 0 calc(100% - ((100% - (var(--gap) * 2)) / 3));
  max-width: calc(100% - ((100% - (var(--gap) * 2)) / 3));
}

.product--small.product--lines .product__media-wrapper {
  flex: 0 0 calc(((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
  max-width: calc(((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
  padding-block: 0; 
  padding-inline: 0 var(--gap);
}

.product--small.product--lines .product__info-wrapper {
  flex: 0 0 calc(100% - (((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3)));
  max-width: calc(100% - (((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3)));
}

.product--small .product__info-block,
.product--medium .product__info-block,
.product--large .product__info-block {
  padding-inline-start: max((calc((100% - var(--max-width)) / 2)), var(--gap));
}

.product--reverse.product--small .product__info-block,
.product--reverse.product--medium .product__info-block,
.product--reverse.product--large .product__info-block {
  padding-inline-end: max((calc(100% - var(--max-width)) / 2), var(--gap));
  padding-inline-start: 0px;
}

.product--lines:not(.product--full_width) .product__media-wrapper {
  border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.product--reverse.product--lines:not(.product--full_width) .product__media-wrapper {
  border-inline-end: none;
  border-inline-start: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.product--medium .product__info-wrapper {
  flex: 0 0 calc(100% - (((100% - var(--gap) * 3) / 4) * 2 + var(--gap)));
  max-width: calc(100% - (((100% - var(--gap) * 3) / 4) * 2 + var(--gap)));
}

.product--medium.product--lines .product__media-wrapper  {
  flex: calc((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap));
  max-width: calc((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap));
  padding-block: 0; 
  padding-inline: 0 var(--gap);
}

.product--medium.product--lines .product__info-wrapper {
  flex: calc(100% - ((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap)));
  max-width: calc(100% - ((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap)));
}

.product--medium .product__media-wrapper {
  flex: 0 0 calc(((100% - var(--gap) * 3) / 4) * 2 + var(--gap));
  max-width: calc(((100% - var(--gap) * 3) / 4) * 2 + var(--gap));
}

.product--large .product__media-wrapper {
  flex: 0 0 calc(((100% - var(--gap) * 2) / 3) * 2 + var(--gap));
  max-width: calc(((100% - var(--gap) * 2) / 3) * 2 + var(--gap));
}

.product--large .product__info-wrapper {
  flex: 0 0 calc(100% - (((100% - var(--gap) * 2) / 3) * 2 + var(--gap)));
  max-width: calc(100% - (((100% - var(--gap) * 2) / 3) * 2 + var(--gap)));
}

.product--large.product--lines .product__media-wrapper {
  flex: 0 0 calc((((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3)) * 2 + var(--gap));
  padding-block: 0; 
  padding-inline: 0 var(--gap);
}

.product--large.product--lines .product__info-wrapper {
  flex: 0 0 calc(100% - ((((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3)) * 2 + var(--gap)));
  max-width: calc(100% - ((((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3)) * 2 + var(--gap)));
}

.product--reverse.product--lines .product__media-wrapper {
  padding-block: 0; 
  padding-inline: var(--gap) 0;
}

.product__media-wrapper--full_width {
  width: 100%;
}

.product__media-wrapper .slider__grid:not(.thumbnail-list) {
  height: 100%;
}
  
  /* Form Elements */
  .product-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .product-form__error-message {
    display: block;
    color: rgb(var(--error-color));
  }

  .product-form__input {
    border: none;
    width: fit-content;
  }

  .product-form__input.stretched,
  .product-form__input--dropdown--stretched {
    width: 100%;
  }
  
  variant-radios,
  variant-selects {
    display: block;
  }
  
  .variants:has(> variant-selects > span.visually-hidden:only-child) {
    display: none;
  }

  .quick-view .variants {
    --layout-background-color: var(--popup-background-color);
  }
  
  .product-form__input .form__label {
    padding-inline-start: 0;
  }
  
  .product-form__input input[type="radio"] {
    clip: rect(0, 0, 0, 0);
    overflow: clip;
    position: absolute;
    height: 1px;
    width: 1px;
  }
  
  .product-form__input input[type="radio"] + label {
    border: var(--outline-thickness) solid rgb(var(--layout-background-color));
    background-color: rgb(var(--layout-background-color));
    border-radius: var(--field-radius);
    color: rgb(var(--layout-text-color));
    cursor: pointer;
    position: relative;
    min-height: 44px;
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: fit-content;
    min-width: 44px;
    padding: 0 12px;
    transition: background-color var(--animation-duration) var(--transition-timing-function), border var(--animation-duration) var(--transition-timing-function);
  }
  .product-form__input input[type="radio"]:disabled + label:after, 
  .product-form__input input[type="radio"].disabled + label:after {
    content: "";
    position: absolute;
    width: calc(100% - 7px * 2);
    height: 1px;
    inset-inline-end: 7px;
    top: 50%;
    background-color: rgb(var(--layout-text-color));
  }

  .product-form__input input[type="radio"]:disabled + label.color__swatch--image:after, 
  .product-form__input input[type="radio"].disabled + label.color__swatch--image:after {
    transform: rotate(-45deg);
    width: 100%;
    inset-inline-end: 0;
  }

  .product-form__input input[type="radio"]:disabled + label > *:not(.color__swatch-tooltip), 
  .product-form__input input[type="radio"].disabled + label > *:not(.color__swatch-tooltip) {
    opacity: 0.7;
  }
  .form__variants {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .form__variants:has( .color__swatch--image) {
    gap: calc(8px - var(--outline-thickness)*2);
  }
  @media (hover: hover) {
    .product-form__input input[type="radio"] + label:hover {
      background-color: rgba(var(--layout-text-color), 0.05);
      border: var(--outline-thickness) solid rgba(var(--layout-text-color), 0);
    }
    .product-form__input input[type="radio"]:not(.product-combined-listings):checked + label:hover,
    .product-form__input input[type="radio"].product-combined-listings[checked] + label:hover,
    .variant-selects:has( .product-combined-listings) .product-form__input input[type="radio"]:not(.product-combined-listings)[checked] + label:hover {
      border: var(--outline-thickness) solid rgb(var(--layout-text-color));
      background-color: rgb(var(--layout-background-color));
    }

    .product-form__input input[type="radio"] + label.color__swatch--image:hover {
      background-color: transparent;
    }
    .product-form__input input[type="radio"] + label.color__swatch--image:hover .color__swatch-dot--image {
      opacity: 0.7;
    }
  }
  .product-form__input input[type="radio"]:not(.product-combined-listings):checked + label,
  .product-form__input input[type="radio"].product-combined-listings[checked] + label,
  .variant-selects:has( .product-combined-listings) .product-form__input input[type="radio"]:not(.product-combined-listings)[checked] + label {
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    cursor: default;
    transition: background-color var(--animation-duration) var(--transition-timing-function), border var(--animation-duration) var(--transition-timing-function);
  }

  .product-form__input input[type="radio"] + label.color__swatch--image {
    display: flex;
    align-items: flex-start;
    width: 56px;
    max-width: 56px;
    border: none;
    height: fit-content;
    min-height: fit-content;
    min-width: auto;
    padding: 0;
    border-radius: 0;
  }
  .product-form__input input[type="radio"]:not(.product-combined-listings):checked + label.color__swatch--image,
  .product-form__input input[type="radio"].product-combined-listings[checked] + label.color__swatch--image,
  .variant-selects:has( .product-combined-listings) .product-form__input input[type="radio"]:not(.product-combined-listings)[checked] + label.color__swatch--image {
    border: none
  }
  .product-form__input input[type="radio"]:not(.product-combined-listings):checked + label.color__swatch--image,
  .product-form__input input[type="radio"].product-combined-listings[checked] + label.color__swatch--image,
  .variant-selects:has( .product-combined-listings) .product-form__input input[type="radio"]:not(.product-combined-listings)[checked]  + label.color__swatch--image {
    position: relative;
  }
  .product-form__input input[type="radio"]:not(.product-combined-listings):checked + label.color__swatch--image::before,
  .product-form__input input[type="radio"].product-combined-listings[checked] + label.color__swatch--image::before,
  .variant-selects:has( .product-combined-listings) .product-form__input input[type="radio"]:not(.product-combined-listings)[checked] + label.color__swatch--image::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid rgb(var(--layout-text-color));
    border-radius: var(--image-swatch-radius);
  }
  
  label.color__swatch--image img {
    display: block;
    width: 100%;
    height: 100%;
    object-position: var(--image-swatch-focal-point);
  }
  .color__swatch-dot--image {
    border-radius: var(--image-swatch-radius);
    overflow: clip;
    background: var(--swatch-background);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: var(--swatches-focal-point);
    width: 56px;
    max-width: 56px;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
  }
  .color__swatch-dot--image.enable-blending:has( img) {
    background: var(--blending-color, none);
  }
  .color__swatch-dot--image.enable-blending img {
    mix-blend-mode: darken;
  }
  .color__swatch--image--background .color__swatch-dot--image {
    background: var(--swatch-background) center / cover no-repeat;
  }
  .product-form__input input[type="radio"]:not(.product-combined-listings):checked + .color__swatch .color__swatch-dot--image:not(.color__swatch-dot--image-arc),
  .product-form__input input[type="radio"].product-combined-listings[checked] + .color__swatch .color__swatch-dot--image:not(.color__swatch-dot--image-arc),
  .variant-selects:has( .product-combined-listings) .product-form__input input[type="radio"]:not(.product-combined-listings)[checked] + .color__swatch .color__swatch-dot--image:not(.color__swatch-dot--image-arc) {
    border-radius: calc(var(--image-swatch-radius) - 3px);
  }
  .product-form__input input[type="radio"]:not(.product-combined-listings):checked + .color__swatch .color__swatch-dot--image.color__swatch-dot--image-arc,
  .product-form__input input[type="radio"].product-combined-listings[checked] + .color__swatch .color__swatch-dot--image.color__swatch-dot--image-arc,
  .variant-selects:has( .product-combined-listings) .product-form__input input[type="radio"]:not(.product-combined-listings)[checked] + .color__swatch .color__swatch-dot--image.color__swatch-dot--image-arc {
    border-radius: var(--image-swatch-radius);
  }
  .product-form__input input[type="radio"]:not(.product-combined-listings):not(:checked) + label .color__swatch-dot--image-shadow,
  .product-form__input input[type="radio"].product-combined-listings:not([checked]) + label .color__swatch-dot--image-shadow,
  .variant-selects:has( .product-combined-listings) .product-form__input input[type="radio"]:not(.product-combined-listings):not([checked]) + label .color__swatch-dot--image-shadow {
    box-shadow: 0px 1px 3px rgba(var(--layout-text-color), .35);
  }
  .color__swatch-dot--color.ratio-original {
    aspect-ratio: 1/1;
  }
  
  @media screen and (forced-colors: active) {
    .product-form__input input[type="radio"]:not(.product-combined-listings):checked + label,
    .product-form__input input[type="radio"].product-combined-listings[checked] + label {
      text-decoration: underline;
      text-decoration-skip-ink: auto;
      text-underline-offset: .3em;
    }
  }

  .no-js .product-form__input input[type="radio"]:focus:not(:focus-visible) + label {
    box-shadow: none;
  }
  
  .product-form__buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  [data-shopify="shop-promise-pdp"]:has( [aria-hidden="true"]) {
    display: none;
  }

  .product-form__buttons .shopify-cleanslate div[role="button"] {
    border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
  }
  
  .product-form__buttons button {
    min-width: 200px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .buy-buttons .product-form__buttons:has( .price-inside-button:not(:empty)) button,
  .buy-buttons .product-form__buttons:has( .product-form__submit--with-price) button {
    min-width: 300px;
  }

  .product--full_width .buy-buttons .product-form__buttons:has( .price-inside-button:not(:empty)) button,
  .product--full_width .buy-buttons .product-form__buttons:has( .product-form__submit--with-price) button {
    min-width: 170px;
  }

  .buy-buttons .product-form__submit[disabled]:not([data-sold-out]) .price-inside-button {
    display: none;
  }

  .buy-buttons .product-form__submit[disabled]:not([data-sold-out]):has(.price-inside-button:not(:empty)) {
    justify-content: center;
  }

  .big-button:has( .price-inside-button:not(:empty)) {
    padding-inline-start: 16px;
    padding-inline-end: 16px;
  }

  .price-inside-button:empty {
    display: none;
  }

  .product-form__buttons--row {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .product-form__buttons--row .product-form__submit {
    min-height: 44px;
    padding: 6px 24px;
  }

  .product-form__submit:has( .price-inside-button:not(:empty)) {
    justify-content: space-between;
  }

  .product-form__submit.button .price-inside-button,
  .product-form__submit.button .price-inside-button .price,
  .product-form__submit.button .price-inside-button .price__wrapper{
    color: rgb(var(--base-button-color));
  }

  .product-form__submit.button .price-inside-button .price__wrapper * {
    color: inherit;
  }

  .product-form__submit.button .price-inside-button  .card__badges {
    display: none!important;
  }

  .product-form__submit .price-inside-button s {
    opacity: 0.7;
  }

  .product-form__buttons--stretched button,
  .product-form__buttons--row.product-form__buttons--stretched button.shopify-payment-button__more-options,
  .product-form__buttons--row.product-form__buttons--stretched .product-form__submit--full-width,
  .product-form__buttons--row.product-form__buttons--stretched .shopify-payment-button div,
  .product-form__buttons--row.product-form__buttons--stretched .shopify-payment-button div .shopify-payment-button__button {
    width: 100%;
  }

  .product-form__buttons--row.product-form__buttons--stretched button,
  .product-form__buttons--row.product-form__buttons--stretched > div {
    width: calc((100% - 8px) / 2);
    min-width: 200px;
  }

  .product-form__buttons--row.product-form__buttons--stretched shopify-accelerated-checkout button {
    width: 100%;
  }

  .product-form__buttons:not(.product-form__buttons--stretched) [data-shopify="payment-button"].shopify-payment-button {
    width: fit-content;
    min-width: 200px;
  }

  .shopify-payment-button__more-options {
    color: inherit;
  }

  .product-form__submit {
    min-height: 64px;
    position: relative;
    transition: background-color var(--animation-duration) var(--transition-timing-function), border var(--animation-duration) var(--transition-timing-function);
  }
  .product-form__submit.loading span,
  .product-form__submit .loading-overlay__spinner.hidden {
    display: none;
  }

  .product-form__submit .loading-overlay__spinner {
    display: inline-block;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
  }
  @media (hover: hover) {
    .product-form__submit:hover {
      background-color: rgb(var(--hover-button-color));
      border: var(--button-thickness) solid rgb(var(--hover-button-color));
    }
  }
  .product-form__input {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .product-form__input:not(.product-form__input--dropdown) .form__label {
    margin-bottom: 4px;
  }

  @media screen and (forced-colors: active) {
    .product-form__submit[aria-disabled="true"] {
      color: Window;
    }
  }

  .product__text a {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
  }
@media (hover: hover) {
  .product__text a:hover {
    opacity: 0.7;
  }
}
.product-form__input .select,
.product-form__input .select__select,
.variant-selects--stretched .product-form__input .select {
  width: 100%;
}

.product__title {
  word-break: break-word;
}
.product__title--accent {
  color: rgb(var(--accent-button-color));
}
.product--no-media .product__title,
.product--no-media .product__text,
.product--no-media .product__tax  {
  text-align: center;
}

.product--no-media .share-button {
  max-width: 100%;
}
  
.product--no-media fieldset.product-form__input,
.product--no-media .product-form__input--dropdown,
.product--no-media .share-button,
.product--no-media .product__view-details,
.product--no-media .product__pickup-availabilities,
.product--no-media .product-form {
  display: flex;
  align-items: center;
  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__input--dropdown {
  flex-direction: column;
  max-width: 100%;
}

.product--no-media fieldset.product-form__input {
  flex-wrap: wrap;
}

.product--no-media .product__info-container > modal-opener {
  display: block;
  text-align: center;
}

.product--no-media .price {
  text-align: center;
}
  
  /* Product media */
.thumbnail-slider--column {
  flex: 0 0 80px;
  max-width: 80px;
  order: -1;
  overflow-y: auto;
  position: relative;
}

.thumbnail-list, .slider__grid.thumbnail-list {
  display: flex;
  gap: 8px;
}

.thumbnail-list--column {
  flex-direction: column;
  overflow-y: auto;
  width: 100%;
  position: absolute;
  top: 0;
}

.thumbnail-list__item.is-active {
  border: 2px solid rgb(var(--layout-text-color));
}
.thumbnail-list__item:focus, .thumbnail-list__item:focus-visible {
  border: 2px solid -webkit-focus-ring-color;
}

.thumbnail-list__item {
  position: relative;
}

.thumbnail__badge {
  position: absolute;
  border-radius: var(--other-buttons-radius);
  background-color: rgb(var(--base-button-color));
  box-shadow: 0 0 2px #0003, 0 2px 10px #0000001a;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  bottom: 4px;
  inset-inline-end: 4px;
  z-index: 1;
  cursor: pointer;
}

.thumbnail__badge svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: rgb(var(--accent-button-color));
}
.thumbnail .lazy-image {
  height: 100%;
}
@media screen and (min-width: 768px) {
  .slider-block {
    display: flex;
  }
}


.slider-block--row {
  gap: 8px;
}

.slider-block--column {
  flex-direction: column;
  gap: 8px;
}

.slider-mobile-gutter {
  overflow-x: clip;
  overflow-y: clip;
}

.slider-mobile-gutter:not(.thumbnail-slider) {
  height: 100%;
}

.slider-mobile-gutter:not(.thumbnail-slider):has( ~ .thumbnail-slider--column) {
  max-width: calc(100% - 88px);
}

.product--side_thumbnails .slider__viewport {
  height: 100%;
}

.slider-mobile-gutter--large {
  flex: 1 1 auto;
}

.product__media-list.one_column_grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.product__media-list.two_columns_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 16px;
}

.product__media-list.two_columns_grid.one_column {
  grid-template-columns: 1fr;
}

.product__media-list.full-width{
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.product__media-list.thumbnails_below,
.product__media-list.thumbnails_left,
.product__media-list.arrows,
.product__media-list.full-width {
  display: flex;
  flex-direction: row;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
  
  .product__media-icon .icon {
    width: 1.2rem;
    height: 1.4rem;
  }
  
  .product__media-video .product__media-icon {
    opacity: 1;
  }

  .product__media-item > *:not(.zoom_icon) {
    display: block;
    position: relative;
  }

  .product__media-item {
    position: relative;
  }

  .product__media-item:not(.ratio-original) .lazy-image {
    height: 100%;
  }
  
  .product__media-toggle {
    display: flex;
    border: none;
    background-color: transparent;
    color: currentColor;
    padding: 0;
    position: absolute!important;
    inset: 0;
    opacity: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
    z-index: 2;
  }
  
  .product__media-toggle::after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
  }
  
  .product-media-modal {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
  }
  
  .product-media-modal[open] {
    visibility: visible;
    opacity: 1;
    z-index: 101;
  }
  
  .product-media-modal__dialog {
    display: flex;
    align-items: center;
    height: 100vh;
  }
  .product-media-modal__dialog,
  .product-media-modal .product-media-modal__content {
    height: 100dvh;
  }
  .product-media-modal .product-media-modal__content {
    height: 100dvh;
    width: 100%;
    overflow-x: clip;
    overflow-y: scroll;
    display: none;
    flex-direction: column;
    opacity: 0;
    background-color: rgba(var(--layout-text-color), var(--overlay-opacity));
  }

  .product-media-modal[open] .product-media-modal__content {
    display: flex;
    animation: disableOpacityModal .3s var(--transition-timing-function);
    opacity: 1;
  }

  .product-media-modal .slider,
  .product-media-modal .product-media-modal__wrapper--default {
    opacity: 0;
    top: calc(40px);
  }

  .product-media-modal[open] .slider,
  .product-media-modal[open] .product-media-modal__wrapper--default {
    opacity: 1;
    top: 0;
    animation: productModalOpen var(--animation-duration) var(--transition-timing-function);
  }

  @keyframes disableOpacityModal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
  }
  @keyframes productModalOpen {
    0% {
        top: calc(40px);
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
  }

  .product-media-modal__wrapper .slider,
  .product-media-modal__wrapper--default {
    width: var(--item-width);
    max-width: var(--item-width);
    margin-inline-start: auto;
    margin-inline-end: auto;
    height: 100%;
  }

  .product-media-modal__wrapper--default.enable-blending,
  .product-media-modal__content.enable-blending,
  .product-media-modal__wrapper--default.enable-blending .lazy-image,
  .product-media-modal__wrapper .slider__grid-item.enable-blending,
  .product-media-modal__wrapper .slider__grid-item.enable-blending .lazy-image {
    background: var(--blending-color, none);
  }   

  .product-media-modal__wrapper--default.enable-blending img,
  .product-media-modal__wrapper .slider__grid-item.enable-blending img {
    mix-blend-mode: darken;
  }

  .product-media-modal__wrapper {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .product-media-modal__wrapper .slider__viewport {
    max-width: 100%;
  }

  .product-media-modal__wrapper .slider__grid {
    min-height: 100dvh;
  }

  .product-media-modal__wrapper .slider {
    justify-content: center;
  }

  .product-media-modal__wrapper li > *:not(div.image-magnify-full-size):not(.image-zoom-icon),
  .product-media-modal__wrapper figure img {
    width: 100%;
    height: 100%;
  }

  .product-media-modal__wrapper--default > .product__media-item,
  .product-media-modal__wrapper--default > .product-modal-image,
  .product-media-modal__wrapper--default .lazy-image,
  .product-media-modal__wrapper--default .lazy-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .product-media-modal .slider__grid .lazy-image img {
    width: 100%;
    height: 100%;
  }

  .product-media-modal__wrapper .slider__grid-item {
    height: fit-content;
    display: flex;
    position: relative;
  }

  .product-media-modal__wrapper li img {
    object-position: var(--focal-point);
  }

  .product-media-modal__wrapper li > *.ratio-original {
    height: auto;
  }

  .product-media-modal__wrapper .slider-button {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 62px;
    justify-content: center;
    z-index: 2;
  }

  .product-media-modal__wrapper .slider-button[disabled] {
    pointer-events: all;
  }

  .product-media-modal__wrapper .slider-button .slider-button--wrapper {
    width: 44px;
    height: 44px;
    background-color: rgb(var(--layout-background-color));
    border-radius: var(--other-buttons-radius);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-media-modal__wrapper .slider-button--prev {
    inset-inline-start: 0;
  }

  .product-media-modal__wrapper .slider-button--next {
    inset-inline-end: 0;
  }

  .product-media-modal__wrapper .slider-button:not([disabled]) {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
  }

  .product-with-image-zoom-in .product__media-toggle {
    z-index: -1;
  }

  .zoom-slider-buttons-items.hidden-desktop {
    display: none;
  }

  .image-zoom-icon  {
    position: absolute !important;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
    border-radius: var(--other-buttons-radius);
    z-index: 4;
    background-color: rgb(var(--layout-background-color));
    cursor: pointer;
  }

  .image-zoom-icon svg {
    fill: rgb(var(--layout-text-color));
    width: 20px;
    height: 20px;
}

  @media (hover: hover) {
    .product-media-modal__wrapper .slider-button:not([disabled]):hover {
      opacity: 0.7;
    }
    .product-media-modal__wrapper .slider-button:not([disabled]):hover svg {
      transform: none;
    }
  }
  
  @media screen and (max-width: 920px) {
    .zoom-slider-buttons-items.hidden-on-mobile,
    .zoom-slider-buttons-items.hidden-mobile {
      display: none;
    }
    .zoom-slider-buttons-items.hidden-desktop:not(.hidden-on-mobile) {
      display: block;
    }
  }

  .product-media-modal__content img.product-modal-image:not(.product__media-item--variant-show):not(.product__media-item--variant--alt):not(.product__media-item--show),
  .product-media-modal__content li:has(img.product-modal-image:not(.product__media-item--variant-show):not(.product__media-item--variant--alt):not(.product__media-item--show)) {
    display: none;
    position: absolute !important;
    overflow: clip;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
  }

  .deferred-media__poster,
  .deferred-media__poster + template {
   cursor: pointer;
  }

  .deferred-media__poster-button {
    border-radius: var(--other-buttons-radius);
    background-color: rgb(var(--base-button-color));
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    width: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    z-index: 1;
}

.deferred-media[loaded]>.deferred-media__poster {
  display: none;
}
.product__media-wrapper .deferred-media[loaded]>.deferred-media__poster {
  display: block;
}
.product__media-wrapper .deferred-media[loaded]>.deferred-media__poster .deferred-media__poster-button  {
  display: none;
}

.deferred-media__poster-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.deferred-media__poster-button svg {
  fill: rgb(var(--accent-button-color));
  transition: fill var(--animation-duration) var(--transition-timing-function);
}
@media (hover: hover) {
  .deferred-media__poster .deferred-media__poster-button:hover svg {
    fill: rgb(var(--hover-button-color));
  }
}

.deferred-media:not([loaded]) template {
  z-index: 0;
}

.deferred-media__poster img {
  width: auto;
  width: 100%;
  height: 100%;
  object-position: var(--focal-point);
}

.media > .deferred-media__poster, .media .deferred-media__poster {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__media-list .deferred-media {
  display: block;
  height: 100%;
}
  
  .product-media-modal__content .media {
    background: none;
  }
  
  .product-media-modal__model {
    width: 100%;
  }
  
  .product-media-modal__toggle {
    inset-inline-end: 16px;
    position: fixed;
    z-index: 3;
    top: 16px;
  }
  
  /* Product popup */
  
  .product-popup-modal {
    box-sizing: border-box;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    z-index: 0;
    margin: 0 auto;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(var(--color-foreground), 0.2);
    height: 100%;
  }
  
  .product-popup-modal[open] {
    opacity: 1;
    visibility: visible;
    z-index: 101;
  }
  
  .product-popup-modal__content img {
    max-width: 100%;
  }
  
  .product-popup-modal__opener {
    display: block;
  }
  
  .thumbnail-list_item--variant:not(:first-child) {
    display: none;
  }
    
  .thumbnail {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
  }
  @media (hover: hover) {
    .thumbnail:hover {
      opacity: 0.7;
    }
  }
.thumbnail.global-media-settings img {
  border-radius: 0;
}

.thumbnail img {
  pointer-events: none;
}

.thumbnail .product__image {
  object-position: center;
}

.thumbnail img {
  height: 100%;
  max-width: 80px;
}

.thumbnail-list__item {
  position: relative;
  flex: 1 1 auto;
  height: fit-content;
  overflow: clip;
  border-radius: var(--context-image-radius);
  -webkit-border-radius: var(--context-image-radius);
  border: 2px solid rgb(var(--layout-background-color));
}

.product--thumbnails_below .thumbnail-list__item {
  flex: 0 0 80px;
}

.accordion__panel.recipient-fields {
  overflow: visible;
  visibility: hidden;
}

.accordion-toggle.is-open .accordion__panel.recipient-fields {
  visibility: visible;
}
.recipient-fields .text-area {
  height: 117px;
  resize: vertical;
}


/* Dynamic checkout */
  
  .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    position: relative;
    color: rgb(var(--accent-button-color));
    background-color: transparent;
    border-radius: var(--button-radius);
    min-height: 44px;
    font: inherit;
    padding: 6px 24px;
    transition: color var(--animation-duration) var(--transition-timing-function);
  }
  .shopify-payment-button__button.shopify-payment-button__button--unbranded::after {
    content: '';
    display: inline-block;
    position: absolute;
    inset: 0;
    background: transparent;
    border: var(--outline-thickness) solid rgb(var(--accent-button-color));
    border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
    transition: transform var(--animation-duration) var(--transition-timing-function), border var(--animation-duration) var(--transition-timing-function);
  }

  .shopify-payment-button__button.shopify-payment-button__button--unbranded[disabled] {
    color: rgba(var(--layout-text-color), 0.8);
    background-color: transparent;
    pointer-events: none;
  }
  .shopify-payment-button__button.shopify-payment-button__button--unbranded[disabled]::after {
    border: var(--outline-thickness) solid rgba(var(--layout-text-color), 0.8);
  }
  @media (hover: hover) {
    .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
      color: rgb(var(--hover-button-color));
      background-color: transparent;
    }
    .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover::after {
      border: var(--outline-thickness) solid rgb(var(--hover-button-color));
    }
    .buttons-zoom .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover::after {
      border: var(--outline-thickness) solid rgb(var(--hover-button-color));
      transform: scale3d(1.02,1.1,1);
      background-color: transparent;
    }
  }
  .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background-color: transparent;
  }
  .product-form__buttons .shopify-payment-button__button--hidden {
    display: none;
  }

  .variant-selects {
    display: flex;
  }

  .variant-selects--row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }

.variant-selects--row.variant-selects--stretched .product-form__input {
  width: calc((100% - 8px * (var(--options-size) - 1)) / var(--options-size));
}

.variant-selects--row.variant-selects--stretched .product-form__input select,
.variant-selects--column.variant-selects--stretched select {
  width: 100%;
}

.variant-selects--column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.product__inventory-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.js-incoming-text {
  color: rgb(var(--error-color));
}

.product__inventory progress-bar {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  background-color: rgb(var(--layout-text-color));
}

.product__inventory progress-bar:after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: var(--progress-bar-width, 100%);
  transition: width 2.5s ease;
}

.product__inventory-item--in-stock .progress-bar {
  background-color: rgb(var(--in-stock-color));
}

.product__inventory-item--in-stock .product__inventory-status {
  color: rgb(var(--in-stock-color));
}

.product__inventory-item--low progress-bar:after {
  background-color: rgb(var(--low-inventory-color));
}

.product__inventory-item--low .product__inventory-status {
  color: rgb(var(--low-inventory-color));
}

.product__inventory-item--sold .progress-bar {
  background-color: rgb(var(--out-of-stock-color));
}

.product__inventory-item--sold .product__inventory-status {
  color: rgb(var(--out-of-stock-color));
}

.empty-space {
  height: var(--desktop-height);
}

/* line */

.product-info__line {
  height: var(--line-width);
  background-color: rgb(var(--layout-text-color));
  padding-top: var(--top-padding);
  padding-bottom: var(--bottom-padding);
}

.product__description {
  color: rgb(var(--layout-text-color));
}

.product__description {
  overflow: auto;
}
.product__description.rte {
  max-width: 100%;
  overflow: auto;
}
.product__description.rte > *:not(table) {
  max-width: calc(100vw - 16px*2);
  position: sticky;
  position: -webkit-sticky;
  left: 0;
}

.card__badges {
  display: flex;
  gap: 2px;
}

.card__badges-item {
  padding: 1px 6px;
  display: flex;
  align-items: center;
  border-radius: var(--field-radius);
}

.card__badges-item--sale {
  background-color: rgb(var(--sale-background));
  color: rgb(var(--sale-text-color));
}

.card__badges-item--sold {
  color: rgb(var(--sold-text-color));
  background-color: rgb(var(--sold-background));
}

.card__badges-item--preorder {
  color: rgb(var(--preorder-text-color));
  background-color: rgb(var(--preorder-background));
}

.container--sticky {
  display: block;
  position: sticky;
  position: -webkit-sticky;
  top: var(--sticky-offset);
}

.product__media-list {
  gap: 16px !important;
}

.product__media-item {
  overflow: clip;
}

.product__media-item--square .product__media,
.product__media-item--portrait .product__media,
.product__media-item--narrow_portrait .product__media,
.product__media-item--traditional .product__media,
.product__media-item--landscape .product__media,
.product__media-item--wide .product__media,
.product__media-item--super_wide .product__media {
  padding-top: 0!important;
  height: 100%;
}

.product__media-item .product__modal-opener {
  flex: 0 0 100%;
  height: 100%;
}

.product__media-item--original {
  height: fit-content;
}

.slider-main--original {
  transition: height .3s ease;
}

.product__media-item--original img {
  object-fit: cover;
}

.color__swatch {
  position: relative;
}

.color__swatch--two {
  flex: 0 0 calc((100% / 2) - 8px)
}

.color__swatch--three {
  flex: 0 0 calc((100% / 3) - (8px * 2))
}

.color__swatch-dot {
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background: var(--swatch-background);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: var(--swatches-focal-point);
  border-radius: var(--field-radius);
  box-shadow: 0px 1px 3px rgba(var(--layout-text-color), .35);
}
@media (hover: hover) {
  .color__swatch:hover .color__swatch-tooltip {
    bottom: calc(100% + 1px);
    min-height: 32px;
    opacity: 1;
  }
}
.color__swatch-tooltip {
  display: flex;
  position: absolute;
  z-index: 2;
  min-height: 0px;
  width: max-content;
  max-width: 200px;
  opacity: 0;
  padding: 8px;
  align-items: center;
  justify-content: center;
  background-color: rgb(var(--layout-text-color));
  color: rgb(var(--layout-background-color));
  border-radius: 4px;
  bottom: calc(100% - 15px);
  right: 50%;
  transform: translate(50%);
  pointer-events: none;
  font: var(--base-label-font);
  transition: bottom var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function); 
}
.custom-type-preset .color__swatch-tooltip {
  font: var(--label-font);
  letter-spacing: var(--label-letter-spacing);
}

.color__swatch-tooltip--minimal_uppercase, 
.color__swatch-tooltip--minimal_basic, 
.color__swatch-tooltip--classic, 
.color__swatch-tooltip--avant_garde, 
.color__swatch-tooltip--contrast, 
.color__swatch-tooltip--brutalist,
.color__swatch-tooltip--custom {
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.color__swatch-tooltip:after {
  content: "";
  display: block;
  border: 12px solid transparent;
  border-top: 12px solid rgb(var(--layout-text-color));
  position: absolute;
  bottom: -16px;
  transition: bottom var(--animation-duration) var(--transition-timing-function); 
}

.product .line-container {
  margin: var(--padding-top) 0 var(--padding-bottom);
}

.line {
  background-color: rgba(var(--layout-text-color), var(--line-opacity));
  display: block;
  height: var(--line-width);
}

.product-recommendations__container {
  max-width: 100%;
  overflow-x: clip;
}

.product-recommendations__container .product-grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-items), 1fr);
  overflow-y: visible;
}

.product-recommendations__container .grid__item {
  flex: 0 0 50%;
}

.product--spacious .product__info-container--flex,
.product--compact .product__info-container--flex {
  display: flex;
  flex-direction: row;
}

.product__info-article--options {
  padding-inline-start: max((calc((100% - var(--max-width)) / 2)), var(--gap));
}

.product__info-container--flex .product__info-article--description {
  flex: 0 0 calc(((100% - var(--gap) * 2) / 3) * 2 + var(--gap));
}

.product__info-container--flex .product__info-options-container {
  flex: 0 0 calc(100% - (((100% - var(--gap) * 2) / 3) * 2 + var(--gap)));
}

.product--lines .product__info-container--flex .product__info-article--description {
  flex: 0 0 calc((((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3)) * 2 + var(--gap));
  padding-inline-end: var(--gap);
  border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.product--lines .product__info-container--flex .product__info-options-container {
  flex: 0 0 calc(100% - ((((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3)) * 2 + var(--gap)));
}

.product__title:not(:first-child),
.variants:not(:first-child),
.linked-products-block:not(:first-child),
.product__sku:not(:first-child),
.product__inventory:not(:first-child),
.price-block:not(:first-child),
.product-form__quantity:not(:first-child),
.buy-buttons:not(:first-child),
.product__info-container .image-block:not(:first-child),
.share:not(:first-child),
.app:not(:first-child),
.product__description:not(:first-child),
.product__text:not(:first-child),
.more-details:not(:first-child),
.countdown:not(:first-child),
.pickup-availability:not(:first-child),
.custom-options:not(:first-child),
.breadcrumbs-component:not(:first-child),
.section-block:not(:first-child) {
  margin-top: calc(24px * var(--spacing, 1));

  @media screen and (max-width: 920px) { 
    margin-top: calc(16px * var(--mobile-spacing, 1));
  }

  @media screen and (max-width: 1000px) and (min-width: 921px) {
    .main_l & {
      margin-top: calc(16px * var(--mobile-spacing, 1));
    }
  }
}

.card .pickup-availability:not(:first-child) {
  margin-top: 0;
}

.price-block.price-block-hidden-no-badges,
.price-block-hidden:has( .card__badges:empty),
.price-block.price-block-hidden-price .price__on-sale,
.price-block.price-block-hidden-price .regular-price,
.price-block.price-block-hidden-price .unit-price {
  display: none;
}

.buy-buttons .product-form__buttons-icon {
  display: none!important;
}

.rating-container {
  display: inline-block;
}

.shopify-app-block,
.rating-container {
  display: block;
}

.product__info-container .line-container + .section-block,
.product__info-container .line-container + .price-block.price-block-hidden-no-badges + .section-block,
.product__info-container .line-container + .price-block-hidden:has( .card__badges:empty)  + .section-block {
  margin-top: 0;
}

product-recently-viewed.hidden-block {
  display: none;
}

.slider-counter svg {
  fill: rgb(var(--layout-text-color));
}

.more-details__link {
  display: flex;
  align-items: center;
  gap: 4px;
}
.more-details__link.button--custom {
  font: var(--body-s-font);
  letter-spacing: var(--body-s-letter-spacing);
}

.more-details__link-icon svg {
  fill: rgb(var(--accent-button-color));
  height: 100%;
  display: block;
  transition: fill var(--animation-duration) var(--transition-timing-function);
}

.popup-wrapper__quick-view .button-wrapper {
  padding-inline-end: 16px;
}

.popup-wrapper.popup-wrapper__quick-view.open {
  width: 1200px;
}

.quick-view {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: clip;
  z-index: 100;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.quick-view--open .quick-view, .quick-view--opening .quick-view {
  visibility: visible;
}

.product__shipping-policy {
  margin-top: 4px;
}

.product__payment-terms:has(shopify-payment-terms) {
  margin-top: 16px;
}

.product__media-item .product__xr-button {
  display: none!important;
}

/* Custom options */

.custom-options {
  display: flex;
  width: 100%;
}

.custom-options .form__label-name {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.custom-options .tooltip__text {
  position: absolute;
  top: calc(100% + 15px);
  inset-inline-start: 0%;
  display: inline-flex;
  width: 224px;
  max-width: max-content;
  padding-block: 12px;
  padding-inline: 12px;
  background-color: rgba(var(--layout-text-color));
  color: rgb(var(--layout-background-color));
  z-index: 7;
  pointer-events: none;
  opacity: 0;
  transition: top var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function), inset-inline-start 0s var(--transition-timing-function) var(--animation-duration); 
  border-radius: 2px;
  overflow: clip;
}

.custom-options .form__label-name:hover .tooltip__text {
  opacity: 1;
  top: 100%;
  inset-inline-start: calc(100% - 16px);
  transition: top var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function); 
}

.custom-options .tooltip__icon {
  cursor: pointer;
}

.custom-options .layout-row .field--measurement {
  flex: 1 1 calc((100% - (8px * 2)) / 3);
}

.custom-options .field:not(.field--measurement):not(.field--checkbox) {
  width: 100%;
}

.custom-options input[type="text"] {
  height: fit-content;
}

.custom-options .flex--column {
  display: flex;
  flex-direction: column;
}

.custom-options .field--measurement .input {
  height: fit-content;
}

.custom-options .input-error-message {
  color: rgb(var(--error-color));
}

.shopify-payment-button.shopify-payment-button--disable {
  cursor: not-allowed;
}

.shopify-payment-button.shopify-payment-button--disable .shopify-payment-button__button.shopify-payment-button__button--unbranded {
  pointer-events: none;
}

.custom-options .layout-two-columns .field--checkbox {
  flex: 1 1 calc(50% - 4px);
}

.custom-options .custom-date-wrapper {
  position: relative;
}

.custom-options .custom-date-input::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-end: 12px;
  z-index: 3;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.custom-options .custom-date-input {
  user-select: none;
}

.custom-options .custom-calendar-icon {
  position: absolute;
  top: 50%;
  inset-inline-end: 13px;
  transform: translateY(-50%);
  z-index: 1;
}

product-checkbox-group.layout-row {
  column-gap: 16px;
}

.custom-options .field--color .color__swatch-dot--color {
  width: 36px;
  height: auto;
  aspect-ratio: 1/1;
}

.main-product .field-color-wrapper .color__swatch--color {
  width: fit-content;
  cursor: default;
}

.custom-options .field--color .input--color {
  min-height: calc(36px + 16px);
  z-index: 2;
  position: relative;
  height: fit-content;
}

.custom-options .field--color {
  position: relative;
  width: 100%;
}

.custom-options .field-color-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: 16px;
}

.input--color::-webkit-color-swatch-wrapper {
  padding-block: 0px;
  padding-inline: 0px;
}

.input--color::-webkit-color-swatch {
  border: none;
  background-color: transparent;
}

.custom-options .drop-zone {
  border-radius: var(--field-radius);
  border: var(--outline-thickness) solid rgb(var(--layout-text-color));
  background-color: rgba(var(--layout-text-color), .05);
  position: relative;
  max-height: 250px;
  transition: max-height var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function), border var(--animation-duration) var(--transition-timing-function);
}

.custom-options .drop-zone:has( + .input-error-message:not(.visually-hidden)) {
  border: var(--outline-thickness) dashed rgb(var(--error-color));
}

.custom-options .drop-zone__container {
  align-items: center;
  justify-content: center;
  padding-block: 16px;
  padding-inline: 16px;
}

.custom-options .drop-zone-wrap--inactive .drop-zone {
  max-height: 0;
  opacity: 0;
}

.custom-options .drop-zone__text:not(.drop-zone__text--secondary) {
  margin-block-start: 4px;
}

.custom-options .drop-zone__input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.custom-options .drop-zone__text--secondary {
  opacity: 0.7;
}

.custom-options .form__variants.drop-zone-wrap {
  gap: 0;
}

.custom-options .dd-file-info__text {
  gap: 4px;
}

.custom-options .drop-zone__thumb {
  display: flex;
  border-radius: var(--field-radius);
  border: var(--outline-thickness) solid rgba(var(--layout-text-color), 0.16);
  padding-block: 16px;
  padding-inline: 16px;
  align-items: center;
  gap: 12px;
  position: relative;
  z-index: 3;
  background-color: rgb(var(--layout-background-color));
}

.custom-options .dd-file-info {
  flex: 1 1 100%;
}

.custom-options .dd-thumbnail {
  aspect-ratio: 1/1;
  height: 60px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
}

.custom-options .title-bold .dd-file-info__title {
  font-weight: bolder;
}

.custom-options .file-upload-icons {
  display: none;
}

.tooltip__icon svg,
.icon-upload svg {
  fill: rgb(var(--layout-text-color));
  vertical-align: top;
}

.dd-file-info__text + .button {
  margin-top: 3px;
}


/* Linked products */
.linked-products {
  display: flex;
  gap: calc(8px - var(--outline-thickness)*2);
  flex-wrap: wrap;
}

.linked-products-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.linked-products__swatch {
  display: flex;
  position: relative;
  width: 56px;
  max-width: 56px;
  transition: opacity var(--animation-duration) var(--transition-timing-function);
  height: fit-content;
  border-radius: var(--border-radius);
  background-color: rgb(var(--layout-background-color));
}

.linked-products__swatch.enable-blending {
  background: var(--blending-color, none);
}

.linked-products__swatch.enable-blending img {
  mix-blend-mode: darken;
}

.linked-products__swatch-span {
  border-radius: var(--border-radius);
  overflow: clip;
  display: flex;
  position: relative;
  width: 100%;
}

.linked-products__swatch--active .linked-products__swatch-span {
  border-radius: calc(var(--border-radius) - 3px);
}

.linked-products__swatch--active.linked-products__swatch-arc .linked-products__swatch-span {
  border-radius: var(--border-radius);
}

.linked-products__swatch--active {
  pointer-events: none;
  order: -1;
}
.linked-products__swatch--shadow:not(.linked-products__swatch--active) {
  box-shadow: 0px 1px 3px rgba(var(--layout-text-color), .35);
}
.linked-products__swatch--active::after {
  content: "";
  border-radius: var(--border-radius);
  position: absolute;
  top: -2px;
  inset-inline-start: -2px;
  width: 100%;
  height: 100%;
  border: 2px solid rgb(var(--layout-text-color));
}

.linked-products__swatch img {
  display: flex;
  width: 101%;
  height: 101%;
  object-position: var(--focal-point);
}

.linked-products__swatch.ratio-original img {
  height: auto
}

@media (hover: hover) {
  .linked-products__swatch:hover {
    opacity: .7;
    cursor: pointer;
  }
}

/* Fonts */

.product__text--minimal_uppercase,
.product__text--minimal_basic,
.product__text--classic,
.product__text--avant_garde,
.product__text--contrast,
.product__shipping-policy--minimal_uppercase,
.product-form__buttons--minimal_basic button:not(.big-button),
.product__payment-terms--minimal_uppercase,
.product-form__buttons--minimal_uppercase > .shopify-payment-button {
  font: var(--base-label-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.product__text--custom {
  font: var(--body-s-font);
  letter-spacing: var(--body-s-letter-spacing);
}

.product__shipping-policy--custom,
.product__payment-terms--custom,
.product-form__buttons--custom > .shopify-payment-button,
.product-form__buttons--custom  {
  font: var(--label-font);
  letter-spacing: var(--label-letter-spacing);
}

.product__text--minimal_heavy,
.product__shipping-policy--minimal_heavy,
.block-heading--minimal_basic,
.block-heading--duet,
.product-form__buttons--minimal_heavy button:not(.big-button),
.product__payment-terms--minimal_heavy,
.product__payment-terms--duet,
.product-form__buttons--minimal_heavy > .shopify-payment-button {
  font: var(--base-body-l-font);
}

.product__text--brutalist,
.block-heading--minimal_uppercase,
.block-heading--avant_garde {
  font: var(--base-body-l-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.product__text--duet,
.product__shipping-policy--duet,
.product-form__buttons--duet > .shopify-payment-button {
  font: var(--base-body-m-font);
}

.product__title--minimal_uppercase,
.block-heading--brutalist {
  font: var(--base-heading-xs-font);
  text-transform: uppercase;
}

.product__title--custom {
  font: var(--heading-xs-font);
  letter-spacing: var(--heading-xs-letter-spacing);
}

.product__title--minimal_basic,
.block-heading--minimal_heavy {
  font: var(--base-heading-xs-font);
}

.product__title--minimal_heavy {
  font: var(--base-heading-m-font);
  letter-spacing: -0.01em;
}

.product__title--classic,
.block-heading--contrast {
  font: var(--accent-heading-s-font);
}

.product__title--avant_garde {
  font: var(--base-heading-s-font);
  text-transform: uppercase;
}

.product__title--contrast {
  font: var(--accent-heading-l-font);
  letter-spacing: -0.02em;
}

.product__title--brutalist {
  font: var(--base-heading-l-font);
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.product__title--duet,
.block-heading--classic,
.product-form__buttons--brutalist button:not(.big-button) {
  font: var(--accent-body-l-font);
}

.product__shipping-policy--minimal_basic,
.product__shipping-policy--classic,
.product-form__buttons--classic button:not(.big-button),
.product__payment-terms--minimal_basic,
.product__payment-terms--classic,
.product-form__buttons--minimal_basic > .shopify-payment-button,
.product-form__buttons--classic > .shopify-payment-button {
  font: var(--base-body-s-font);
}

.product__shipping-policy--avant_garde,
.product-form__buttons--avant_garde button:not(.big-button),
.product-form__buttons--contrast button:not(.big-button),
.product__payment-terms--avant_garde,
.product-form__buttons--avant_garde > .shopify-payment-button {
  font: var(--accent-body-s-font);
}

.product__shipping-policy--contrast,
.product__payment-terms--contrast,
.product-form__buttons--contrast > .shopify-payment-button {
  font: var(--base-label-font);
}

.product__shipping-policy--brutalist,
.product-form__buttons--minimal_uppercase button:not(.big-button),
.slider-counter,
.product__payment-terms--brutalist,
.product-form__buttons--brutalist > .shopify-payment-button {
  font: var(--base-body-s-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.custom-type-preset .slider-counter,
.product-form__buttons--custom button:not(.big-button),
.block-heading--custom {
  font: var(--body-s-font);
  letter-spacing: var(--body-s-letter-spacing);
}

.product-form__buttons--duet button:not(.big-button) {
  font: var(--accent-body-m-font);
}

/* Laptop */
@media screen and (max-width: 1440px) {
  .product--spacious.product--small.product--lines .product__media-wrapper,
  .product--spacious.product--large.product--lines .product__media-wrapper,
  .product--spacious.product--small.product--lines .product__info-block,
  .product--spacious.product--large.product--lines .product__info-block,
  .product--spacious.product--lines .product__info-article--options,
  .product--spacious.product--small.product--lines .product__info-wrapper,
  .product--spacious.product--large.product--lines .product__info-wrapper,
  .product--lines.product--spacious .product__info-container--flex .product__info-article--description,
  .product--lines.product--spacious .product__info-container--flex .product__info-options-container {
      --gap: 32px;
  }
  .product--spacious.product--small .product__info-block,
  .product--spacious.product--large .product__info-block,
  .product--spacious .product__info-article--options,
  .product--spacious.product--small .product__media-wrapper,
  .product--spacious.product--large .product__media-wrapper,
  .product--spacious.product--small .product__info-wrapper,
  .product--spacious.product--large .product__info-wrapper,
  .product--spacious .product__info-container--flex .product__info-article--description,
  .product--spacious .product__info-container--flex .product__info-options-container {
    --gap: 96px;
  }
  .product--spacious.product--medium .product__info-block,
  .product--spacious.product--medium .product__media-wrapper,
  .product--spacious.product--medium .product__info-wrapper {
    --gap: 64px;
  }
  .product--spacious.product--medium.product--lines .product__info-block,
  .product--spacious.product--medium.product--lines .product__media-wrapper,
  .product--spacious.product--medium.product--lines .product__info-wrapper {
    --gap: 24px;
  }
  .product--compact.product--small .product__info-block,
  .product--compact .product__info-article--options {
    --gap: 40px;
  }
  .product--compact.product--small.product--lines .product__info-block,
  .product--compact.product--lines .product__info-article--options,
  .product--lines.product--compact .product__info-container--flex .product__info-article--description {
    --gap: 16px;
  }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
  .page-width.product--spacious.product--small.product--lines .product__media-wrapper,
  .page-width.product--spacious.product--large.product--lines .product__media-wrapper,
  .page-width.product--spacious.product--small.product--lines .product__info-block,
  .page-width.product--spacious.product--large.product--lines .product__info-block,
  .page-width.product--spacious.product--lines .product__info-article--options,
  .page-width.product--spacious.product--small.product--lines .product__info-wrapper,
  .page-width.product--spacious.product--large.product--lines .product__info-wrapper,
  .page-width.product--lines.product--spacious .product__info-container--flex .product__info-article--description,
  .page-width.product--lines.product--spacious .product__info-container--flex .product__info-options-container {
      --gap: 32px;
  }
  .page-width.product--spacious.product--small .product__info-block,
  .page-width.product--spacious.product--large .product__info-block,
  .page-width.product--spacious .product__info-article--options,
  .page-width.product--spacious.product--small .product__media-wrapper,
  .page-width.product--spacious.product--large .product__media-wrapper,
  .page-width.product--spacious.product--small .product__info-wrapper,
  .page-width.product--spacious.product--large .product__info-wrapper,
  .page-width.product--spacious .product__info-container--flex .product__info-article--description,
  .page-width.product--spacious .product__info-container--flex .product__info-options-container {
    --gap: 96px;
  }
  .page-width.product--spacious.product--medium .product__info-block,
  .page-width.product--spacious.product--medium .product__media-wrapper,
  .page-width.product--spacious.product--medium .product__info-wrapper {
    --gap: 64px;
  }
  .page-width.product--spacious.product--medium.product--lines .product__info-block,
  .page-width.product--spacious.product--medium.product--lines .product__media-wrapper,
  .page-width.product--spacious.product--medium.product--lines .product__info-wrapper {
    --gap: 24px;
  }
  .page-width.product--compact.product--small .product__info-block,
  .page-width.product--compact .product__info-article--options {
    --gap: 40px;
  }
  .page-width.product--compact.product--small.product--lines .product__info-block,
  .page-width.product--compact.product--lines .product__info-article--options,
  .page-width.product--lines.product--compact .product__info-container--flex .product__info-article--description {
    --gap: 16px;
  }
}
@media screen and (max-width: 1200px) {
    .product--large .product__media-wrapper {
        flex: 0 0 calc(((100% - var(--gap) * 3) / 4) * 2 + var(--gap));
        max-width: calc(((100% - var(--gap) * 3) / 4) * 2 + var(--gap));
    }
      
    .product--large .product__info-wrapper {
        flex: 0 0 calc(100% - (((100% - var(--gap) * 3) / 4) * 2 + var(--gap)));
        max-width: calc(100% - (((100% - var(--gap) * 3) / 4) * 2 + var(--gap)));
    }
      
    .product--large.product--lines .product__media-wrapper {
        flex: calc((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap));
        max-width: calc((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap));
        padding-block: 0; 
        padding-inline: 0 var(--gap);
    }
      
    .product--large.product--lines .product__info-wrapper {
        flex: calc(100% - ((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap)));
        max-width: calc(100% - ((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap)));
    }
    .product--large .product__info-container {
        max-width: 480px;
    }
    .product--large .product__info-block {
        --max-width: 480px;
    }
    .product--spacious.product--large .product__info-block,
    .product--spacious.product--large .product__media-wrapper,
    .product--spacious.product--large .product__info-wrapper {
        --gap: 64px;
    }
    .product--spacious.product--large.product--lines .product__info-block,
    .product--spacious.product--large.product--lines .product__media-wrapper,
    .product--spacious.product--large.product--lines .product__info-wrapper {
        --gap: 24px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
  .product--spacious.product--small .product__media-wrapper,
  .product--spacious.product--medium .product__media-wrapper,
  .product--spacious.product--large .product__media-wrapper,
  .product--spacious.product--small .product__info-wrapper,
  .product--spacious.product--medium .product__info-wrapper,
  .product--spacious.product--large .product__info-wrapper,
  .product--spacious.product--medium .product__info-block,
  .product--spacious.product--large .product__info-block,
  .product--spacious.product--small .product__info-block,
  .product--spacious.product--full_width {
    --gap: 48px
  }
  .product--compact.product--small .product__info-block,
  .product--compact.product--large .product__info-block,
  .product--compact .product__info-article--options,
  .product--reverse.product--compact.product--large .product__info-block {
    --gap: 40px;
  }
  .product--spacious .product__info-article--options,
  .product--spacious .product__info-container--flex .product__info-article--description,
  .product--spacious .product__info-container--flex .product__info-options-container {
    --gap: 64px;
  }
  .product--compact .product__media-wrapper,
  .product--compact.product--small .product__info-wrapper,
  .product--compact.product--medium .product__info-wrapper,
  .product--compact.product--large .product__info-wrapper,
  .product--compact.product--lines .product__info-article--options {
    --gap: 12px;
  }
  .product--reverse.product--compact.product--small.product--lines .product__info-block {
    --gap: 16px;
  }
  .product--spacious.product--small.product--lines .product__media-wrapper,
  .product--spacious.product--medium.product--lines .product__media-wrapper,
  .product--spacious.product--large.product--lines .product__media-wrapper,
  .product--spacious.product--small.product--lines .product__info-block,
  .product--spacious.product--medium.product--lines .product__info-block,
  .product--spacious.product--large.product--lines .product__info-block,
  .product--spacious.product--lines .product__info-article--options,
  .product--spacious.product--lines .product__info-container--flex .product__info-article--description,
  .product--spacious.product--lines .product__info-container--flex .product__info-article--options,
  .product--reverse.product--compact.product--medium .product__info-block,
  .product--compact.product--full_width {
    --gap: 24px;
  }
  .product--compact.product--lines .product__info-block,
  .product--compact.product--lines .product__info-container--flex .product__info-article--description,
  .product--lines.product--compact .product__info-container--flex .product__info-article--options,
  .product--reverse.product--compact.product--large.product--lines .product__info-block,
  .product--reverse.product--compact.product--medium.product--lines .product__info-block {
    --gap: 16px;
  }
  .product--spacious.product--small .product__media-wrapper,
  .product--spacious.product--large .product__media-wrapper,
  .product--compact.product--small .product__media-wrapper,
  .product--compact.product--large .product__media-wrapper {
      flex: 0 0 calc(((100% - var(--gap) * 3) / 4) * 2 + var(--gap));
      max-width: calc(((100% - var(--gap) * 3) / 4) * 2 + var(--gap));
  }
  .product--spacious.product--small .product__info-wrapper,
  .product--spacious.product--large .product__info-wrapper,
  .product--compact.product--small .product__info-wrapper,
  .product--compact.product--large .product__info-wrapper {
      flex: 0 0 calc(100% - (((100% - var(--gap) * 3) / 4) * 2 + var(--gap)));
      max-width: calc(100% - (((100% - var(--gap) * 3) / 4) * 2 + var(--gap)));
  }
  .product--small.product--lines .product__media-wrapper,
  .product--large.product--lines .product__media-wrapper {
    flex: 0 0 calc((((100% ) / 4) + (( var(--line-width)) / 4)) * 2);
    max-width: calc((((100% ) / 4) + (( var(--line-width)) / 4)) * 2);
  }
  .product--small.product--lines .product__info-wrapper,
  .product--large.product--lines .product__info-wrapper {
    flex: 0 0 calc(100% - ((((100% ) / 4) + (( var(--line-width)) / 4)) * 2));
    max-width: calc(100% - ((((100% ) / 4) + (( var(--line-width)) / 4)) * 2));
  }   
 .product--full_width {
  gap: var(--gap);
 }
 .product__title--contrast {
  font: var(--accent-heading-m-font);
  letter-spacing: -0.01em;
  }
  .product__title--brutalist {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
  }
}
@media screen and (max-width: 920px) {
  .empty-space {
    height: var(--mobile-height);
  }
}
@media screen and (min-width: 768px) {
  .product--full_width .product__info-article--options .product__text,
  .product--full_width .product__info-article--options .product__title {
    display: none;
  }
}
/* Mobile */
@media screen and (max-width: 768px) {
  .product-form__submit:not(.show-compare-price-on-mobile) .price-inside-button s {
    display: none;
  }
  .product__title--minimal_heavy,
  .product__title--brutalist {
    font: var(--base-heading-s-font);
    letter-spacing: normal;
  }
  .product__title--contrast {
    font: var(--accent-heading-s-font);
    letter-spacing: normal;
  }
  .color__swatch--three {
    flex: 0 0 calc((100% / 2) - 8px)
  }
  .product--full_width .product__info-article--description .product__text,
  .product--full_width .product__info-article--description .product__title,
  .thumbnail-slider,
  div.slider-buttons.buttons-hidden-mobile {
    display: none;
  }
  .slider-mobile-gutter:not(.thumbnail-slider):has( ~ .thumbnail-slider) {
    max-width: 100%;
  }
  .product--full_width .product__info-article--options .product__text,
  .product--full_width .product__info-article--options .product__title {
    display: block;
    height: auto;
  }
  .product--spacious .product__info-container--flex,
  .product--compact .product__info-container--flex {
    flex-direction: column-reverse;
  }
  .product {
    flex-direction: column;
    justify-content: flex-start;
  }
  .container--sticky {
    position: static;
  }
  .product__info-wrapper--left {
    order: 1;
  }
  .product--spacious,
  .product--spacious.product--full_width {
    gap: 24px;
  }
  .product--compact,
  .product--compact.product--full_width {
    gap: 16px;
  }
  .product--spacious.product--small .product__media-wrapper,
  .product--compact.product--small .product__media-wrapper,
  .product--spacious.product--small .product__info-wrapper,
  .product--compact.product--small .product__info-wrapper,
  .product--spacious.product--medium .product__media-wrapper,
  .product--compact.product--medium .product__media-wrapper,
  .product--spacious.product--medium .product__info-wrapper,
  .product--compact.product--medium .product__info-wrapper,
  .product--spacious.product--large .product__media-wrapper,
  .product--compact.product--large .product__media-wrapper,
  .product--spacious.product--large .product__info-wrapper,
  .product--compact.product--large .product__info-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
    border: none;
  }
  .product--spacious.product--medium .product__info-container,
  .product--compact.product--medium .product__info-container,
  .product--spacious.product--large .product__info-container,
  .product--compact.product--large .product__info-container,
  .product--spacious .product__info-article--options,
  .product--compact .product__info-article--options,
  .product--spacious .product__info-article--options-wrapper,
  .product--compact .product__info-article--options-wrapper {
    max-width: 100%;
  }
  .product--reverse.product--lines:not(.product--full_width) .product__media-wrapper {
    border-inline-start: none;
  }
  .product--spacious.product--medium.product--lines .product__media-wrapper {
    width: 100%;
  }
  .product--spacious.product--small.product--lines .product__media-wrapper,
  .product--compact.product--small.product--lines .product__media-wrapper,
  .product--reverse.product--spacious.product--small.product--lines .product__media-wrapper,
  .product--reverse.product--compact.product--small.product--lines .product__media-wrapper,
  .product--reverse.product--spacious.product--medium.product--lines .product__media-wrapper,
  .product--compact.product--medium.product--lines .product__media-wrapper,
  .product--reverse.product--compact.product--medium.product--lines .product__media-wrapper,
  .product--spacious.product--medium.product--lines .product__media-wrapper,
  .product--spacious.product--large.product--lines .product__media-wrapper,
  .product--reverse.product--spacious.product--large.product--lines .product__media-wrapper,
  .product--compact.product--large.product--lines .product__media-wrapper,
  .product--reverse.product--compact.product--large.product--lines .product__media-wrapper {
    padding: 0;
  }
  .product--spacious.product--small.product--lines .product__info-block,
  .product--spacious.product--small .product__info-block,
  .product--spacious.product--medium.product--lines .product__info-block,
  .product--compact.product--small.product--lines .product__info-block,
  .product--compact.product--small .product__info-block,
  .product--spacious.product--medium .product__info-block,
  .product--compact.product--medium .product__info-block,
  .product--compact.product--medium.product--lines .product__info-block,
  .product--spacious.product--large.product--lines .product__info-block,
  .product--spacious.product--large .product__info-block,
  .product--compact.product--large.product--lines .product__info-block,
  .product--compact.product--large .product__info-block,
  .product--lines.product--spacious .product__info-container--flex .product__info-article--options,
  .product--lines.product--compact .product__info-container--flex .product__info-article--options,
  .product--spacious .product__info-article--options,
  .product--compact .product__info-article--options {
    padding-inline-start: 0px;
  }
  .product--spacious .product__info-options-container,
  .product--compact .product__info-options-container {
    flex: 1 1 auto;
  }
  .product--lines.product--spacious .product__info-container--flex .product__info-article--description,
  .product--lines.product--compact .product__info-container--flex .product__info-article--description {
    border-inline-end: none;
    padding-inline-end: 0;
  }
  .product--reverse.product--spacious.product--small.product--lines .product__info-block,
  .product--reverse.product--spacious.product--small .product__info-block,
  .product--reverse.product--spacious.product--medium.product--lines .product__info-block,
  .product--reverse.product--compact.product--small.product--lines .product__info-block,
  .product--reverse.product--compact.product--small .product__info-block,
  .product--reverse.product--spacious.product--medium .product__info-block,
  .product--reverse.product--compact.product--medium .product__info-block,
  .product--reverse.product--compact.product--medium.product--lines .product__info-block,
  .product--reverse.product--spacious.product--large.product--lines .product__info-block,
  .product--reverse.product--spacious.product--large .product__info-block,
  .product--reverse.product--compact.product--large.product--lines .product__info-block,
  .product--reverse.product--compact.product--large .product__info-block {
    padding-inline-end: 0px;
  }
  
  div.slider-buttons:not(.buttons-hidden-mobile) {
    display: flex;
  }
  .product__media-wrapper .slider__viewport {
    transition: height .3s .4s ease;
  }
  .product__media-list.one_column_grid,
  .product__media-list.two_columns_grid {
    display: flex;
    flex-direction: row;
    transform: translate(0);
    transition: transform .3s ease-in-out;
  }
  .product--spacious.product--lines {
    padding-top: 32px;
  }
  .product--full_width .product__info-article--options .product__text:first-child,
  .product--full_width .product__info-article--options .product__title:first-child {
    display: block;
    overflow: clip;
  }
  .product__description {
    overflow: auto;
  }
  .product__description.rte > *:not(table) {
    max-width: calc(100vw - 16px*2);
    position: sticky;
    position: -webkit-sticky;
    left: 0;
  }
  .product__info-container--flex .product__info-article--description,
  .product--lines .product__info-container--flex .product__info-article--description {
    flex: 0 0 auto;
  }
}

/* Mobile-mini */
@media screen and (max-width: 500px) {
  .card .pickup-availability:not(:first-child) {
    margin-top: 0;
  }
  .product--lines.product--spacious.product--lines .product__info-container--flex .product__info-article--description {
    padding-inline-end: 0px;
  }
  .product--lines.product--spacious.product--lines .product__info-container--flex .product__info-article--options {
    padding-inline-start: 0px;
  }
  .product-form__buttons--row.product-form__buttons--stretched button,
  .product-form__buttons--row.product-form__buttons--stretched > div {
    width: 100%;
    min-width: 200px;
  }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
  .page-width.product--spacious.product--small.product--lines .product__media-wrapper,
  .page-width.product--spacious.product--large.product--lines .product__media-wrapper,
  .page-width.product--spacious.product--small.product--lines .product__info-block,
  .page-width.product--spacious.product--large.product--lines .product__info-block,
  .page-width.product--spacious.product--lines .product__info-article--options,
  .page-width.product--spacious.product--small.product--lines .product__info-wrapper,
  .page-width.product--spacious.product--large.product--lines .product__info-wrapper,
  .page-width.product--lines.product--spacious .product__info-container--flex .product__info-article--description,
  .page-width.product--lines.product--spacious .product__info-container--flex .product__info-options-container {
      --gap: 32px;
  }
  .page-width.product--spacious.product--small .product__info-block,
  .page-width.product--spacious.product--large .product__info-block,
  .page-width.product--spacious .product__info-article--options,
  .page-width.product--spacious.product--small .product__media-wrapper,
  .page-width.product--spacious.product--large .product__media-wrapper,
  .page-width.product--spacious.product--small .product__info-wrapper,
  .page-width.product--spacious.product--large .product__info-wrapper,
  .page-width.product--spacious .product__info-container--flex .product__info-article--description,
  .page-width.product--spacious .product__info-container--flex .product__info-options-container {
    --gap: 96px;
  }
  .page-width.product--spacious.product--medium .product__info-block,
  .page-width.product--spacious.product--medium .product__media-wrapper,
  .page-width.product--spacious.product--medium .product__info-wrapper {
    --gap: 64px;
  }
  .page-width.product--spacious.product--medium.product--lines .product__info-block,
  .page-width.product--spacious.product--medium.product--lines .product__media-wrapper,
  .page-width.product--spacious.product--medium.product--lines .product__info-wrapper {
    --gap: 24px;
  }
  .page-width.product--compact.product--small .product__info-block,
  .page-width.product--compact .product__info-article--options {
    --gap: 40px;
  }
  .page-width.product--compact.product--small.product--lines .product__info-block,
  .page-width.product--compact.product--lines .product__info-article--options,
  .page-width.product--lines.product--compact .product__info-container--flex .product__info-article--description {
    --gap: 16px;
  }
}
@container inside-content (min-width: 768px) {
  .product--full_width .product__info-article--options .product__text,
  .product--full_width .product__info-article--options .product__title {
    display: none;
  }
}
@media (min-width: 921px) {
  /* Laptop */
  @container inside-content (max-width: 1440px) {
    .product--spacious.product--small.product--lines .product__media-wrapper,
    .product--spacious.product--large.product--lines .product__media-wrapper,
    .product--spacious.product--small.product--lines .product__info-block,
    .product--spacious.product--large.product--lines .product__info-block,
    .product--spacious.product--lines .product__info-article--options,
    .product--spacious.product--small.product--lines .product__info-wrapper,
    .product--spacious.product--large.product--lines .product__info-wrapper,
    .product--lines.product--spacious .product__info-container--flex .product__info-article--description,
    .product--lines.product--spacious .product__info-container--flex .product__info-options-container {
        --gap: 32px;
    }
    .product--spacious.product--small .product__info-block,
    .product--spacious.product--large .product__info-block,
    .product--spacious .product__info-article--options,
    .product--spacious.product--small .product__media-wrapper,
    .product--spacious.product--large .product__media-wrapper,
    .product--spacious.product--small .product__info-wrapper,
    .product--spacious.product--large .product__info-wrapper,
    .product--spacious .product__info-container--flex .product__info-article--description,
    .product--spacious .product__info-container--flex .product__info-options-container {
      --gap: 96px;
    }
    .product--spacious.product--medium .product__info-block,
    .product--spacious.product--medium .product__media-wrapper,
    .product--spacious.product--medium .product__info-wrapper {
      --gap: 64px;
    }
    .product--spacious.product--medium.product--lines .product__info-block,
    .product--spacious.product--medium.product--lines .product__media-wrapper,
    .product--spacious.product--medium.product--lines .product__info-wrapper {
      --gap: 24px;
    }
    .product--compact.product--small .product__info-block,
    .product--compact .product__info-article--options {
      --gap: 40px;
    }
    .product--compact.product--small.product--lines .product__info-block,
    .product--compact.product--lines .product__info-article--options,
    .product--lines.product--compact .product__info-container--flex .product__info-article--description {
      --gap: 16px;
    }
  }
  @container inside-content (max-width: 1200px) {
    .product--large .product__media-wrapper {
        flex: 0 0 calc(((100% - var(--gap) * 3) / 4) * 2 + var(--gap));
        max-width: calc(((100% - var(--gap) * 3) / 4) * 2 + var(--gap));
    }
      
    .product--large .product__info-wrapper {
        flex: 0 0 calc(100% - (((100% - var(--gap) * 3) / 4) * 2 + var(--gap)));
        max-width: calc(100% - (((100% - var(--gap) * 3) / 4) * 2 + var(--gap)));
    }
      
    .product--large.product--lines .product__media-wrapper {
        flex: calc((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap));
        max-width: calc((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap));
        padding-block: 0; 
        padding-inline: 0 var(--gap);
    }
      
    .product--large.product--lines .product__info-wrapper {
        flex: calc(100% - ((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap)));
        max-width: calc(100% - ((((100% - (var(--gap) * 3)) / 4) + ((var(--gap) + var(--line-width)) / 4)) * 2 + var(--gap)));
    }
    .product--large .product__info-container {
        max-width: 480px;
    }
    .product--large .product__info-block {
        --max-width: 480px;
    }
    .product--spacious.product--large .product__info-block,
    .product--spacious.product--large .product__media-wrapper,
    .product--spacious.product--large .product__info-wrapper {
        --gap: 64px;
    }
    .product--spacious.product--large.product--lines .product__info-block,
    .product--spacious.product--large.product--lines .product__media-wrapper,
    .product--spacious.product--large.product--lines .product__info-wrapper {
        --gap: 24px;
    }
  }
  /* Tablet */
  @container inside-content (max-width: 1024px) {
    .product--spacious.product--small .product__media-wrapper,
    .product--spacious.product--medium .product__media-wrapper,
    .product--spacious.product--large .product__media-wrapper,
    .product--spacious.product--small .product__info-wrapper,
    .product--spacious.product--medium .product__info-wrapper,
    .product--spacious.product--large .product__info-wrapper,
    .product--spacious.product--medium .product__info-block,
    .product--spacious.product--large .product__info-block,
    .product--spacious.product--small .product__info-block,
    .product--spacious.product--full_width {
      --gap: 48px
    }
    .product--compact.product--small .product__info-block,
    .product--compact.product--large .product__info-block,
    .product--compact .product__info-article--options,
    .product--reverse.product--compact.product--large .product__info-block {
      --gap: 40px;
    }
    .product--spacious .product__info-article--options,
    .product--spacious .product__info-container--flex .product__info-article--description,
    .product--spacious .product__info-container--flex .product__info-options-container {
      --gap: 64px;
    }
    .product--compact .product__media-wrapper,
    .product--compact.product--small .product__info-wrapper,
    .product--compact.product--medium .product__info-wrapper,
    .product--compact.product--large .product__info-wrapper,
    .product--compact.product--lines .product__info-article--options {
      --gap: 12px;
    }
    .product--reverse.product--compact.product--small.product--lines .product__info-block {
      --gap: 16px;
    }
    .product--spacious.product--small.product--lines .product__media-wrapper,
    .product--spacious.product--medium.product--lines .product__media-wrapper,
    .product--spacious.product--large.product--lines .product__media-wrapper,
    .product--spacious.product--small.product--lines .product__info-block,
    .product--spacious.product--medium.product--lines .product__info-block,
    .product--spacious.product--large.product--lines .product__info-block,
    .product--spacious.product--lines .product__info-article--options,
    .product--spacious.product--lines .product__info-container--flex .product__info-article--description,
    .product--spacious.product--lines .product__info-container--flex .product__info-article--options,
    .product--reverse.product--compact.product--medium .product__info-block,
    .product--compact.product--full_width {
      --gap: 24px;
    }
    .product--compact.product--lines .product__info-block,
    .product--compact.product--lines .product__info-container--flex .product__info-article--description,
    .product--lines.product--compact .product__info-container--flex .product__info-article--options,
    .product--reverse.product--compact.product--large.product--lines .product__info-block,
    .product--reverse.product--compact.product--medium.product--lines .product__info-block {
      --gap: 16px;
    }
    .product.product--small .product__media-wrapper,
    .product.product--large .product__media-wrapper {
        flex: 0 0 calc(((100% - var(--gap) * 3) / 4) * 2 + var(--gap));
        max-width: calc(((100% - var(--gap) * 3) / 4) * 2 + var(--gap));
    }
    .product.product--small .product__info-wrapper,
    .product.product--large .product__info-wrapper {
        flex: 0 0 calc(100% - (((100% - var(--gap) * 3) / 4) * 2 + var(--gap)));
        max-width: calc(100% - (((100% - var(--gap) * 3) / 4) * 2 + var(--gap)));
    }
    .product--small.product--lines .product__media-wrapper,
    .product--large.product--lines .product__media-wrapper {
      flex: 0 0 calc((((100% ) / 4) + (( var(--line-width)) / 4)) * 2);
      max-width: calc((((100% ) / 4) + (( var(--line-width)) / 4)) * 2);
    }
    .product--small.product--lines .product__info-wrapper,
    .product--large.product--lines .product__info-wrapper {
      flex: 0 0 calc(100% - ((((100% ) / 4) + (( var(--line-width)) / 4)) * 2));
      max-width: calc(100% - ((((100% ) / 4) + (( var(--line-width)) / 4)) * 2));
    }   
    .product--full_width {
      gap: var(--gap);
    }
    .product__title--contrast {
      font: var(--accent-heading-m-font);
      letter-spacing: -0.01em;
    }
    .product__title--brutalist {
      font: var(--base-heading-m-font);
      letter-spacing: -0.01em;
    }
  }
  /* Mobile */
  @container inside-content (max-width: 768px) {
    .product-form__submit:not(.show-compare-price-on-mobile) .price-inside-button s {
      display: none;
    }
    .product__title--minimal_heavy,
    .product__title--brutalist {
      font: var(--base-heading-s-font);
      letter-spacing: normal;
    }
    .product__title--contrast {
      font: var(--accent-heading-s-font);
      letter-spacing: normal;
    }
    .color__swatch--three {
      flex: 0 0 calc((100% / 2) - 8px)
    }
    .product--full_width .product__info-article--description .product__text,
    .product--full_width .product__info-article--description .product__title {
      display: none;
    }
    .product--full_width .product__info-article--options .product__text,
    .product--full_width .product__info-article--options .product__title {
      display: block;
      height: auto;
    }
    .product--spacious .product__info-container--flex {
      flex-direction: column-reverse;
    }
    .product {
      flex-direction: column;
      justify-content: flex-start;
    }
    .container--sticky {
      position: static;
    }
    .product__info-wrapper--left {
      order: 1;
    }
    .main_l--spacious .product--spacious {
      gap: 24px;
    }
    .main_l--compact .product--compact {
      gap: 16px;
    }
    .product.product--small .product__media-wrapper,
    .product.product--small .product__info-wrapper,
    .product.product--medium .product__media-wrapper,
    .product.product--medium .product__info-wrapper,
    .product.product--large .product__media-wrapper,
    .product.product--large .product__info-wrapper {
      width: 100%;
      max-width: 100%;
      padding: 0;
      border: none;
    }
    .product.product--medium .product__info-container,
    .product.product--large .product__info-container,
    .product .product__info-article--options,
    .product .product__info-article--options-wrapper {
      max-width: 100%;
    }
    .product--reverse.product--lines:not(.product--full_width) .product__media-wrapper {
      border-inline-start: none;
    }
    .main_l--spacious .product--spacious.product--medium.product--lines .product__media-wrapper {
      width: 100%;
    }
    .product.product--small.product--lines .product__media-wrapper,
    .product--reverse.product.product--small.product--lines .product__media-wrapper,
    .product--reverse.product.product--medium.product--lines .product__media-wrapper,
    .product.product--medium.product--lines .product__media-wrapper,
    .product.product--large.product--lines .product__media-wrapper,
    .product--reverse.product.product--large.product--lines .product__media-wrapper {
      padding: 0;
    }
    .product.product--small.product--lines .product__info-block,
    .product.product--small .product__info-block,
    .product.product--medium.product--lines .product__info-block,
    .product.product--medium .product__info-block,
    .product.product--large.product--lines .product__info-block,
    .product.product--large .product__info-block,
    .product--lines.product .product__info-container--flex .product__info-article--options {
      padding-inline-start: 0px;
    }
    .product .product__info-options-container {
      flex: 1 1 auto;
    }
    .main_l--spacious .product--spacious .product__info-article--options {
      padding-inline-start: 0px;
    }
    .product--lines.product .product__info-container--flex .product__info-article--description {
      border-inline-end: none;
      padding-inline-end: 0;
    }
    .product--reverse.product.product--small.product--lines .product__info-block,
    .product--reverse.product.product--small .product__info-block,
    .product--reverse.product.product--medium.product--lines .product__info-block,
    .product--reverse.product.product--medium .product__info-block,
    .product--reverse.product.product--large.product--lines .product__info-block,
    .product--reverse.product.product--large .product__info-block {
      padding-inline-end: 0px;
    }
    .thumbnail-slider {
      display: none;
    }
    .slider-mobile-gutter:not(.thumbnail-slider):has( ~ .thumbnail-slider) {
      max-width: 100%;
    }
    div.slider-buttons:not(.buttons-hidden-mobile) {
      display: flex;
    }
    .product__media-wrapper .slider__viewport {
      transition: height .3s .4s ease;
    }
    .product__media-list.one_column_grid,
    .product__media-list.two_columns_grid {
      display: flex;
      flex-direction: row;
      gap: 0px;
      transform: translate(0);
      transition: transform .3s ease-in-out;
    }
    .main_l--spacious .product--spacious.product--lines {
      padding-top: 32px;
    }
    .product__info-container--flex .product__info-article--description,
    .product--lines .product__info-container--flex .product__info-article--description {
      flex: 0 0 auto;
    }
  }
  /* Mobile-mini */
  @container inside-content (max-width: 500px) {
    .card .pickup-availability:not(:first-child) {
      margin-top: 0;
    }
    .product--lines.product--spacious.product--lines .product__info-container--flex .product__info-article--description {
      padding-inline-end: 0px;
    }
    .product--lines.product--spacious.product--lines .product__info-container--flex .product__info-article--options {
      padding-inline-start: 0px;
    }
    .product-form__buttons--row.product-form__buttons--stretched button,
    .product-form__buttons--row.product-form__buttons--stretched > div {
      width: 100%;
      min-width: 200px;
    }
  }
}

/* Media with text */
.media-with-text {
    --buttons-gap: 24px;
}
.lines.include-lines .media-with-text__wrapper::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}
.media-with-text--full-width.lines .media-with-text__wrapper::before {
    position: relative;
    left: var(--default-padding);
    right: var(--default-padding);
    width: calc(100% - (var(--default-padding) * 2));
}
.lines.media-with-text--spacious .media-with-text__wrapper::before {
    margin-bottom: 48px;
}
.lines.media-with-text--compact .media-with-text__wrapper::before {
    margin-bottom: 24px;
}
main > section:first-child .lines .media-with-text__wrapper::before {
    display: none;
}
.page-width.media-with-text--full-width,
.page-width--1700.media-with-text--full-width {
    max-width: none;
}
.media-with-text--narrow .media-with-text__wrapper {
    max-width: 960px;
    margin: 0 auto;
}
.media-with-text__media-wrapper {
    overflow: clip;
    height: 100%;
    max-width: 100%;
}
a.media-with-text__card:not(.no-hover) .content-subheading,
a.media-with-text__card:not(.no-hover) .content-heading,
a.media-with-text__card:not(.no-hover) .content-text:not(.dim),
a.media-with-text__card:not(.no-hover) .context-image {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    a.media-with-text__card:not(.no-hover):hover .media-with-text__media video,
    a.media-with-text__card:not(.no-hover):hover .media-with-text__image,
    a.media-with-text__card:not(.no-hover):hover .media-with-text__media .placeholder-svg  {
        transform: scale(1.03);
        opacity: .9;
        transition: transform var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
    }
    a.media-with-text__card:not(.no-hover):hover .content-subheading,
    a.media-with-text__card:not(.no-hover):hover .content-heading,
    a.media-with-text__card:not(.no-hover):hover .content-text:not(.dim),
    a.media-with-text__card:not(.no-hover):hover .context-image {
        opacity: 0.7;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
    a.media-with-text__card:not(.no-hover):hover a.context-image,
    a.media-with-text__card:not(.no-hover):hover object.context-image {
        opacity: 1;
    }
}
.media-with-text__content-wrapper.center .context-image {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.media-with-text__content-wrapper.end .context-image,
.media-with-text__content-wrapper.end .richtext ul,
.media-with-text__content-wrapper.end .richtext ol {
    margin-inline-start: auto;
}
.media-with-text__media video, .media-with-text__image, .media-with-text__media .placeholder-svg {
    transition: transform var(--animation-duration) var(--transition-timing-function);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.media-with-text__media .none-autoplay video {
    object-fit: contain;
    background-color: rgb(0,0,0);
}
.media-with-text__media-wrapper {
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
    overflow: clip;
    z-index: 1;
}

.no-default-color.no-fill-section .media-with-text__media-wrapper {
    border-radius: 0px;
    -webkit-border-radius: 0px;
}
.media-with-text__media video {
    object-position: var(--video-focal-point);
}
.media-with-text__image, .placeholder-svg {
    object-position: var(--image-focal-point);
}

.media-with-text--full-width.image-left .media-with-text__media-wrapper {
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
    -webkit-border-start-start-radius: 0px;
    -webkit-border-end-start-radius: 0px;
}
.media-with-text--full-width.image-right .media-with-text__media-wrapper {
    border-start-end-radius: 0px;
    border-end-end-radius: 0px;
    -webkit-border-start-end-radius: 0px;
    -webkit-border-end-end-radius: 0px;
}

.media-with-text__media-wrapper {
    display: inline-flex;
}
.media-with-text__card {
    display: flex;
    flex-direction: var(--image-position);
}
.no-default-color.no-fill-section .media-with-text__card {
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
    overflow: clip;
    z-index: 1;
}
.media-with-text__media-wrapper {
    width: 100%;
}

.media-with-text--spacious .media-with-text__card,
.exclude-lines.lines.media-with-text--spacious .media-with-text__card {
    --gap: 120px;
    --update-gap: calc(120px - 48px);
}
.include-lines.lines.media-with-text--spacious .media-with-text__card {
    --gap: 60px;
    --update-gap: 0;
}
.media-with-text--spacious .media-with-text__card.half {
    --gap: 80px;
    --update-gap: calc(80px - 48px);
}
.include-lines.lines.media-with-text--spacious .media-with-text__card.half {
    --gap: 40px;
    --update-gap: 0px;
}
.media-with-text--compact .media-with-text__card {
    --gap: 12px;
    --update-gap: calc(12px - 40px);
}
.media-with-text--compact .media-with-text__card.half {
    --gap: 40px;
    --update-gap: 0px;
}
.exclude-lines.lines.media-with-text--compact .media-with-text__card {
    --gap: 32px;
    --update-gap: calc(32px - 40px);
}
.include-lines.lines.media-with-text--compact .media-with-text__card {
    --gap: 16px;
    --update-gap: 0px;
}
.inside-content .include-lines.media-with-text--spacious .media-with-text__wrapper .media-with-text__card {
    --update-gap: 0px;
}

.media-with-text__card {
    --update-gap: 0px;
    gap: var(--gap);
}
.media-with-text--full-width.media-with-text--spacious {
    --default-padding: 48px;
}
.media-with-text--full-width.media-with-text--compact {
    --default-padding: 24px;
}
.image-left .media-with-text__content-wrapper {
    margin-inline-start: calc(0px - var(--update-gap));
}
.image-right .media-with-text__content-wrapper {
    margin-inline-end: calc(0px - var(--update-gap)); 
}
.media-with-text__content-wrapper {
    width: calc(100% + var(--update-gap));
}
.media-with-text__content-wrapper.content-aligment-right,
.media-with-text__content-wrapper.content-aligment-left,
.media-with-text__content-wrapper.content-aligment-center {
    width: calc(70% + var(--update-gap));
}
.media-with-text.exclude-lines .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center,
.media-with-text.include-lines.media-with-text--full-width:not(.lines) .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center {
    width: calc(70% + var(--gap));
}
.media-with-text__content-wrapper object:not(.context-image) {
    display: inline-block;
}
.large .media-with-text__media,
.half .media-with-text__media {
    flex: 1 1 100%;
}
.large .media-with-text__content {
    flex: 0 0 calc((100% - (var(--gap) * 2)) / 3);
}
.media-with-text--narrow .large .media-with-text__content {
    flex: 0 0 calc((100% - (var(--gap) )) * .35);
}
.half .media-with-text__content {
    flex: 0 0 calc(50% - calc(var(--gap) / 2));
}
.media-with-text--full-width .half .media-with-text__content,
.exclude-lines .half .media-with-text__content {
    flex: 0 0 calc(50% - var(--gap));
}
.include-lines.lines .large .media-with-text__content {
    flex: 0 0 calc(((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
}
.include-lines.lines .half .media-with-text__content {
    flex: 0 0 calc(((100% - var(--gap)) / 2) + ((var(--gap) + var(--line-width)) / 2));
}
.include-lines.media-with-text--narrow.lines .large .media-with-text__content {
    flex: 0 0 calc((100% - (var(--gap) * 2)) * .35 + var(--gap) + var(--line-width));
}


.include-lines.lines .large .left-padding,
.include-lines.lines .half .left-padding {
    padding-inline-start: var(--gap);
    border-inline-start: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
.include-lines.lines .large .right-padding,
.include-lines.lines .half .right-padding {
    padding-inline-end: var(--gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
.media-with-text--full-width .large .left-padding,
.media-with-text--full-width .large .right-padding  {
    flex: 0 0 calc((100% + var(--default-padding) - (var(--gap) * 2)) / 3 );
}
.include-lines.media-with-text--full-width.lines .large .left-padding,
.include-lines.media-with-text--full-width.lines .large .right-padding  {
    flex: 0 0 calc(((100% + var(--default-padding) - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
}
.media-with-text--full-width .large .left-padding .media-with-text__content-wrapper,
.media-with-text--full-width .half .left-padding .media-with-text__content-wrapper {
    padding-inline-end: var(--default-padding);
}
.media-with-text--full-width .large .right-padding .media-with-text__content-wrapper,
.media-with-text--full-width .half .right-padding .media-with-text__content-wrapper {
    padding-inline-start: var(--default-padding);
}

.small .media-with-text__media {
    flex: 0 0 calc((100% - (var(--gap) * 2)) / 3);
}
.media-with-text--narrow .small .media-with-text__media {
    flex: 0 0 calc((100% - (var(--gap) )) * .35);
}
.include-lines.lines .small .media-with-text__media {
    flex: 0 0 calc(((100% - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
}
.include-lines.media-with-text--narrow.lines .small .media-with-text__media {
    flex: 0 0 calc((100% - (var(--gap) * 2)) * .35 + var(--gap) + var(--line-width));
}
.include-lines.lines .small .left-padding--media {
    padding-inline-start: var(--gap);
    border-inline-start: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
.include-lines.lines .small .right-padding--media {
    padding-inline-end: var(--gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
.media-with-text--full-width .small .left-padding--media,
.media-with-text--full-width .small .right-padding--media {
    flex: 0 0 calc((100% + var(--default-padding) - (var(--gap) * 2)) / 3);
}
.include-lines.media-with-text--full-width.lines .small .left-padding--media,
.include-lines.media-with-text--full-width.lines .small .right-padding--media {
    flex: 0 0 calc(((100% + var(--default-padding) - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
}
.small .media-with-text__content {
    flex: 1 1 100%;
}
.media-with-text--full-width .small .left-padding--media + .media-with-text__content .media-with-text__content-wrapper {
    padding-inline-start: var(--default-padding);
}
.media-with-text--full-width .small .right-padding--media + .media-with-text__content .media-with-text__content-wrapper {
    padding-inline-end: var(--default-padding);
}

.media-with-text__content {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: var(--vertical-position);
    align-items: var(--horizontal-position);
}
.no-fill-section.exclude-lines.image-left .media-with-text__content-wrapper {
    padding-block: 48px; 
    padding-inline: 0 48px;
}
.no-fill-section.exclude-lines.image-right .media-with-text__content-wrapper {
    padding-block: 48px; 
    padding-inline: 48px 0;
}
.media-with-text.exclude-lines.image-left  .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center,
.media-with-text.include-lines.media-with-text--full-width:not(.lines).image-left  .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center {
    padding-inline-end: var(--gap);
}
.media-with-text.exclude-lines.image-right  .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center,
.media-with-text.include-lines.media-with-text--full-width:not(.lines).image-right  .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center {
    padding-inline-start: var(--gap);
}
.media-with-text .content-aligment-right {
    margin-inline-end: auto;
}
.media-with-text .content-aligment-left {
    margin-inline-start: auto!important;
}
.media-with-text .content-aligment-center {
    margin-inline-end: auto;
    margin-inline-start: auto;
}

.media-with-text__content-wrapper > .content-wrapper--block {
    margin-top: 24px;
}
.media-with-text--compact .media-with-text__content-wrapper > .content-wrapper--block {
    margin-top: 16px;
}
.media-with-text .media-with-text__content-wrapper > .spacer,
.media-with-text .media-with-text__content-wrapper > .line-container,
.media-with-text__content-wrapper > .line-container + .content-wrapper--block,
.media-with-text__content-wrapper > .spacer + .content-wrapper--block {
    margin-top: 0;
}
.media-with-text__button, .media-with-text__button .elem-hover {
    display: inline-block;
}

.media-with-text__button:has( a) {
    cursor: pointer;
}
.image-left .media-with-text__button + .video-button-block,
.image-left .video-button-block + .media-with-text__button,
.image-left .media-with-text__button + .media-with-text__button,
.image-left .video-button-block + .video-button-block,
.image-right .end .media-with-text__button,
.image-right .end .video-button-block {
    margin-inline-start: var(--buttons-gap);
    margin-inline-end: 0;
}
.image-right .media-with-text__button,
.image-right .video-button-block,
.image-left .start .media-with-text__button,
.image-left .start .video-button-block {
    margin-inline-end: var(--buttons-gap);
    margin-inline-start: 0;
}
.media-with-text__content .center .media-with-text__button,
.media-with-text__content .center .video-button-block {
    margin-inline-start: calc(var(--buttons-gap) / 2);
    margin-inline-end: calc(var(--buttons-gap) / 2);
}
.media-with-text .outlined-button, .media-with-text .link-button,
.media-with-text .solid-button {
    text-align: center;
}
.media-with-text__button--outlined object { 
    position: relative; 
    z-index: 1; 
}

@media screen and (max-width: 920px) {
    .media-with-text--full-width.media-with-text--spacious {
        --default-padding: 24px;
    }
}
/* Styles for full-width page without sidebars */
/* Max page width 1200px */
@media screen and (min-width: 1200px) {
    .media-with-text--full-width.page-width--1200 .large .left-padding,
    .media-with-text--full-width.page-width--1200 .large .right-padding,
    .media-with-text--full-width.page-width--1200 .small .left-padding--media,
    .media-with-text--full-width.page-width--1200 .small .right-padding--media  {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3));
    }
    .include-lines.media-with-text--full-width.page-width--1200.lines .large .left-padding,
    .include-lines.media-with-text--full-width.page-width--1200.lines .large .right-padding,
    .include-lines.media-with-text--full-width.page-width--1200.lines .small .left-padding--media,
    .include-lines.media-with-text--full-width.page-width--1200.lines .small .right-padding--media  {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
    }
}
/* Max page width 1400px */
@media screen and (min-width: 1400px) {
    .media-with-text--full-width.page-width--1400 .large .left-padding,
    .media-with-text--full-width.page-width--1400 .large .right-padding,
    .media-with-text--full-width.page-width--1400 .small .left-padding--media,
    .media-with-text--full-width.page-width--1400 .small .right-padding--media {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3));
    }
    .include-lines.media-with-text--full-width.page-width--1400.lines .large .left-padding,
    .include-lines.media-with-text--full-width.page-width--1400.lines .large .right-padding,
    .include-lines.media-with-text--full-width.page-width--1400.lines .small .left-padding--media,
    .include-lines.media-with-text--full-width.page-width--1400.lines .small .right-padding--media {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
    }
}
/* Max page width 1700px */
@media screen and (min-width: 1700px) {
    .media-with-text--full-width.page-width--1700 .large .left-padding,
    .media-with-text--full-width.page-width--1700 .large .right-padding,
    .media-with-text--full-width.page-width--1700 .small .left-padding--media,
    .media-with-text--full-width.page-width--1700 .small .right-padding--media {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3));
    }
    .include-lines.media-with-text--full-width.page-width--1700.lines .large .left-padding,
    .include-lines.media-with-text--full-width.page-width--1700.lines .large .right-padding,
    .include-lines.media-with-text--full-width.page-width--1700.lines .small .left-padding--media,
    .include-lines.media-with-text--full-width.page-width--1700.lines .small .right-padding--media {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
    }
}
/* Laptop */
@media screen and (max-width: 1440px) {
    .inside-content .include-lines.media-with-text--spacious .media-with-text__wrapper .media-with-text__card {
        --update-gap: 0px;
    }
    .media-with-text--spacious .media-with-text__card {
        --gap: 96px;
        --update-gap: calc(96px - 48px);
    }
    .exclude-lines.lines.media-with-text--spacious .media-with-text__card,
    .media-with-text--spacious .media-with-text__card.half {
        --gap: 64px;
        --update-gap: calc(64px - 48px);
    }
    .include-lines.lines.media-with-text--spacious .media-with-text__card {
        --gap: 32px;
    }
    .include-lines.lines.media-with-text--spacious .media-with-text__card.half {
        --gap: 24px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .inside-content .page-width.include-lines.media-with-text--spacious .media-with-text__wrapper .media-with-text__card {
        --update-gap: 0px;
    }
    .page-width.media-with-text--spacious .media-with-text__card {
        --gap: 96px;
        --update-gap: calc(96px - 48px);
    }
    .page-width.exclude-lines.lines.media-with-text--spacious .media-with-text__card,
    .page-width.media-with-text--spacious .media-with-text__card.half {
        --gap: 64px;
        --update-gap: calc(64px - 48px);
    }
    .page-width.include-lines.lines.media-with-text--spacious .media-with-text__card {
        --gap: 32px;
    }
    .page-width.include-lines.lines.media-with-text--spacious .media-with-text__card.half {
        --gap: 24px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .exclude-lines.lines.media-with-text--spacious .media-with-text__card ,
    .media-with-text--spacious .media-with-text__card.half{
        --gap: 48px;
        --update-gap: calc(48px - 48px);
    }
    .include-lines.lines.media-with-text--spacious .media-with-text__card {
        --gap: 24px;
    }
    .media-with-text--spacious .media-with-text__card {
        --gap: 64px;
        --update-gap: calc(64px - 48px);
    }
    .media-with-text .content-aligment-right,
    .media-with-text .content-aligment-left,
    .media-with-text .content-aligment-center {
        width: 100%;
        margin-inline-end: 0px;
        margin-inline-start: 0px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .media-with-text {
        --buttons-gap: 12px;
    }
    .inside-content .media-with-text .media-with-text__wrapper .media-with-text__card {
        --update-gap: 0px;
    }
    .lines.media-with-text--spacious .media-with-text__wrapper::before {
        margin-bottom: 32px;
    }
    .media-with-text--spacious .media-with-text__card.half,
    .exclude-lines.lines.media-with-text--spacious .media-with-text__card,
    .include-lines.lines.media-with-text--spacious .media-with-text__card,
    .include-lines.lines.media-with-text--spacious .media-with-text__card.half,
    .media-with-text--spacious .media-with-text__card {
        --gap: 24px;
    }
    .exclude-lines.lines.media-with-text--compact .media-with-text__card,
    .include-lines.lines.media-with-text--compact .media-with-text__card,
    .media-with-text--compact .media-with-text__card,
    .media-with-text--compact .media-with-text__card.half {
        --gap: 16px;
    }
    .media-with-text--full-width.media-with-text--spacious,
    .media-with-text--full-width.media-with-text--compact  {
        --default-padding: 16px;
    }
    .media-with-text__card {
        flex-direction: column;
    }
    .include-lines.lines .large .left-padding,
    .include-lines.lines .half .left-padding,
    .include-lines.lines .small .left-padding--media {
        padding-inline-start: 0;
        border-inline-start: none;
    }
    .include-lines.lines .large .right-padding,
    .include-lines.lines .half .right-padding,
    .include-lines.lines .small .right-padding--media {
        padding-inline-end: 0;
        border-inline-end: none;
    }

    .media-with-text--full-width.image-left .media-with-text__media-wrapper,
    .media-with-text--full-width.image-right .media-with-text__media-wrapper {
        border-radius: 0px;
        -webkit-border-radius: 0px;
    }
    .media-with-text--full-width .small .left-padding--media + .media-with-text__content .media-with-text__content-wrapper,
    .media-with-text--full-width .small .right-padding--media + .media-with-text__content .media-with-text__content-wrapper,
    .media-with-text--full-width .large .left-padding .media-with-text__content-wrapper,
    .media-with-text--full-width .half .left-padding .media-with-text__content-wrapper,
    .media-with-text--full-width .large .right-padding .media-with-text__content-wrapper,
    .media-with-text--full-width .half .right-padding .media-with-text__content-wrapper,
    .media-with-text.include-lines.media-with-text--full-width:not(.lines).image-left  .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center,
    .media-with-text.include-lines.media-with-text--full-width:not(.lines).image-right  .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center {
        padding-inline-end: var(--default-padding);
        padding-inline-start: var(--default-padding);
    }
    .no-fill-section.exclude-lines.image-left.media-with-text--spacious  .media-with-text__content-wrapper,
    .no-fill-section.exclude-lines.image-right.media-with-text--spacious  .media-with-text__content-wrapper {
        padding: 0 24px 32px;
    }
    .no-fill-section.exclude-lines.image-left.media-with-text--compact  .media-with-text__content-wrapper,
    .no-fill-section.exclude-lines.image-right.media-with-text--compact  .media-with-text__content-wrapper {
        padding: 0 16px 24px;
    }
    
    .media-with-text__content-wrapper > .content-wrapper--block {
        margin-top: 16px;
    }
    .image-right .end .media-with-text__button,
    .image-right .end .video-button-block {
        margin-inline-start: 0;
        margin-inline-end: var(--buttons-gap);
    }
    .media-with-text__content-wrapper.end {
        text-align: start!important;
    }
    .media-with-text__content-wrapper.end .context-image,
    .media-with-text__content-wrapper.end .richtext ul,
    .media-with-text__content-wrapper.end .richtext ol {
        margin-inline-start: 0;
    }
    .media-with-text__media {
        display: flex;
    }
    .media-with-text.exclude-lines .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center,
    .media-with-text.include-lines.media-with-text--full-width:not(.lines) .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center {
        width: 100%;
    }
}

/* Sidebars */
/* Max page width 1200px */
@container inside-content (min-width: 1200px) {
    .media-with-text--full-width.page-width--1200 .large .left-padding,
    .media-with-text--full-width.page-width--1200 .large .right-padding,
    .media-with-text--full-width.page-width--1200 .small .left-padding--media,
    .media-with-text--full-width.page-width--1200 .small .right-padding--media  {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3));
    }
    .include-lines.media-with-text--full-width.page-width--1200.lines .large .left-padding,
    .include-lines.media-with-text--full-width.page-width--1200.lines .large .right-padding,
    .include-lines.media-with-text--full-width.page-width--1200.lines .small .left-padding--media,
    .include-lines.media-with-text--full-width.page-width--1200.lines .small .right-padding--media  {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
    }
}
/* Max page width 1400px */
@container inside-content (min-width: 1400px) {
    .media-with-text--full-width.page-width--1400 .large .left-padding,
    .media-with-text--full-width.page-width--1400 .large .right-padding,
    .media-with-text--full-width.page-width--1400 .small .left-padding--media,
    .media-with-text--full-width.page-width--1400 .small .right-padding--media {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3));
    }
    .include-lines.media-with-text--full-width.page-width--1400.lines .large .left-padding,
    .include-lines.media-with-text--full-width.page-width--1400.lines .large .right-padding,
    .include-lines.media-with-text--full-width.page-width--1400.lines .small .left-padding--media,
    .include-lines.media-with-text--full-width.page-width--1400.lines .small .right-padding--media {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
    }
}
/* Max page width 1700px */
@container inside-content (min-width: 1700px) {
    .media-with-text--full-width.page-width--1700 .large .left-padding,
    .media-with-text--full-width.page-width--1700 .large .right-padding,
    .media-with-text--full-width.page-width--1700 .small .left-padding--media,
    .media-with-text--full-width.page-width--1700 .small .right-padding--media {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3));
    }
    .include-lines.media-with-text--full-width.page-width--1700.lines .large .left-padding,
    .include-lines.media-with-text--full-width.page-width--1700.lines .large .right-padding,
    .include-lines.media-with-text--full-width.page-width--1700.lines .small .left-padding--media,
    .include-lines.media-with-text--full-width.page-width--1700.lines .small .right-padding--media {
        flex: 0 0 calc(((100% + var(--default-padding) + ((100% - var(--page-width)) / 2) - (var(--gap) * 2)) / 3) + ((var(--gap) + var(--line-width)) / 3));
    }
}
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .inside-content .page-width.include-lines.media-with-text--spacious .media-with-text__wrapper .media-with-text__card {
        --update-gap: 0px;
    }
    .page-width.media-with-text--spacious .media-with-text__card {
        --gap: 96px;
        --update-gap: calc(96px - 48px);
    }
    .page-width.exclude-lines.lines.media-with-text--spacious .media-with-text__card,
    .page-width.media-with-text--spacious .media-with-text__card.half {
        --gap: 64px;
        --update-gap: calc(64px - 48px);
    }
    .page-width.include-lines.lines.media-with-text--spacious .media-with-text__card {
        --gap: 32px;
    }
    .page-width.include-lines.lines.media-with-text--spacious .media-with-text__card.half {
        --gap: 24px;
    }
}

@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .inside-content .include-lines.media-with-text--spacious .media-with-text__wrapper .media-with-text__card {
            --update-gap: 0px;
        }
        .media-with-text--spacious .media-with-text__card {
            --gap: 96px;
            --update-gap: calc(96px - 48px);
        }
        .exclude-lines.lines.media-with-text--spacious .media-with-text__card,
        .media-with-text--spacious .media-with-text__card.half {
            --gap: 64px;
            --update-gap: calc(64px - 48px);
        }
        .include-lines.lines.media-with-text--spacious .media-with-text__card {
            --gap: 32px;
        }
        .include-lines.lines.media-with-text--spacious .media-with-text__card.half {
            --gap: 24px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .exclude-lines.lines.media-with-text--spacious .media-with-text__card ,
        .media-with-text--spacious .media-with-text__card.half{
            --gap: 48px;
            --update-gap: calc(48px - 48px);
        }
        .include-lines.lines.media-with-text--spacious .media-with-text__card {
            --gap: 24px;
        }
        .media-with-text--spacious .media-with-text__card {
            --gap: 64px;
            --update-gap: calc(64px - 48px);
        }
        .media-with-text .content-aligment-right,
        .media-with-text .content-aligment-left,
        .media-with-text .content-aligment-center {
            width: 100%;
            margin-inline-end: 0px;
            margin-inline-start: 0px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .media-with-text {
            --buttons-gap: 12px;
        }
        .inside-content .media-with-text .media-with-text__wrapper .media-with-text__card {
            --update-gap: 0px;
        }
        .lines.media-with-text--spacious .media-with-text__wrapper::before {
            margin-bottom: 32px;
        }
        .media-with-text--spacious .media-with-text__card.half,
        .exclude-lines.lines.media-with-text--spacious .media-with-text__card,
        .include-lines.lines.media-with-text--spacious .media-with-text__card,
        .include-lines.lines.media-with-text--spacious .media-with-text__card.half,
        .media-with-text--spacious .media-with-text__card {
            --gap: 24px;
        }
        .exclude-lines.lines.media-with-text--compact .media-with-text__card,
        .include-lines.lines.media-with-text--compact .media-with-text__card,
        .media-with-text--compact .media-with-text__card,
        .media-with-text--compact .media-with-text__card.half {
            --gap: 16px;
        }
        .media-with-text--full-width.media-with-text--spacious,
        .media-with-text--full-width.media-with-text--compact  {
            --default-padding: 16px;
        }
        .media-with-text__card {
            flex-direction: column;
        }
        .include-lines.lines .large .left-padding,
        .include-lines.lines .half .left-padding,
        .include-lines.lines .small .left-padding--media {
            padding-inline-start: 0;
            border-inline-start: none;
        }
        .include-lines.lines .large .right-padding,
        .include-lines.lines .half .right-padding,
        .include-lines.lines .small .right-padding--media {
            padding-inline-end: 0;
            border-inline-end: none;
        }

        .media-with-text--full-width.image-left .media-with-text__media-wrapper,
        .media-with-text--full-width.image-right .media-with-text__media-wrapper {
            border-radius: 0px;
            -webkit-border-radius: 0px;
        }
        .media-with-text--full-width .small .left-padding--media + .media-with-text__content .media-with-text__content-wrapper,
        .media-with-text--full-width .small .right-padding--media + .media-with-text__content .media-with-text__content-wrapper,
        .media-with-text--full-width .large .left-padding .media-with-text__content-wrapper,
        .media-with-text--full-width .half .left-padding .media-with-text__content-wrapper,
        .media-with-text--full-width .large .right-padding .media-with-text__content-wrapper,
        .media-with-text--full-width .half .right-padding .media-with-text__content-wrapper,
        .media-with-text.include-lines.media-with-text--full-width:not(.lines).image-left  .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center,
        .media-with-text.include-lines.media-with-text--full-width:not(.lines).image-right  .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center {
            padding-inline-end: var(--default-padding);
            padding-inline-start: var(--default-padding);
        }
        .no-fill-section.exclude-lines.image-left.media-with-text--spacious  .media-with-text__content-wrapper,
        .no-fill-section.exclude-lines.image-right.media-with-text--spacious  .media-with-text__content-wrapper {
            padding: 0 24px 32px;
        }
        .no-fill-section.exclude-lines.image-left.media-with-text--compact  .media-with-text__content-wrapper,
        .no-fill-section.exclude-lines.image-right.media-with-text--compact  .media-with-text__content-wrapper {
            padding: 0 16px 24px;
        }
        
        .media-with-text__content-wrapper > .content-wrapper--block {
            margin-top: 16px;
        }
        .image-right .end .media-with-text__button,
        .image-right .end .video-button-block {
            margin-inline-start: 0;
            margin-inline-end: var(--buttons-gap);
        }
        .media-with-text__content-wrapper.end {
            text-align: start!important;
        }
        .media-with-text__content-wrapper.end .context-image,
        .media-with-text__content-wrapper.end .richtext ul,
        .media-with-text__content-wrapper.end .richtext ol {
            margin-inline-start: 0;
        }
        .media-with-text__media {
            display: flex;
        }
        .media-with-text.exclude-lines .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center,
        .media-with-text.include-lines.media-with-text--full-width:not(.lines) .media-with-text__card.half .media-with-text__content-wrapper.content-aligment-center {
            width: 100%;
        }
    }
}

/* Multicolumn */
.card__title--minimal_uppercase {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.card__title--minimal_basic,
.card__short-description--duet {
    font: var(--base-body-m-font);
}
.card__title--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.card__title--classic,
.card__title--contrast {
    font: var(--accent-body-l-font);
}
.card__title--avant_garde {
    font: var(--base-body-m-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__title--brutalist,
.card__short-description--brutalist {
    font: var(--base-body-l-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.card__title--duet {
    font: var(--accent-body-m-font);
}
.card__short-description--minimal_uppercase,
.card__short-description--classic {
    font: var(--base-label-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.multicolumn__card-text.card__short-description--custom {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}
.card__short-description--minimal_basic {
    font: var(--base-body-s-font);
}
.card__short-description--minimal_heavy {
    font: var(--base-body-l-font);
}
.card__short-description--avant_garde {
    font: var(--accent-body-s-font);
}
.card__short-description--contrast {
    font: var(--base-label-font);
}
.section-product-features.multicolumn .product-labels__item {
    height: fit-content;
}

.multicolumn__media, .multicolumn__media video {
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
    display: flex;
    max-width: 100%;
    z-index: 1;
}
.multicolumn__media:empty {
    display: none;
}
.multicolumn__image, .multicolumn__media video,
.multicolumn__media .placeholder-svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-product-features .multicolumn .multicolumn__header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: var(--text-alignment);
    gap: var(--content-gap);
}
.multicolumn.product-labels--spacious {
    --content-gap: 24px;
    --card-gap: 48px;
}
.multicolumn.product-labels--compact {
    --content-gap: 16px;
    --card-gap: 24px;
}
.multicolumn__media:not(:empty) + .multicolumn__info {
    margin-top: var(--card-gap);
}
.multicolumn__card-title + .multicolumn__card-text {
    margin-top: 8px;
}
.multicolumn__card-text + .multicolumn__card-button,
.multicolumn__card-title + .multicolumn__card-button {
    margin-top: var(--content-gap);
}
.multicolumn__card-button {
    width: fit-content;
}
.multicolumn__item.center .multicolumn__card-button {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.multicolumn__item {
    min-height: 100%;
}
section.multicolumn .product-labels__container {
    gap: var(--gap);
}
section.multicolumn .product-labels--lines .product-labels__container {
    gap: var(--gap) 0;
}
.multicolumn .product-labels__container--1 {
    grid-template-columns: repeat(2,1fr);
}
section.multicolumn .product-labels--compact .product-labels__item .multicolumn__info {
    padding-inline-end: 14px;
}
section.multicolumn .product-labels--compact .product-labels__item.center .multicolumn__info {
    padding-inline-start: 14px;
}
section.multicolumn .multicolumn .product-labels--compact .product-labels__item,
section.multicolumn .multicolumn .product-labels--compact .product-labels__item.center,
section.multicolumn .product-labels--compact.product-labels--lines .product-labels__item .multicolumn__info,
section.multicolumn .product-labels--compact.product-labels--lines .product-labels__item.center .multicolumn__info {
    padding-inline-end: 0;
    padding-inline-start: 0;
}
.multicolumn .product-labels__item-wrapper {
    max-height: fit-content;
}
.multicolumn__card-button .solid-button,
.multicolumn__card-button .outlined-button {
    min-width: auto;
}
.multicolumn__card-button:has(a) {
    cursor: pointer;
}

a.multicolumn__item-link .multicolumn__media img,
a.multicolumn__item-link .multicolumn__media .placeholder-svg {
    transition: transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
}

@media (hover: hover) {
    a.multicolumn__item-link:not(.no-hover):hover .multicolumn__media img,
    a.multicolumn__item-link:not(.no-hover):hover .multicolumn__media .placeholder-svg {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
}

/* Styles for full-width page without sidebars */
/* Mobile */
@media screen and (max-width: 768px) {
    .multicolumn.product-labels--spacious {
        --content-gap: 16px;
        --card-gap: 24px;
    }
    .multicolumn .mobile-grid-1 .multicolumn__item {
        padding-inline-end: 0!important;
        border-inline-end: none!important;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .multicolumn.product-labels--spacious {
            --content-gap: 16px;
            --card-gap: 24px;
        }
        .multicolumn .mobile-grid-1 .multicolumn__item {
            padding-inline-end: 0!important;
            border-inline-end: none!important;
        }
    }
}

/* Newsletter */
.subheading.error-color {
    color: rgb(var(--error-color));
}
.subheading.success-color {
    color: rgb(var(--success-color));
}
.section-newsletter:not(.color-default) .subheading.error-color,
.section-newsletter:not(.color-default) .subheading.success-color  {
    color: rgb(var(--layout-text-color));
}
.subheading[autofocus] {
    outline: none;
}
.section-newsletter__form .subheading {
    margin-bottom: var(--banner-gap);
}
.section-newsletter .subheading--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.section-newsletter .subheading--brutalist {
    font: var(--base-body-l-font);
}
.section-newsletter .subheading--classic,
.section-newsletter .subheading--contrast {
    font: var(--accent-body-l-font);
}
.section-newsletter .subheading--minimal_uppercase {
    font: var(--base-body-s-font);
}
.section-newsletter .subheading--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.section-newsletter .subheading--minimal_basic,
.section-newsletter .subheading--avant_garde {
    font: var(--base-body-m-font);
}
.section-newsletter .subheading--duet {
    font: var(--accent-body-m-font);
}
.section-newsletter .banner__block-media,
.section-newsletter__subscribe {
    width: 100%;
}
.section-newsletter__form {
    display: block;
}
.section-newsletter__subscribe { 
    margin-top: var(--banner-gap);
}
.section-newsletter__wrapper {
    max-width: 720px;
    min-width: 720px;
}
.section-newsletter.banner--full-width .banner__block-media {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.section-newsletter .hidden-backgroud .banner__content-wrapper {
    max-width: 480px;
    min-width: 480px;
}
.section-newsletter .banner__block-media--mobile {
    display: none;
}
/* Styles for full-width page without sidebars */
@media screen and (max-width: 768px)  {
    .section-newsletter__wrapper {
        min-width: 420px;
    }
    .section-newsletter .hidden-backgroud .banner__content-wrapper {
        max-width: 720px;
        min-width: 420px;
    }
    .section-newsletter .banner__block-media--desktop:not(.banner__block-media--all) {
        display: none;
    }
    .section-newsletter .banner__block-media--mobile {
        display: block;
    }
}
@media screen and (max-width: 500px)  {
    .section-newsletter__wrapper {
        min-width: auto;
    }
    .section-newsletter .hidden-backgroud .banner__content-wrapper {
        min-width: auto;
    }
}


/* Sidebars */
@media (min-width: 921px) {
    @container inside-content (max-width: 768px)  {
        .section-newsletter__wrapper {
            min-width: 420px;
        }
        .section-newsletter .hidden-backgroud .banner__content-wrapper {
            max-width: 720px;
            min-width: 420px;
        }
        .section-newsletter .banner__block-media--desktop:not(.banner__block-media--all) {
            display: none;
        }
        .section-newsletter .banner__block-media--mobile {
            display: block;
        }
    }
    @container inside-content (max-width: 500px)  {
        .section-newsletter__wrapper {
            min-width: auto;
        }
        .section-newsletter .hidden-backgroud .banner__content-wrapper {
            min-width: auto;
        }
    }
}

/* Product details */
.product-details {
    gap: 24px;
    margin: 0 auto;
    color: rgb(var(--layout-text-color));
}

.product-details--narrow {
    max-width: 960px;
    margin: 0 auto;
}

.product-details--compact {
    gap: 16px;
}

.product-details--lines,
.product-details--lines .product-details__wrapper .table-block:not(:first-child) {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}

.product-details--spacious.product-details--lines {
    padding-top: 64px;
}

.product-details--compact.product-details--lines {
    padding-top: 24px;
}
.product-details,
.product-details__wrapper,
.description-block,
.description-block__text,
.table-block,
.table-block__text {
    display: flex;
    flex-direction: column;
}

.product-details--spacious .product-details__wrapper .product-details__wrapper--block {
    margin-top: 96px;
}
.product-details--compact .product-details__wrapper .product-details__wrapper--block,
.product-details--compact.product-details--lines .product-details__wrapper .table-block + .accordion {
    margin-top: 32px;
}

.product-details--spacious.product-details--lines .product-details__wrapper .product-details__wrapper--block,
.product-details--compact.product-details--lines .product-details__wrapper .product-details__wrapper--block {
    margin-top: 0px;
}

.product-details--compact .product-details__wrapper .product__accordion + .product__accordion,
.product-details--spacious .product-details__wrapper .product__accordion + .product__accordion  {
    margin-top: 0px !important;
}

.product-details--spacious.product-details--lines .product-details__wrapper .product-details__wrapper--block:not(.accordion) {
    padding-top: 64px;
    margin-top: 0!important;
}

.product-details--spacious.product-details--lines .product-details__wrapper > div:not(.accordion) {
    padding-bottom: 64px;
}

.product-details--compact.product-details--lines .product-details__wrapper .product-details__wrapper--block:not(.accordion) {
    padding-top: 32px;
    margin-top: 0!important;
}

.product-details--compact.product-details--lines .product-details__wrapper > div:not(.accordion) {
    padding-bottom: 32px;
}

.product-details--lines .product-details__wrapper .accordion + .table-block {
    border-top: none;
}

.product-details--spacious.product-details--lines .product-details__wrapper .table-block + .accordion {
    margin-top: 64px;
}

.product-details--spacious.product-details--lines .product-details__wrapper div.table-block,
.product-details--compact.product-details--lines .product-details__wrapper div.table-block {
    padding-bottom: 0px !important;
}

.description-block__content {
    display: flex;
    gap: 80px;
    justify-content: space-between;
}

.description-block__text,
.product-details--compact .table-block,
.product-details--compact .description-block {
    gap: 24px;
}

.description-block__text div:empty {
    display: none !important;
}

.description-block__content:has(.description-block__image) .description-block__text {
    flex: 0 0 calc((100% - 80px) * .65);
}

@media screen and (min-width:769px) {
   .description-block__text .rte table {
        width: 100%;
        max-width: 100%;
    } 
}

.description-block__image {
    flex: 0 0 calc((100% - 80px) * .35);
    display: flex;
    height: fit-content;
}

.description-block__image.enable-blending {
    background: var(--blending-color, none);
}

.description-block__image.enable-blending img {
    mix-blend-mode: darken;
}

.description-block__image img, .description-block__image {
    border-radius: var(--context-image-radius);
    -webkit-border-radius: var(--context-image-radius);
    overflow: clip;
}

.description-block__image img {
    height: auto;
    max-width: 100%;
}

.product-details--spacious .table-block,
.product-details--spacious .description-block {
    gap: 32px;
}

.table-block__content {
    display: flex;
    gap: 80px;
    justify-content: space-between;
}

div.table-block__text .table-block__row {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 0;
}

.table-block__col-1 {
    flex: 1 1 calc((100% - 24px) * 0.2);
    min-width: 184px;
}

.table-block__col-2 {
    flex: 1 1 calc((100% - 24px) * 0.8);
}

.table-block__text {
    gap: 8px;
    width: 100%;
}

.table-block__image {
    flex: 0 0 calc((100% - 80px) * .35);
}

/* Font */
.product-details__subheading--minimal_uppercase,
.product-details__subheading--minimal_basic,
.product-details__subheading--classic,
.product-details__subheading--contrast,
.description-block__heading--minimal_uppercase,
.table-block__heading--minimal_uppercase {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.product-details__subheading--custom,
.description-block__heading--custom,
.table-block__heading--custom {
    font: var(--label-font);
    letter-spacing: var(--label-letter-spacing);
}
.product-details__subheading--minimal_heavy,
.description-block__heading--minimal_basic,
.description-block__content--duet,
.table-block__heading--minimal_basic,
.table-block__text--minimal_heavy,
.table-block__text--duet {
    font: var(--base-body-l-font);
}
.product-details__subheading--avant_garde,
.table-block__text--avant_garde {
    font: var(--accent-body-m-font);
}
.product-details__subheading--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.product-details__subheading--duet,
.description-block__content--minimal_uppercase,
.description-block__content--minimal_basic,
.description-block__content--classic,
.description-block__content--contrast,
.table-block__text--minimal_uppercase,
.table-block__text--classic {
    font: var(--base-body-m-font);
}
.description-block__content--custom,
.table-block__text--custom {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}
.description-block__heading--minimal_heavy,
.table-block__heading--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.description-block__heading--classic,
.description-block__heading--duet,
.table-block__heading--classic,
.table-block__heading--duet {
    font: var(--accent-body-l-font);
}
.description-block__heading--avant_garde,
.description-block__heading--contrast,
.table-block__heading--avant_garde,
.table-block__heading--contrast {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.description-block__heading--brutalist,
.table-block__heading--brutalist {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
}
.description-block__content--minimal_heavy {
    font: var(--base-label-font);
}
.description-block__content--avant_garde {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.description-block__content--brutalist,
.table-block__text--brutalist {
    font: var(--accent-heading-xs-font);
}
.table-block__text--minimal_basic,
.table-block__text--contrast {
    font: var(--base-body-s-font);
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .product-details--spacious:not(.product-details--lines) .product-details__wrapper .product-details__wrapper--block {
        margin-top: 80px;
    }
    .product-details--spacious.product-details--lines,
    .product-details--spacious.product-details--lines .product-details__wrapper .product-details__wrapper--block:not(.accordion) {
        padding-top: 48px;
    }
    .product-details--spacious.product-details--lines .product-details__wrapper > div:not(.accordion) {
        padding-bottom: 48px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width .product-details--spacious:not(.product-details--lines) .product-details__wrapper .product-details__wrapper--block {
        margin-top: 80px;
    }
    .page-width .product-details--spacious.product-details--lines,
    .page-width .product-details--spacious.product-details--lines .product-details__wrapper .product-details__wrapper--block:not(.accordion) {
        padding-top: 48px;
    }
    .page-width .product-details--spacious.product-details--lines .product-details__wrapper > div:not(.accordion) {
        padding-bottom: 48px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .description-block__content--avant_garde {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .product-details--spacious:not(.product-details--lines) .product-details__wrapper .product-details__wrapper--block {
        margin-top: 64px;
    }
    .table-block__row {
        gap: 16px;
    }
    .table-block__col-1 {
        flex: 1 1 calc((100% - 16px) * 0.3);
        min-width: 100px;
    }
    .table-block__col-2 {
        flex: 1 1 calc((100% - 16px) * 0.7);
    }
    .description-block__image {
        display: none;
    }
    .description-block__text .rte {
        overflow: auto;
        max-width: calc(100vw - 16px*2);
    }
    .description-block__text .rte > *:not(table) {
        max-width: calc(100vw - 16px*2);
        position: sticky;
        position: -webkit-sticky;
        left: 0;
    }
    .description-block__content:has(.description-block__image) .description-block__text {
        flex: 0 0 100%;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width .product-details--spacious:not(.product-details--lines) .product-details__wrapper .product-details__wrapper--block {
        margin-top: 80px;
    }
    .page-width .product-details--spacious.product-details--lines,
    .page-width .product-details--spacious.product-details--lines .product-details__wrapper .product-details__wrapper--block:not(.accordion) {
        padding-top: 48px;
    }
    .page-width .product-details--spacious.product-details--lines .product-details__wrapper > div:not(.accordion) {
        padding-bottom: 48px;
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .product-details--spacious:not(.product-details--lines) .product-details__wrapper .product-details__wrapper--block {
            margin-top: 80px;
        }
        .product-details--spacious.product-details--lines,
        .product-details--spacious.product-details--lines .product-details__wrapper .product-details__wrapper--block:not(.accordion) {
            padding-top: 48px;
        }
        .product-details--spacious.product-details--lines .product-details__wrapper > div:not(.accordion) {
            padding-bottom: 48px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .description-block__content--avant_garde {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .product-details--spacious:not(.product-details--lines) .product-details__wrapper .product-details__wrapper--block {
            margin-top: 64px;
        }
        .table-block__row {
            gap: 16px;
        }
        .table-block__col-1 {
            flex: 1 1 calc((100% - 16px) * 0.3);
            min-width: 100px;
        }
        .table-block__col-2 {
            flex: 1 1 calc((100% - 16px) * 0.7);
        }
        .description-block__image {
            display: none;
        }
    }
}

/* Rich text */
.rich-text {
    --buttons-gap: 24px;
}
.rich-text--spacious {
    --rich-text-gap: 24px;
}
.rich-text--compact {
    --rich-text-gap: 16px;
}
.rich-text__wrapper--narrow,
.rich-text__wrapper.center .context-image {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.rich-text__wrapper--narrow {
    max-width: 960px;
}
.lines.rich-text::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}
.lines.rich-text--spacious.rich-text::before {
    margin-bottom: 48px;
}
.lines.rich-text--compact.rich-text::before {
    margin-bottom: 24px;
}
main > section:first-child .lines.rich-text::before {
    display: none;
}
.rich-text__wrapper > .content-wrapper--block {
    margin-top: var(--rich-text-gap);
}
.rich-text__wrapper > .spacer,
.rich-text__wrapper > .line-container,
.rich-text__wrapper > .line-container + .content-wrapper--block,
.rich-text__wrapper > .spacer + .content-wrapper--block {
    margin-top: 0;
}

.rich-text .flex-start .block__button,
.rich-text .flex-start .video-button-block {
    margin-inline-end: var(--buttons-gap);
    margin-inline-start: 0;
}
.rich-text .center .block__button,
.rich-text .center .video-button-block {
    margin-inline-start: calc(var(--buttons-gap) / 2);
    margin-inline-end: calc(var(--buttons-gap) / 2);
}
.rich-text .social-media__title {
    min-height: auto;
}
.rich-text .social-media-container,
.rich-text .contacts-block {
    gap: 16px;
}
.rich-text .contacts-block .contacts {
    flex-direction: column;
}
.rich-text .contacts__description {
    margin-top: 8px;
}
.rich-text__wrapper.center .social-media-container {
    align-items: center;
}
.rich-text.no-default-color .contacts-block.color-accent .contacts__item,
.rich-text.no-default-color .social-media.color-accent .social-media__link {
    color: rgb(var(--layout-text-color));
}

.rich-text.no-default-color .social-media.color-accent .social-media__link svg {
    fill: rgb(var(--layout-text-color));
}

@media screen and (max-width: 920px) {
    .media-with-text--full-width.media-with-text--spacious {
        --default-padding: 24px;
    }
}

/* Styles for full-width page without sidebars */
/* Mobile */
@media screen and (max-width: 768px) {
    .rich-text--spacious {
        --rich-text-gap: 16px;
    }
    .lines.rich-text--spacious.rich-text::before {
        margin-bottom: 32px;
    }
    .rich-text {
        --buttons-gap: 12px;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .rich-text--spacious {
            --rich-text-gap: 16px;
        }
        .lines.rich-text--spacious.rich-text::before {
            margin-bottom: 32px;
        }
        .rich-text {
            --buttons-gap: 12px;
        }
    }
}

/* Slider */
.slider__heading--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.slider__heading--minimal_basic {
    font: var(--base-heading-xs-font);
}
.slider__heading--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.slider__heading--classic {
    font: var(--accent-heading-s-font);
}
.slider__heading--avant_garde {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
}
.slider__heading--contrast {
    font: var(--accent-heading-m-font);
    letter-spacing: -0.01em;
}
.slider__heading--brutalist {
    font: var(--base-heading-l-font);
    text-transform: uppercase;
    letter-spacing: -0.02em;
}
.slider__heading--duet {
    font: var(--accent-body-l-font);
}
.slider__heading--custom {
    font: var(--heading-xs-font);
    letter-spacing: var(--heading-xs-letter-spacing);
}
.slider__heading--accent {
    color: rgb(var(--accent-button-color));
}
.no-default-color .slider__heading--accent {
    color: rgb(var(--layout-text-color));
}

.slider-section {
    display: block;
}

.slider-section.product-recommendations--loaded:not(:has(.slider)),
.slider-section:has(.product-recommendations--loaded):not(:has(.slider)) {
    display: none;
}
.slider {
    display: flex;
    flex-direction: column;
    overflow: clip;
    width: 100%;
}
.slider-section--spacious.slider-section--lines {
    --vertical-gap: 48px;
    --row-gap: 64px;
}
.slider-section--compact.slider-section--lines {
    --vertical-gap: 24px;
    --row-gap: 24px;
}
.slider-section--lines .slider:not(.slider--row) .slider__viewport {
    padding-top: var(--vertical-gap);
}
main > section:first-child .slider-section--lines .slider:not(.slider--row) .slider__header--hidden + .slider__viewport {
    padding-top: 0!important;
}
.slider-section--lines .slider {
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
main > section:first-child .slider-section--lines .slider {
    border-top: none;
}
.slider--row {
	flex-direction: row;
}
.cart-drawer .slider-section .slider {
    --slider-gap: 32px;
}
.slider-section--spacious .slider {
    --slider-gap: 64px;
}
.slider-section--compact .slider {
    --slider-gap: 24px;
}
.slider-section--spacious .slider--row-two,
.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
.slider-section--spacious .slider__grid[data-count="1"],
.slider-section--spacious .slider__grid[data-count="2"],
.slider-section--spacious .slider__grid[data-count="3"] {
    --slider-gap: 120px;
}
.slider-section--spacious .slider--row-three,
.slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
.slider-section--spacious .slider__grid[data-count="4"],
.slider-section--spacious .slider__grid[data-count="5"] {
    --slider-gap: 80px;
}
.slider-section--lines.slider-section--spacious .slider--row-two,
.slider-section--lines.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
.slider-section--lines.slider-section--spacious .slider__grid[data-count="1"],
.slider-section--lines.slider-section--spacious .slider__grid[data-count="2"],
.slider-section--lines.slider-section--spacious .slider__grid[data-count="3"] {
    --slider-gap: 60px;
}
.slider-section--lines.slider-section--spacious .slider--row-three,
.slider-section--lines.slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
.slider-section--lines.slider-section--spacious .slider__grid[data-count="4"],
.slider-section--lines.slider-section--spacious .slider__grid[data-count="5"] {
    --slider-gap: 40px;
}
.slider-section--compact .slider--row,
.slider-section--compact .slider__grid {
    --slider-gap: 12px;
}
.slider-section--lines.slider-section--compact .slider--row.slider,
.slider-section--lines.slider-section--compact .slider__grid {
    --slider-gap: 16px;
}
.cart-drawer .slider-section--spacious .slider__grid[data-count="2"],
.cart-drawer .slider-section--spacious .slider__grid[data-count="3"],
.cart-notification .slider-section--spacious .slider__grid[data-count="2"],
.cart-notification .slider-section--spacious .slider__grid[data-count="3"] {
    --slider-gap: 24px !important;
}
.cart-drawer .slider-section--lines.slider-section--spacious .slider__grid[data-count="2"],
.cart-drawer .slider-section--lines.slider-section--spacious .slider__grid[data-count="3"],
.cart-notification .slider-section--lines.slider-section--spacious .slider__grid[data-count="2"],
.cart-notification .slider-section--lines.slider-section--spacious .slider__grid[data-count="3"] {
    --slider-gap: 16px !important;
}
.slider {
    gap: var(--slider-gap);
}
.slider-section--lines .slider:not(.slider--row) {
    gap: 0 !important;
}
.slider-section--lines .block-content .slider:not(.slider--row) {
    gap: 24px!important;
}
.slider-section--lines .block-content .slider:not(.slider--row) .slider__viewport {
    padding-top: 0;
}
.slider--row-two {
    --items: 2;
}
.slider--row-three {
    --items: 3;
}
.slider__header {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
}
.slider--row .slider__header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
}
.slider__header--flex-end {
    justify-content: flex-end;
}
.slider__header--hidden {
    display: none;
}
.slider-section--lines .slider__header {
    padding: var(--vertical-gap) 0;
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
main > section:first-child .slider-section--lines .slider__header {
    padding-top: 0!important;
}
.slider__header-center {
    justify-content: center;
}
.slider__header-center .slider__heading {
    width: 100%;
    text-align: center;
}
.slider__header-center .slider-buttons-items {
    justify-content: center;
    width: 100%;
}
.slider--row .slider__header {
    width: calc(((100% - (var(--slider-gap) * var(--items))) / (var(--items) + 1)));
}
.slider--row .slider__viewport {
    width: calc((((100% - (var(--slider-gap) * var(--items))) / (var(--items) + 1)) * var(--items)) + (var(--slider-gap) * (var(--items) - 1)));
}
.slider-section--lines .slider--row .slider__header {
    width: calc(((100% - (var(--slider-gap) * var(--items))) / (var(--items) + 1)) + ((var(--slider-gap) + var(--line-width)) / (var(--items) + 1)));
    padding-block: 0; 
    padding-inline: 0 var(--slider-gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    border-bottom: 0;
}

.slider-section--lines .slider--row .block-content .slider__header {
   border-inline-end: none;
   padding-inline-end: 0;
}

.slider-section--lines .block-content .slider {
    border-top: none;
}

.slider-section--lines .slider--row .slider__viewport {
    width: calc(100% - (((100% - (var(--slider-gap) * var(--items))) / (var(--items) + 1)) + ((var(--slider-gap) + var(--line-width)) / (var(--items) + 1))) - var(--slider-gap));
} 

.slider-section--lines .slider--row-three .slider__grid[data-count="3"] .slider__grid-item {
    padding-inline-end: var(--slider-gap);
    flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)));
}
.slider-section--lines .slider--row-three .slider__grid[data-count="3"] .slider__grid-item.last-desktop {
    padding-inline-end: 0;
    flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)) - var(--line-width) - var(--slider-gap));
}
.slider-section--lines.slider-section--spacious .slider--row-three .slider__grid[data-count="3"] {
    gap: var(--slider-gap);
}
.slider-section--lines .slider--row {
    padding-top: var(--row-gap);
}

.slider__viewport {
    overflow-x: clip;
    overflow-y: clip;
}
.slider__grid {
    display: flex;
    gap: var(--slider-gap);
}
.slider__grid .slider__grid-item {
    flex: 0 0 calc((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type));
}
.product-media-modal .slider__grid .slider__grid-item {
    width: calc((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type));
}
.slider-section--lines .slider__grid .slider__grid-item {
    flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)));
    padding-inline-end: var(--slider-gap);
    border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.slider-section--lines .slider__grid .slider__grid-item.last-desktop {
    flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)) - var(--line-width) - var(--slider-gap));
    padding-inline-end: 0;
    border-inline-end: none;
}

.slider-section--lines .block-content .slider__grid .slider__grid-item {
    border-inline-end: none;
    padding-inline-end: 0;
}

/* Styles for recommendations block */
.block-content .slider__heading--minimal_uppercase,
.block-content .slider__heading--avant_garde,
[id$="-cart-drawer"] .slider__heading--minimal_uppercase,
[id$="-cart-drawer"] .slider__heading--avant_garde {
  font: var(--base-body-l-font);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.block-content .slider__heading--minimal_basic,
[id$="-cart-drawer"] .slider__heading--minimal_basic,
.block-content .slider__heading--duet,
[id$="-cart-drawer"] .slider__heading--duet {
  font: var(--base-body-l-font);
}
.block-content .slider__heading--minimal_heavy,
[id$="-cart-drawer"] .slider__heading--minimal_heavy {
  font: var(--base-heading-xs-font);
}
.block-content .slider__heading--classic,
[id$="-cart-drawer"] .slider__heading--classic {
  font: var(--accent-body-l-font);
}
.block-content .slider__heading--contrast,
[id$="-cart-drawer"] .slider__heading--contrast {
  font: var(--accent-heading-s-font);
}
.block-content .slider__heading--brutalist,
[id$="-cart-drawer"] .slider__heading--brutalist {
  font: var(--base-heading-xs-font);
  text-transform: uppercase;
}

.block-content .slider__heading--custom,
[id$="-cart-drawer"] .slider__heading--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.block-content .slider {
    flex-direction: column;
    gap: 24px;
}
.block-content .card__badges {
    display: none;
}
.block-content.slider-section .slider__grid {
    display: flex;
    flex-direction: column;
    gap: 0px !important;
}
.block-content.slider-section .slider__grid-item {
    display: flex;
    overflow-x: visible;
}
.block-content.slider-section .slider__grid-item {
    padding-top: 16px;
    border-top: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.block-content.slider-section .slider__grid-item {
    padding-bottom: 16px;
}
.block-content.slider-section .slider__grid-item:last-child {
    border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
}
.block-content.slider-section .card__content--center {
    align-items: flex-start;
    text-align: start;
} 
.block-content.slider-section.card__content--center .pickup-availability__content {
    text-align: start;
}

.block-content.slider-section .complementary__grid {
    display: flex;
    flex-direction: row;
    overflow: clip;
    position: relative;
}

.block-content.slider-section .complementary__grid > .complementary__grid-item {
    flex: 0 0 100%;
}

.complementary__grid-item:not(.is-active) {
    visibility: hidden;
    position: absolute;
    height: 0;
    width: 0;
}

.complementary__grid + .slider-buttons-items.slider-buttons-items--bottom {
    padding-top: 8px;
}

shopify-visual-preview-section-list .slider-section .slider__grid[data-count="2"] {
    --desktop-grid-type: 2;
}
shopify-visual-preview-section-list .slider-section .slider__grid[data-count="3"] {
    --desktop-grid-type: 3;
}
shopify-visual-preview-section-list .slider-section .slider__grid[data-count="4"] {
    --desktop-grid-type: 4;
}
shopify-visual-preview-section-list .slider-section .slider__grid[data-count="5"] {
    --desktop-grid-type: 5;
}


/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    .slider-section--spacious .slider--row-two,
    .slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
    .slider-section--spacious .slider__grid[data-count="1"],
    .slider-section--spacious .slider__grid[data-count="2"],
    .slider-section--spacious .slider__grid[data-count="3"] {
        --slider-gap: 96px;
    }
    .slider-section--spacious .slider--row-three,
    .slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
    .slider-section--spacious .slider__grid[data-count="4"],
    .slider-section--spacious .slider__grid[data-count="5"] {
        --slider-gap: 64px;
    }
    .slider-section--lines.slider-section--spacious .slider--row-two,
    .slider-section--lines.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="1"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="2"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="3"] {
        --slider-gap: 32px;
    }
    .slider-section--lines.slider-section--spacious .slider--row-three,
    .slider-section--lines.slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="4"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="5"] {
        --slider-gap: 24px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width.slider-section--spacious .slider--row-two,
    .page-width.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
    .page-width.slider-section--spacious .slider__grid[data-count="1"],
    .page-width.slider-section--spacious .slider__grid[data-count="2"],
    .page-width.slider-section--spacious .slider__grid[data-count="3"] {
        --slider-gap: 96px;
    }
    .page-width.slider-section--spacious .slider--row-three,
    .page-width.slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
    .page-width.slider-section--spacious .slider__grid[data-count="4"],
    .page-width.slider-section--spacious .slider__grid[data-count="5"] {
        --slider-gap: 64px;
    }
    .page-width.slider-section--lines.slider-section--spacious .slider--row-two,
    .page-width.slider-section--lines.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
    .page-width.slider-section--lines.slider-section--spacious .slider__grid[data-count="1"],
    .page-width.slider-section--lines.slider-section--spacious .slider__grid[data-count="2"],
    .page-width.slider-section--lines.slider-section--spacious .slider__grid[data-count="3"] {
        --slider-gap: 32px;
    }
    .page-width.slider-section--lines.slider-section--spacious .slider--row-three,
    .page-width.slider-section--lines.slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
    .page-width.slider-section--lines.slider-section--spacious .slider__grid[data-count="4"],
    .page-width.slider-section--lines.slider-section--spacious .slider__grid[data-count="5"] {
        --slider-gap: 24px;
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .slider__heading--brutalist {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
    .slider-section--spacious.slider-section--lines {
        --row-gap: 48px;
    }
    .slider-section--spacious .slider--row-two,
    .slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
    .slider-section--spacious .slider__grid[data-count="1"],
    .slider-section--spacious .slider__grid[data-count="2"],
    .slider-section--spacious .slider__grid[data-count="3"] {
        --slider-gap: 64px;
    }
    .slider-section--spacious .slider--row-three,
    .slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
    .slider-section--spacious .slider__grid[data-count="4"],
    .slider-section--spacious .slider__grid[data-count="5"] {
        --slider-gap: 48px;
    }
    .slider-section--lines.slider-section--spacious .slider--row-two,
    .slider-section--lines.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="1"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="2"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="3"] {
        --slider-gap: 24px;
    }
    .slider__grid[data-count="5"] .slider__grid-item {
        flex: 0 0 calc((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 2))) / (var(--desktop-grid-type) - 1));
    }
    .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item {
        flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 2))) / (var(--desktop-grid-type) - 1)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)));
        padding-inline-end: var(--slider-gap);
        border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
    }
    .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item.last-desktop,
    .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item.last-mobile.no-line {
        flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 2))) / (var(--desktop-grid-type) - 1)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)) - var(--line-width) - var(--slider-gap));
        border-inline-end: none;
        padding-inline-end: 0;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .slider__heading--brutalist,
    .slider__heading--minimal_heavy {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
    .slider__heading--contrast {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .slider-section--spacious .slider--row-two,
    .slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
    .slider-section--spacious .slider__grid[data-count="1"],
    .slider-section--spacious .slider__grid[data-count="2"],
    .slider-section--spacious .slider__grid[data-count="3"] {
        --slider-gap: 24px;
    }
    .slider-section--spacious .slider--row-three,
    .slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
    .slider-section--spacious .slider__grid[data-count="4"],
    .slider-section--spacious .slider__grid[data-count="5"] {
        --slider-gap: 24px;
    }
    .slider-section--lines.slider-section--spacious .slider--row-two,
    .slider-section--lines.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="1"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="2"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="3"] {
        --slider-gap: 16px;
    }
    .slider-section--lines.slider-section--spacious .slider--row-three,
    .slider-section--lines.slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="4"],
    .slider-section--lines.slider-section--spacious .slider__grid[data-count="5"] {
        --slider-gap: 16px;
    }
    .slider-section--spacious .slider {
        --slider-gap: 32px;
    }
    .slider-section--spacious.slider-section--lines {
        --row-gap: 32px;
    }
    .slider-section--lines.slider-section--compact .slider--row.slider,
    .slider-section--lines.slider-section--compact .slider__grid {
        --slider-gap: 8px;
    }
    .slider--row {
        flex-direction: column;
    }
    .slider--row .slider__header {
        flex-direction: row;
        align-items: center;
    }
    .slider--row .slider__header,
    .slider--row .slider__viewport {
        width: 100%!important;
    }
    .slider-section--lines .slider--row .slider__header {
        padding: var(--vertical-gap) 0;
        border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
        border-inline-end: none;
    }
    .slider-section--lines .slider--row {
        padding-top: 0;
    }
    .slider-section--lines .slider__grid .slider__grid-item.last-mobile {
        flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)) - var(--line-width) - var(--slider-gap));
        padding-inline-end: 0;
        border-inline-end: none;
    }
    .slider__grid[data-count="5"] .slider__grid-item {
        flex: 0 0 calc((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type));
    }
    .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item {
        flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)));
    }
    .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item.last-mobile,
    .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item.last-mobile.no-line {
        flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)) - var(--line-width) - var(--slider-gap));
    }

    shopify-visual-preview-section-list .slider-section .slider__grid[data-count-mobile="1"] {
        --desktop-grid-type: 1;
    }
    shopify-visual-preview-section-list .slider-section .slider__grid[data-count-mobile="2"] {
        --desktop-grid-type: 2;
    }
}

/* Sidebars */
/* Max page width 1200px or 1400px */
@container inside-content (min-width: 1200px) {
    .page-width.slider-section--spacious .slider--row-two,
    .page-width.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
    .page-width.slider-section--spacious .slider__grid[data-count="1"],
    .page-width.slider-section--spacious .slider__grid[data-count="2"],
    .page-width.slider-section--spacious .slider__grid[data-count="3"] {
        --slider-gap: 96px;
    }
    .page-width.slider-section--spacious .slider--row-three,
    .page-width.slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
    .page-width.slider-section--spacious .slider__grid[data-count="4"],
    .page-width.slider-section--spacious .slider__grid[data-count="5"] {
        --slider-gap: 64px;
    }
    .page-width.slider-section--lines.slider-section--spacious .slider--row-two,
    .page-width.slider-section--lines.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
    .page-width.slider-section--lines.slider-section--spacious .slider__grid[data-count="1"],
    .page-width.slider-section--lines.slider-section--spacious .slider__grid[data-count="2"],
    .page-width.slider-section--lines.slider-section--spacious .slider__grid[data-count="3"] {
        --slider-gap: 32px;
    }
    .page-width.slider-section--lines.slider-section--spacious .slider--row-three,
    .page-width.slider-section--lines.slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
    .page-width.slider-section--lines.slider-section--spacious .slider__grid[data-count="4"],
    .page-width.slider-section--lines.slider-section--spacious .slider__grid[data-count="5"] {
        --slider-gap: 24px;
    }
}
@media (min-width: 921px) {
    /* Laptop */
    @container inside-content (max-width: 1440px) {
        .slider-section--spacious .slider--row-two,
        .slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
        .slider-section--spacious .slider__grid[data-count="1"],
        .slider-section--spacious .slider__grid[data-count="2"],
        .slider-section--spacious .slider__grid[data-count="3"] {
            --slider-gap: 96px;
        }
        .slider-section--spacious .slider--row-three,
        .slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
        .slider-section--spacious .slider__grid[data-count="4"],
        .slider-section--spacious .slider__grid[data-count="5"] {
            --slider-gap: 64px;
        }
        .slider-section--lines.slider-section--spacious .slider--row-two,
        .slider-section--lines.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="1"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="2"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="3"] {
            --slider-gap: 32px;
        }
        .slider-section--lines.slider-section--spacious .slider--row-three,
        .slider-section--lines.slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="4"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="5"] {
            --slider-gap: 24px;
        }
    }
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .slider__heading--brutalist {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
        .slider-section--spacious.slider-section--lines {
            --row-gap: 48px;
        }
        .slider-section--spacious .slider--row-two,
        .slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
        .slider-section--spacious .slider__grid[data-count="1"],
        .slider-section--spacious .slider__grid[data-count="2"],
        .slider-section--spacious .slider__grid[data-count="3"] {
            --slider-gap: 64px;
        }
        .slider-section--spacious .slider--row-three,
        .slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
        .slider-section--spacious .slider__grid[data-count="4"],
        .slider-section--spacious .slider__grid[data-count="5"] {
            --slider-gap: 48px;
        }
        .slider-section--lines.slider-section--spacious .slider--row-two,
        .slider-section--lines.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="1"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="2"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="3"] {
            --slider-gap: 24px;
        }
        .slider__grid[data-count="5"] .slider__grid-item {
            flex: 0 0 calc((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 2))) / (var(--desktop-grid-type) - 1));
        }
        .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item {
            flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 2))) / (var(--desktop-grid-type) - 1)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)));
            padding-inline-end: var(--slider-gap);
            border-inline-end: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
        }
        .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item.last-desktop,
        .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item.last-mobile.no-line {
            flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 2))) / (var(--desktop-grid-type) - 1)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)) - var(--line-width) - var(--slider-gap));
            border-inline-end: none;
            padding-inline-end: 0;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .slider__heading--brutalist,
        .slider__heading--minimal_heavy {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
        .slider__heading--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .slider-section--spacious .slider--row-two,
        .slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
        .slider-section--spacious .slider__grid[data-count="1"],
        .slider-section--spacious .slider__grid[data-count="2"],
        .slider-section--spacious .slider__grid[data-count="3"] {
            --slider-gap: 24px;
        }
        .slider-section--spacious .slider--row-three,
        .slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
        .slider-section--spacious .slider__grid[data-count="4"],
        .slider-section--spacious .slider__grid[data-count="5"] {
            --slider-gap: 24px;
        }
        .slider-section--lines.slider-section--spacious .slider--row-two,
        .slider-section--lines.slider-section--spacious .slider--row-two .slider__grid[data-count="2"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="1"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="2"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="3"] {
            --slider-gap: 16px;
        }
        .slider-section--lines.slider-section--spacious .slider--row-three,
        .slider-section--lines.slider-section--spacious .slider--row-three .slider__grid[data-count="3"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="4"],
        .slider-section--lines.slider-section--spacious .slider__grid[data-count="5"] {
            --slider-gap: 16px;
        }
        .slider-section--spacious .slider {
            --slider-gap: 32px;
        }
        .slider-section--spacious.slider-section--lines {
            --row-gap: 32px;
        }
        .slider-section--lines.slider-section--compact .slider--row.slider,
        .slider-section--lines.slider-section--compact .slider__grid {
            --slider-gap: 8px;
        }
        .slider--row {
            flex-direction: column;
        }
        .slider--row .slider__header {
            flex-direction: row;
            align-items: center;
        }
        .slider--row .slider__header,
        .slider--row .slider__viewport {
            width: 100%!important;
        }
        .slider-section--lines .slider--row .slider__header {
            padding: var(--vertical-gap) 0;
            border-bottom: var(--line-width) solid rgba(var(--layout-text-color), var(--line-opacity));
            border-inline-end: none;
        }
        .slider-section--lines .slider--row {
            padding-top: 0;
        }
        .slider-section--lines .slider__grid .slider__grid-item.last-mobile {
            flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)) - var(--line-width) - var(--slider-gap));
            padding-inline-end: 0;
            border-inline-end: none;
        }
        .slider__grid[data-count="5"] .slider__grid-item {
            flex: 0 0 calc((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type));
        }
        .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item {
            flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)));
        }
        .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item.last-mobile,
        .slider-section--lines .slider__grid[data-count="5"] .slider__grid-item.last-mobile.no-line {
            flex: 0 0 calc(((100% - (var(--slider-gap) * (var(--desktop-grid-type) - 1))) / var(--desktop-grid-type)) + ((var(--slider-gap) + var(--line-width)) / var(--desktop-grid-type)) - var(--line-width) - var(--slider-gap));
        }
    }
}

/* Split banner */
.split-banner, .split-banner__wrapper {
    display: flex;
    width: 100%;
}
.split-banner__block {
    flex: 0 0 50%;
}
.split-banner__block.alone-block {
    flex: 0 0 100%;
}
.banner__wrapper.split-banner__block {
    height: 100%;
}
.split-banner .center .banner__button {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
div.split-banner__block:not(.alone-block):nth-child(1),
double-hover.split-banner__block:not(.alone-block):nth-child(1) .split-banner__block {
    border-start-end-radius: 0;
    -webkit-border-start-end-radius: 0;
    border-end-end-radius: 0;
    -webkit-border-end-end-radius: 0;
}
div.split-banner__block:not(.alone-block):nth-child(2),
double-hover.split-banner__block:not(.alone-block):nth-child(2) .split-banner__block {
    border-start-start-radius: 0;
    -webkit-border-start-start-radius: 0;
    border-end-start-radius: 0;
    -webkit-border-end-start-radius: 0;
}
.split-banner__block .image-banner__media img {
    width: 100%;
    height: 100%;
}
a.split-banner__block:focus-visible::after {
    content: '';
    position: absolute;
    inset: 0;
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: -1px;
    z-index: 3;
    border-radius: var(--container-radius);
    -webkit-border-radius: var(--container-radius);
}

/* Styles for full-width page without sidebars */
/* Mobile */
@media screen and (max-width: 768px) {
    .split-banner__wrapper .split-banner__block:not(.alone-block):nth-child(1) {
        border-start-end-radius: var(--images-and-section-radius);
        -webkit-border-start-end-radius: var(--images-and-section-radius);
        border-end-start-radius: 0;
        -webkit-border-end-start-radius: 0;
    }
    .split-banner__wrapper .split-banner__block:not(.alone-block):nth-child(2) {
        border-start-end-radius: 0;
        -webkit-border-top-lefrightt-radius: 0;
        border-end-start-radius: var(--images-and-section-radius);
        -webkit-border-end-start-radius: var(--images-and-section-radius);
    }
    .banner--full-width .split-banner__block:not(.alone-block):nth-child(1),
    .banner--full-width .split-banner__block:not(.alone-block):nth-child(2) {
        border-end-start-radius: 0;
        -webkit-border-end-start-radius: 0;
        border-start-end-radius: 0;
        -webkit-border-start-end-radius: 0;
    }
    .split-banner,
    .split-banner__wrapper {
        flex-direction: column;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .split-banner__wrapper .split-banner__block:not(.alone-block):nth-child(1) {
            border-start-end-radius: var(--images-and-section-radius);
            -webkit-border-start-end-radius: var(--images-and-section-radius);
            border-end-start-radius: 0;
            -webkit-border-end-start-radius: 0;
        }
        .split-banner__wrapper .split-banner__block:not(.alone-block):nth-child(2) {
            border-start-end-radius: 0;
            -webkit-border-top-lefrightt-radius: 0;
            border-end-start-radius: var(--images-and-section-radius);
            -webkit-border-end-start-radius: var(--images-and-section-radius);
        }
        .banner--full-width .split-banner__block:not(.alone-block):nth-child(1),
        .banner--full-width .split-banner__block:not(.alone-block):nth-child(2) {
            border-end-start-radius: 0;
            -webkit-border-end-start-radius: 0;
            border-start-end-radius: 0;
            -webkit-border-start-end-radius: 0;
        }
        .split-banner,
        .split-banner__wrapper {
            flex-direction: column;
        }
    }
}

/* Tabs */
.lines.section-tabs::before {
    display: block;
    content: '';
    height: var(--line-width);
    width: 100%;
    background-color: rgba(var(--layout-text-color),var(--line-opacity));
}
.lines.section-tabs--spacious::before {
    margin-bottom: 48px;
}
.lines.section-tabs--compact::before {
    margin-bottom: 24px;
}
main > section:first-child .lines.section-tabs::before {
    display: none;
}

.section-tabs__header .content-subheading + .content-heading {
    margin-top: 24px;
}
.section-tabs--compact .section-tabs__header .content-subheading + .content-heading {
    margin-top: 16px;
}

.section-tabs--spacious {
    --tabs-gap: 64px;
}
.section-tabs--compact {
    --tabs-gap: 24px;
}
.content-heading + .component-tabs .component-tabs__tab,
.content-subheading + .component-tabs .component-tabs__tab,
.section-tabs__content-wrapper {
    margin-top: var(--tabs-gap);
}
.section-tabs__header .content-subheading,
.section-tabs__header .content-heading {
    display: flex;
    flex-direction: column;
    align-items: var(--tabs-alignment);
}
.component-tabs__wrapper.center {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.section-tabs__content-wrapper {
    position: relative;
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .section-tabs--spacious {
        --tabs-gap: 48px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .section-tabs--spacious {
        --tabs-gap: 32px;
    }
    .section-tabs--spacious .section-tabs__header .content-subheading + .content-heading {
        margin-top: 16px;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .section-tabs--spacious {
            --tabs-gap: 48px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .section-tabs--spacious {
            --tabs-gap: 32px;
        }
        .section-tabs--spacious .section-tabs__header .content-subheading + .content-heading {
            margin-top: 16px;
        }
    }
}

/* Testimonials */
.testimonials__rating {
    font-size: 28px;
}
.testimonial__title--minimal_uppercase,
.testimonial__title--avant_garde {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.testimonial__title--custom {
    font: var(--body-l-font);
    letter-spacing: var(--body-l-letter-spacing);
}
.testimonial__title--minimal_basic,
.testimonial__title--minimal_heavy {
    font: var(--base-heading-xs-font);
    letter-spacing: normal;
    text-transform: none;
}
.testimonial__title--classic {
    font: var(--accent-heading-xs-font);
    letter-spacing: normal;
    text-transform: none;
}
.testimonial__title--contrast,
.testimonial__title--duet {
    font: var(--accent-heading-s-font);
    letter-spacing: normal;
    text-transform: none;
}
.testimonial__title--brutalist {
    font: var(--base-heading-s-font);
    letter-spacing: normal;
    text-transform: uppercase;
}
.testimonial__text--minimal_uppercase,
.testimonial__text--minimal_basic,
.testimonial__text--classic,
.testimonial__text--contrast {
    font: var(--base-body-m-font);
    letter-spacing: normal;
    text-transform: none;
}
.testimonial__text--custom {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}
.testimonial__text--minimal_heavy,
.testimonial__text--duet {
    font: var(--base-body-l-font);
    letter-spacing: normal;
    text-transform: none;
}
.testimonial__text--avant_garde {
    font: var(--accent-body-m-font);
    letter-spacing: normal;
    text-transform: none;
}
.testimonial__text--brutalist {
    font: var(--accent-body-l-font);
    letter-spacing: normal;
    text-transform: none;
}
.testimonial__title {
    margin-top: 8px;
}
.testimonial__text {
    margin-top: 16px;
}
.testimonials__more {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    margin-top: 4px;
}
.testimonials__avatar {
    margin-top: 24px;
    display: flex;
    gap: 16px;
    align-items: center;
}
.testimonials__avatar.center {
    flex-direction: column;
    text-align: center;
}
.testimonials__author-block, .testimonials_card {
    display: flex;
    flex-direction: column;
}
.slider-section--spacious .testimonials__button {
    margin-top: 80px;
}
.slider-section--spacious.slider-section--lines .testimonials__button {
    margin-top: 64px;
}
.slider-section--compact .testimonials__button {
    margin-top: 40px;
}
.testimonials__image-container {
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
    width: 80px;
    display: flex;
}
.testimonials__image {
    width: 100%;
    height: 100%;
    object-position: var(--focal-point);
}
.testimonials__wrapper.center {
    text-align: center;
}
.testimonials__wrapper.testimonials__wrapper--narrow .slider__header-wrapper,
.testimonials__wrapper.testimonials__wrapper--narrow .testimonials__button,
.testimonials__wrapper.testimonials__wrapper--narrow .slider {
    max-width: 960px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.slider-section--lines .testimonials__wrapper .slider,
main > section:first-child .slider-section--lines .testimonials__wrapper {
    border-top: none;
}
.slider-section--lines .testimonials__wrapper {
    border-top: var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));
}
main > section:first-child .slider-section--lines .testimonials__wrapper .slider__header--hidden + .slider .slider__viewport {
    padding-top: 0!important;
}
.slider-section--compact .testimonials__wrapper .slider__header {
    margin-bottom: 24px;
}
.slider-section--spacious .testimonials__wrapper .slider__header {
    margin-bottom: 64px;
}
.slider-section--lines .testimonials__wrapper .slider__header {
    margin-bottom: 0!important;
}
.testimonials__wrapper .slider__viewport {
    max-width: 100%;
}
.testimonials .slider__header-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.testimonials__wrapper.center .slider__header-wrapper {
    justify-content: center;
}
.testimonials__wrapper.center .testimonials_card {
    align-items: center;
}
.testimonials__wrapper.center .slider__header {
    display: flex;
    justify-content: center;
}
.testimonials__button {
    width: fit-content;
    margin-inline-start: auto;
    margin-inline-end: auto;
    text-align: center;
}
.testimonials .button-close {
    inset-inline-end: 16px;
}
.slider-section-section--compact .testimonials_card {
    padding-inline-end: 14px;
}
.slider-section-section--compact .center .testimonials_card {
    padding-inline-start: 14px;
}
.slider-section-section--compact.slider-section--lines .testimonials_card,
.slider-section-section--compact.slider-section--lines .center .testimonials_card {
    padding-inline-end: 0;
    padding-inline-start: 0;
}

/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .slider-section--spacious .testimonials__button {
        margin-top: 64px;
    }
    .slider-section--spacious .testimonials__wrapper .slider__header {
        margin-bottom: 48px;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .slider-section--spacious .testimonials__wrapper .slider__header {
        margin-bottom: 32px;
    }
    .slider-section--spacious .testimonials__button {
        margin-top: 48px;
    }
    .testimonials .slider__grid[data-count-mobile="2"] .testimonials__avatar {
        flex-wrap: wrap;
    }
    .testimonials__rating {
        font-size: 20px;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .slider-section--spacious .testimonials__button {
            margin-top: 64px;
        }
        .slider-section--spacious .testimonials__wrapper .slider__header {
            margin-bottom: 48px;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .slider-section--spacious .testimonials__wrapper .slider__header {
            margin-bottom: 32px;
        }
        .slider-section--spacious .testimonials__button {
            margin-top: 48px;
        }
        .testimonials .slider__grid[data-count-mobile="2"] .testimonials__avatar {
            flex-wrap: wrap;
        }
        .testimonials__rating {
            font-size: 20px;
        }
    }
}

/* Video */
.section-video__wrapper {
    background-color: rgb(var(--layout-background-color));
}
.section-video__media {
    position: relative;
    display: flex;
    width: 100%;
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
    overflow: clip;
}
.section-video--full-width .section-video__media {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.section-video__poster {
    display: flex;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    opacity: 1;
    position: relative;
    z-index: 2;
    transition: opacity 1s var(--transition-timing-function);
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
    outline-offset: -1px;
}
.section-video__media .template-video, .section-video__media iframe,
.section-video__media video-section,
.section-video__media[loaded] .section-video__poster {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s var(--transition-timing-function);
}
.section-video .placeholder-svg {
    object-position: center;
    height: 100%;
    width: 100%;
}
.section-video__poster .deferred-media__poster-button svg {
    fill: rgb(var(--accent-button-color));
    transition: fill var(--animation-duration) var(--transition-timing-function);
}
@media (hover: hover) {
    .section-video__poster .deferred-media__poster-button:hover svg {
        fill: rgb(var(--hover-button-color));
    }
}
.section-video__media[loaded] .template-video, .section-video__media[loaded] iframe,
.section-video__media[loaded] video-section {
    display: block;
    left: 0;
    right: 0;
    opacity: 1;
    position: relative;
    z-index: 2;
    transition: opacity 1s var(--transition-timing-function);
}
.section-video__image {
    width: 100%;
    height: 100%;
}
.section-video__image--mobile {
    display: none;
}

.page-width.section-video--full-width,
.page-width--1700.section-video--full-width {
    max-width: none;
}
.section-video--narrow .section-video__wrapper {
    max-width: 960px;
    margin: 0 auto;
}
.section-video__image--desktop {
    object-position: var(--image-focal-point-desktop);
}
.section-video__image--mobile {
    object-position: var(--image-focal-point-mobile);
}

/* Styles for full-width page without sidebars */
/* Mobile */
@media screen and (max-width: 768px) {
    .section-video__image--desktop,
    .section-video .placeholder-svg {
        display: none;
    }
    .section-video__image--desktop.section-video__image--all,
    .section-video__image--mobile,
    .section-video__view-placeholder .placeholder-svg {
        display: flex;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .section-video__image--desktop,
        .section-video .placeholder-svg {
            display: none;
        }
        .section-video__image--desktop.section-video__image--all,
        .section-video__image--mobile,
        .section-video__view-placeholder .placeholder-svg {
            display: flex;
        }
    }
}

/* Shoppable media slider */
.shoppable-media-slider-section__container {
  display: flex;
  flex-direction: column;
  container-type: inline-size; 
  container-name: shoppable-slider-container; 
}

.shoppable-media-slider-section__container--compact {
  gap: 24px;
}

.shoppable-media-slider-section__container--spacious {
  gap: 64px;
}

.swiper.shoppable-media-slider {
  --desktop-slide-width: 390px;
  --mobile-slide-width: 265px;
  --slide-offset: 24px;
  --active-slide-offset: 80px;
  --slider-transition-duration: 300ms;

  display: block;
  width: 100%;
}

.shoppable-media-slider__wrapper {
  --slider-direction: -1; 
  translate: calc((var(--active-slide-offset) - var(--slide-offset)) * var(--slider-direction)) 0;
}

.swiper-slide.shoppable-media-slider__slide {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 16px;
}

.shoppable-media-slider:not(.is-dragging) .shoppable-media-slider__slide.swiper-slide-active,
.shoppable-media-slider__slide.shoppable-media-slider__slide--large-margins {
  margin-right: var(--active-slide-offset) !important;
  margin-left: calc(var(--active-slide-offset) - var(--slide-offset)) !important;
}

.swiper-slide .shoppable-media-slider__slide-main-content {
  --mask-top: 5%;
  --mask-bottom: 5%;  

  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: var(--desktop-slide-width);
  clip-path: inset(var(--mask-top) 0 var(--mask-bottom) 0 round var(--media-radius));
  transition: clip-path var(--slider-transition-duration) ease-in-out;
  cursor: pointer;
}

.shoppable-media-slider:not(.is-dragging) .swiper-slide-active .shoppable-media-slider__slide-main-content {
  --mask-top: 0%;
  --mask-bottom: 0%;
  cursor: grab;
}

.shoppable-media-slider.is-dragging .shoppable-media-slider__slide-main-content {
  cursor: grabbing !important;
}

.shoppable-media-slider__media,
.shoppable-media-slider__slide-main-content video,
.shoppable-media-slider__slide-main-content .lazy-video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 0; 
  object-position: var(--media-focal-point);
}

.shoppable-media-slider__slide-main-content video {
  aspect-ratio: inherit;
}

.shoppable-media-slider .shoppable-media-slider__button {
  user-select: none; 
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgb(var(--layout-text-color));
  transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.shoppable-media-slider .shoppable-media-slider__button svg {
  width: max(10px, 25%);
  fill: rgb(var(--layout-background-color));
}

.shoppable-media-slider .shoppable-media-slider__button::after {
  content: '';
}

.shoppable-media-slider .shoppable-media-slider__button-next svg {
  margin-inline-start: 1px;
}

.shoppable-media-slider .shoppable-media-slider__button-prev svg {
  margin-inline-end: 1px;
}

.swiper-slide .shoppable-media-slider__slide-caption {
  width: 100%;
  padding-inline: 8px;
  opacity: 0;
  transition: opacity var(--slider-transition-duration) ease-out;
  transform-origin: top;
  pointer-events: none;
}

.shoppable-media-slider:not(.is-dragging) .swiper-slide-active .shoppable-media-slider__slide-caption {
  opacity: 1;
  pointer-events: auto;
}

.shoppable-media-slider__cover-image {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.shoppable-media-slider .swiper-slide-active .shoppable-media-slider__cover-image,
.shoppable-media-slider .lazy-video:not(.lazyloaded) .shoppable-media-slider__cover-image {
    display: none;
}

.product-slide-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 16px;
}

.product-slide-caption__content {
  display: flex;
  align-items: center;
  column-gap: 16px;
}

.product-slide-caption__image {
  display: flex;
  width: 64px;
  border-radius: var(--product-card-radius);
  overflow: hidden;
}

.product-slide-caption__image.enable-blending,
.product-slide-caption__image.enable-blending .lazy-image,
.product-slide-caption__image.enable-blending .lazy-image__preloader {
  background: var(--blending-color, none);
}

.product-slide-caption__image.enable-blending img {
  mix-blend-mode: darken;
}

.product-slide-caption__image .lazy-image {
  height: 100%;
  flex: 0 0 100%;
}

.product-slide-caption__image img {
  width: 100%;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--focal-point);
}

.product-slide-caption__info {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}

.product-slide-caption__title {
  transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.product-slide-caption__add-to-cart-button {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--other-buttons-radius);
  background-color: rgb(var(--layout-text-color));
  transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.product-slide-caption__add-to-cart-button .icon {
  width: 16px;
  fill: rgb(var(--layout-background-color));
}

.product-slide-caption__add-to-cart-button .loading-overlay__spinner,
.product-slide-caption__add-to-cart-button .spinner {
  width: 16px;
  height: 16px;
}

.text-slide-caption {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  align-items: center;
  text-align: center;
  text-wrap: balance;
}

.text-slide-caption__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  margin-bottom: 8px;
  font-family: var(--base-font-family);
  font-size: 20px;
  border: 1px solid rgb(var(--layout-text-color));
  border-radius: var(--other-buttons-radius);
}

.text-slide-caption__text a {
  display: inline-block;
}

.shoppable-media-slider__controls {
  position: absolute;
  inset-inline-end: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
  column-gap: 8px;
  opacity: 0;
  transition: opacity var(--slider-transition-duration) ease-out;
  transform-origin: top;
  pointer-events: none;
}

.shoppable-media-slider:not(.is-dragging) .swiper-slide-active .shoppable-media-slider__controls {
  opacity: 1;
  pointer-events: auto;
}

.shoppable-media-slider__control {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.shoppable-media-slider__control svg {
  fill: rgb(var(--base-button-color));
}

.shoppable-media-slider__control-icon.hidden {
  display: none;
}

@media (hover: hover) {
  .shoppable-media-slider .shoppable-media-slider__button:hover,
  .product-slide-caption:hover .product-slide-caption__title,
  .product-slide-caption__add-to-cart-button:not([disabled]):hover,
  .shoppable-media-slider__control:hover {
    opacity: 0.7;
  }
}

@container shoppable-slider-container (max-width: 768px) {
  .swiper.shoppable-media-slider {
    --slide-offset: 16px;
    --active-slide-offset: 16px;
  }
  .swiper-slide .shoppable-media-slider__slide-main-content {
    max-width: var(--mobile-slide-width);
  }
  .shoppable-media-slider .shoppable-media-slider__button {
    display: none;
  }
}

/* #region Fonts */

.text-slide-caption__title--contrast {
  font: var(--base-body-l-font);
}
.text-slide-caption__title--minimal_uppercase {
  font: var(--base-body-s-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.text-slide-caption__title--minimal_basic {
  font: var(--base-body-m-font);
}
.text-slide-caption__title--minimal_heavy {
  font: var(--base-heading-xs-font);
}
.text-slide-caption__title--classic,
.text-slide-caption__title--duet {
  font: var(--accent-body-l-font);
}
.text-slide-caption__title--avant_garde {
  font: var(--base-body-l-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.text-slide-caption__title--brutalist {
  font: var(--base-heading-xs-font);
  text-transform: uppercase;
}
.text-slide-caption__title--custom {
  font: var(--body-s-font);
  letter-spacing: var(--body-s-letter-spacing);
}

.text-slide-caption__text--minimal_uppercase {
  font: var(--base-label-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.text-slide-caption__text--minimal_basic,
.text-slide-caption__text--classic,
.text-slide-caption__text--duet {
  font: var(--base-body-s-font);
}
.text-slide-caption__text--duet {
  font: var(--base-body-l-font);
}
.text-slide-caption__text--avant_garde {
  font: var(--accent-body-s-font);
}
.text-slide-caption__text--contrast {
  font: var(--base-label-font);
}
.text-slide-caption__text--brutalist {
  font: var(--base-body-s-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.text-slide-caption__text--custom {
  font: var(--body-m-font);
  letter-spacing: var(--body-m-letter-spacing);
}

/* #endregion */

/* Slideshow with media */
.slideshow {
    overflow: visible;
    --vertical-gap: 48px;
    --horizontal-gap: 48px;
    background-color: rgb(var(--layout-background-color));
}
.slideshow__buttons object {
    display: inline;
}
.slideshow,
.slideshow__slide,
.slideshow__content-container,
.slideshow__image, 
.slideshow__video,
.slideshow__image .slideshow__image-item,
.slideshow__image::after,
.slideshow__controls-icon {
    width: 100%;
    height: 100%;
}
.slideshow--spacious {
    --video-banner-gap: 24px;
}
.slideshow--compact {
    --video-banner-gap: 16px;
}
.slideshow__slider {
    display: flex;
    height: var(--section-height);
    position: relative;
    overflow-y: clip;
    overflow-x: visible;
}
.slideshow.slideshow--fixed-height .slideshow__slider,
.slideshow.slideshow--fixed-height .slideshow__slide {
    min-height: 500px;
}

.slideshow__slider.text-blocks {
    inset-inline-start: 0;
    transition: inset-inline-start var(--animation-duration) var(--transition-timing-function);
}

.slideshow__slide {
    flex: 0 0 100%;
    height: var(--section-height);
}

.full-height--desktop .slideshow__slider,
.full-height--desktop .slideshow__slide {
    height: var(--section-height);
    max-height: calc(var(--section-height) - var(--announcement-height));
}

.slideshow__slide:not(.overlap) {
    overflow: clip;
}

.slideshow__slide.text-block {
    background-color: rgb(var(--layout-background-color));
    width: max-content;
    height: max-content;
}
.slideshow__content-container {
    display: flex;
    justify-content: var(--horizontal-position);
    align-items: var(--vertical-position);
}
.slideshow__slide:not(.animate):not(.text-block) {
    position: absolute;
    z-index: 0;
    opacity: 0;
}
.slideshow__slide.current:not(.animate):not(.text-block) {
    opacity: 1;
    z-index: 3;
    position: absolute;
}

.slideshow__slide.wide {
    border-radius: var(--images-and-section-radius);
    --webkit-border-radius: var(--images-and-section-radius);
    overflow: clip;
}

.animation-fade.sophisticated .slideshow__slide.animate:not(.text-block) {
    z-index: 0;
    position: absolute;
}
.animation-fade.sophisticated .slideshow__slide.prev.animate:not(.text-block) {
    z-index: 2;
    position: absolute;
}
.animation-fade.sophisticated .slideshow__slide.current.animate:not(.text-block) {
    z-index: 3;
    position: absolute;
    animation: slideOpacity 0.8s var(--transition-timing-function);
}

.animation-fade.sophisticated .slideshow__slide.animate:not(.before-load) .slideshow__content-wrapper {
    opacity: 0;
    animation: hideContent 0.3s var(--transition-timing-function);
}
.animation-fade.sophisticated .slideshow__slide.current.animate:not(.before-load) .slideshow__content-wrapper {
    opacity: 1;
    animation: showContent 0.8s var(--transition-timing-function);
}

.animation-fade .slideshow__slide.animate.text-block,
.animation-fade .slideshow__slide.prev.animate.text-block,
.animation-fade .slideshow__slide.current.animate.text-block.direction-next,
.animation-fade .slideshow__slide.current.animate.text-block.direction-prev {
    position: relative;
}

.animation-fade.sophisticated .slideshow__slide.current.animate .slideshow__image {
    z-index: 8;
}
.animation-fade.sophisticated .slideshow__slide.current.animate .slideshow__image .slideshow__media {
     animation: slideZoomOut 0.8s var(--transition-timing-function);
}
.animation-fade.basic .slideshow__slide.animate:not(.text-block) {
    z-index: 0;
    position: absolute;
}
.animation-fade.basic .slideshow__slide.prev.animate:not(.text-block) {
    z-index: 2;
    position: absolute;
}
.animation-fade.basic .slideshow__slide.current.animate:not(.text-block) {
    z-index: 3;
    position: absolute;
    animation: slideOpacity 0.6s var(--transition-timing-function);
}
.animation-fade.basic .slideshow__slide.animate:not(.before-load) .slideshow__content-wrapper {
    opacity: 0;
    animation: hideContent 0.15s var(--transition-timing-function);
}
.animation-fade.basic .slideshow__slide.current.animate:not(.before-load) .slideshow__content-wrapper {
    opacity: 1;
    animation: showContent 0.6s var(--transition-timing-function);
}
.animation-fade.basic .slideshow__slide.current.animate .slideshow__image {
    z-index: 8;
}
.animation-fade.basic .slideshow__slide.current.animate .slideshow__image .slideshow__media {
    animation: slideZoomOut 0.6s var(--transition-timing-function);
}
@keyframes slideOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes slideZoomOut {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes showContent {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes hideContent {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.slideshow__media,
.slideshow__image {
    overflow: clip;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(var(--layout-background-color));
}

.slideshow__video video {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover;
}

.slideshow__image--split {
    display: flex;
}

.slideshow__image-item--desktop,
.slideshow__content {
    width: 100%;
}
.slideshow__content-wrapper {
    position: relative;
    color: rgb(var(--layout-text-color));
    width: max-content;
    z-index: 10;
}
.slideshow__image .slideshow__image-item {
    position: absolute;
    background-color: rgb(var(--layout-background-color));
    object-fit: cover;
}
.slideshow__content {
    max-width: 1200px;
}
.slideshow__content.slideshow__content--narrow {
    max-width: 720px;
}

.slideshow__content--center {
    flex-direction: column;
    text-align: center;
}

.slideshow__content-wrapper {
    display: flex;
    justify-content: center;
    padding: var(--vertical-gap) var(--horizontal-gap);
}

.slideshow__content-wrapper--classic-arrows {
    padding-block: var(--vertical-gap); 
    padding-inline-start: calc(24px + 44px + 24px);
    padding-inline-end: var(--horizontal-gap); 
}

.slideshow__content--filled {
   background-color: rgb(var(--layout-background-color));
   padding: 64px 120px;
   border-radius: var(--images-and-section-radius);
    --webkit-border-radius: var(--images-and-section-radius);
}

.slideshow__image::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: var(--overlay-opacity);
    background: var(--overlay-background);
}

.slideshow__image-item--mobile {
    display: none;
}

.slideshow__content .context-image {
    display: flex;
    border-radius: var(--context-image-radius);
    -webkit-border-radius: var(--context-image-radius);
    overflow: clip;
    width: fit-content;
    max-width: 100%;
    width: var(--context-image-width);
    height: fit-content;
}
.slideshow__content .context__image-item {
    max-width: 100%;
    height: 100%;
}
.slideshow__content .ratio-original .context__image-item {
    height: auto;
}
.slideshow__content a.context-image .context__image-item {
    opacity: 1;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.slideshow__content-wrapper {
    max-width: 100%;
}

.slideshow__content-wrapper--end:not(.slideshow__content-wrapper--classic-arrows) {
    margin-bottom: calc(32px + 44px);
}

.slideshow__content:not(.slideshow__content--filled) {
    background: transparent;
}

.slideshow__content > .slideshow__content-elem + .slideshow__content-elem {
    margin-top: var(--video-banner-gap);
}

.slideshow__buttons {
    gap: 24px;
    flex-wrap: wrap;
}

.slideshow__controls {
    position: absolute;
    bottom: 32px;
    z-index: 3;
    gap: 10px;
}

.slider__viewport.announcement-bar__slider + .slideshow__controls {
    z-index: 1;
}

.slideshow__controls--filled {
    border-radius: var(--button-radius);
    background-color: rgb(var(--layout-background-color));
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.slideshow__controls--left {
    inset-inline-start: var(--horizontal-gap);
}
.slideshow__controls--center {
    left: 50%;
    transform: translateX(-50%);
}
.slideshow__controls--right {
    inset-inline-end: var(--horizontal-gap);
}
.slideshow__controls-icon {
    justify-content: center;
    position: relative;
    z-index: 5;
}

.slideshow__controls-icon svg,
.slideshow__controls__slash svg {
    fill: rgb(var(--layout-text-color));
}

.slideshow__controls-icon--short svg {
    height: 30%;
    width: auto;
    display: block;
}
.slideshow__controls-button--long svg {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}
.slideshow__controls-icon--long svg {
    max-width: 100%;
    display: block;
}

@media (hover: hover) {
    .slideshow__controls-button--long.slideshow__controls--next:hover svg {
        transform: translateX(-8px);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .slideshow__controls-button--long.slideshow__controls--prev:hover svg {
        transform: translateX(8px);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .slideshow__content a.context-image:hover .context__image-item {
        opacity: .7;
    }
  }

.slideshow__controls--wide {
    width: 100%;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 24px;
}

.slideshow__controls-button--classic {
    position: absolute !important;
    top: 50%;
    z-index: 3 !important;
    transform: translateY(-50%);
}

.slideshow__controls-button--classic.slideshow__controls--prev {
    inset-inline-start: 24px;
}

.slideshow__controls-button--classic.slideshow__controls--next {
    inset-inline-end: 24px;
}

.slideshow__controls-button {
    overflow: clip;
    width: 44px;
    height: 44px;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.slideshow__controls-button--filled {
    border-radius: var(--button-radius);
    position: relative;
    z-index: 2;
    background-color: rgb(var(--layout-background-color));
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.slideshow__controls-button--filled::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: var(--button-radius);
    background-color: rgb(var(--layout-background-color));
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .slideshow__controls-button--filled:hover::after {
        transform: scale(1.03);
    }
    .slideshow__controls--filled .slideshow__controls-button:hover,
    .slideshow__controls-button--filled:hover {
        opacity: 0.7;
    }
}

.slideshow__controls-counter {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: rgb(var(--layout-text-color));
}
.custom-type-preset .slideshow__controls-counter {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

.slideshow__controls-current,
.slideshow__controls-total {
    display: flex;
    min-width: 1em;
    justify-content: center;
}
.slideshow__controls-counter,
.slideshow__controls__slash,
.slideshow__controls-icon,
.slideshow__controls,
.slideshow__buttons,
.slideshow__content--center {
    display: flex;
    align-items: center;
}

/* Styles for full-width page without sidebars */
@media screen and (max-width: 920px) {
    .slideshow__content-container {
        justify-content: flex-start;
    }
    .slideshow__content-container--center {
        justify-content: center;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .slideshow {
        --horizontal-gap: 16px;
        --vertical-gap: 24px;
    }
    .slideshow__content--filled {
        padding: 32px 24px;
    }
    .slideshow__content-wrapper--classic-arrows {
        padding: 24px 16px;
    }
    .slideshow__controls--left,
    .slideshow__controls--right,
    .slideshow__controls--center {
        left: 50%;
        right: unset;
        transform: translateX(-50%);
    }
    .slideshow__controls--wide:not(.announcement-bar .slideshow__controls--wide) {
        width: 100%;
        justify-content: center;
        height: fit-content;
        align-items: flex-end;
        top: unset;
        transform: none;
        padding: 0 24px;
        gap: 16px;
    }
    .announcement-bar .slideshow__controls--wide {
        padding: 0;
    }
    .slideshow__content-wrapper--end:not(.slideshow__content-wrapper--classic-arrows),
    .slideshow__content-wrapper--end.slideshow__content-wrapper--classic-arrows {
        margin-bottom: calc(32px + 44px);
    }
    .slideshow__buttons {
        gap: 12px;
    }
    .slideshow__image-item--desktop {
        display: none;
    }
    .slideshow__image-item--mobile {
        display: block;
    }
    .slideshow__controls-button--classic {
        top: unset;
        bottom: 24px;
    }
    .slideshow__controls-button--classic.slideshow__controls--prev {
        inset-inline-start: 50%;
        bottom: 24px;
        transform: translateX(calc(-50% - 32px));
    }
    .slideshow__controls-button--classic.slideshow__controls--next {
        inset-inline-end: 50%;
        bottom: 24px;
        transform: translateX(calc(50% + 32px));
    }
    .slideshow .slideshow__slider,
    .slideshow .slideshow__slide {
        height: var(--section-height);
    }
    .slideshow.slideshow--fixed-height .slideshow__slider,
    .slideshow.slideshow--fixed-height .slideshow__slide {
        min-height: 380px;
    }   
}

/* Sidebars */
@media (min-width: 921px) {
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .slideshow__content-wrapper {
            padding: 64px 24px;
        }
        section[id^="shopify-section-"]:first-of-type .slideshow--overlapping .slideshow__content-wrapper--filled {
            padding-inline-start: 16px;
            padding-inline-end: 16px;
        }
        section[id^="shopify-section-"]:first-of-type .slideshow--overlapping .slideshow__content-wrapper:not(.slideshow__content-wrapper--filled) {
            padding-inline-start: 0px;
            padding-inline-end: 0px;
        }
        .slideshow__content {
            padding: 64px 16px;
        }
        .slideshow__controls--left,
        .slideshow__controls--right,
        .slideshow__controls--center {
            left: 50%;
            right: unset;
            transform: translateX(-50%);
        }
        .slideshow__controls--wide {
            width: 100%;
            justify-content: center;
            height: fit-content;
            align-items: flex-end;
            top: unset;
            transform: none;
            padding: 0 24px;
            gap: 16px;
        }
        .slideshow__buttons {
            gap: 12px;
        }
        .slideshow__controls-button--classic {
            top: unset;
            bottom: 24px;
        }
        .slideshow__controls-button--classic.slideshow__controls--prev {
            inset-inline-start: 50%;
            bottom: 24px;
            transform: translateX(calc(-50% - 32px));
        }
        .slideshow__controls-button--classic.slideshow__controls--next {
            inset-inline-end: 50%;
            bottom: 24px;
            transform: translateX(calc(50% + 32px));
        }
    }
}

/* Store selector */
.store-accordion__title-info {
  display: flex;
  flex-direction: column;

  & > .store-accordion__address,
  .accordion__content {
    margin-top: 8px;
  }
}

.store-accordion__title:not(:empty) {
  min-height: 24px;
  display: flex;
  align-items: center;
}

.store-selector-drawer__heading {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-inline-end: 52px;
  min-height: 76px;
  display: flex;
  align-items: center;
}

.store-accordion .summary__title-name {
  column-gap: 16px;
  align-items: flex-start;
  flex-grow: 1;
  cursor: pointer;
}

.store-accordion__image {
  width: 72px;
  height: 48px;
  aspect-ratio: 3/2;
  object-position: center;
}

.store-accordion__checkbox-wrapper {
  display: flex;
  align-items: center;
}

.store-accordion .accordion__content {
  position: relative;
  padding-bottom: 0;
}  

.store-accordion .accordion__summary {
  position: relative;
  cursor: default;
}

.store-accordion.without-accordion-content {
  .icon-accordion {
    visibility: hidden;
  }
} 

.store-accordion.without-accordion-content .accordion__panel {
  display: none;
}

.store-accordion .icon-accordion {
  cursor: pointer;
  min-height: 24px;
}

.change-store-button__loader.loading-overlay__spinner {
  position: static;
}

.change-store-button__loader:not(.hidden) + .change-store-button__text {
  display: none;
}

.store-accordion.accordion .summary__title {
  align-items: flex-start;
}

.store-accordion .accordion__content {
  padding: 0;
}

/* Stories slideshow */
.section-stories-slideshow .section-radius {
    padding-left: 0;
    padding-right: 0;
}

.section-stories-slideshow .section-radius .section-header,
.section-stories-slideshow .section-radius .stories-slideshow__thumbnails {
    padding-left: var(--inner-section-padding);
    padding-right: var(--inner-section-padding);
}

.section-stories-slideshow .section .section-header,
.section-stories-slideshow .section .stories-slideshow__thumbnails,
.stories-slideshow--full-width .stories-slideshow__thumbnails {
    padding-left: var(--side-margin);
    padding-right: var(--side-margin);
}

.stories-slideshow__thumbnails-wrapper {
    display: flex;
    justify-content: center;
}

.section-stories__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--section-gap);
}

stories-slideshow {
    display: block;
}

.section-stories__wrapper--spacious {
    --heading-gap: 24px;
}
.section-stories__wrapper--compact {
    --heading-gap: 16px;
}

.section-stories__wrapper .content-heading:not(:first-child) {
    margin-top: var(--heading-gap);
}

.stories-slideshow__thumbnails  {
    align-items: flex-start;
    overflow-x: auto;
    display: flex;
    gap: var(--gap);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.stories-slideshow__thumbnail {
    width: var(--thumbnail-width);
    color: rgb(var(--layout-text-color));
}

.stories-slideshow__thumbnail.events-none {
    pointer-events: none;
}

.stories-slideshow__circle {
    display: flex;
    position: relative;
    width: calc(var(--thumbnail-width) - (var(--thumbnails-outline-thickness) * 2));
    border-radius: var(--thumbnails-image-radius);
    -webkit-border-radius: var(--thumbnails-image-radius);
    border: 2px solid rgb(var(--layout-background-color));
    z-index: 1;
    overflow: hidden;
    background-color: rgb(var(--layout-background-color));
}

.stories-slideshow__circle-wrapper {
    width: var(--thumbnail-width);
    border-radius: var(--thumbnails-image-radius);
    overflow: hidden;
    position: relative;
    padding: var(--thumbnails-outline-thickness);
}

.stories-slideshow__circle .placeholder-svg {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--layout-text-color), .07);
    fill: rgb(var(--layout-text-color), .5);
}

.stories-slideshow__circle-wrapper::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    right: -50%;
    background: var(--thumbnail-border-gradient);
    border-radius: inherit;
}

.visible .stories-slideshow__circle-wrapper::before {
    animation: gradientShift 2s linear infinite;
}

@keyframes gradientShift {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.stories-slideshow img {
    width: 100%;
    height: 100%;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.section-stories-slideshow .swiper-wrapper {
    align-items: center;
}

.stories-slideshow__title {
    margin-top: 8px;
}

.stories-slider-content {
    position: relative;
    aspect-ratio: 9/16;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: hidden;
    z-index: 1;
}

.stories-slider-content__button {
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    z-index: 5;
    max-width: calc(((100dvh - 80px) * (9/16)) - 16px);
}

span.stories-slider-content__button {
    cursor: default;
}

.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .stories-slider-content__button {
    max-width: calc(((100dvh - 188px) * (9/16)) - 16px);
    min-width: max-content;
}

.swiper.swiper-stories {
    width: 100%;
    height: 100dvh;
    overflow: visible; 
}

.stories-slider.stories-slider-in .swiper .swiper .swiper-slide {
    border-radius: 0px;
}

.stories-slider.stories-slider-in .swiper-backface-hidden .swiper-slide {
    transform: none;
}

.stories-slider.stories-slider-in {
    visibility: hidden;
    display: block;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: calc(0px + 40px);
    left: 0;
    width: 100vw;
    height: 100dvh;
    background-color: transparent;
    pointer-events: none;
    padding: 0;
}

.stories-slider-button {
    height: 100%;
    z-index: 3;
}

.stories-slider.stories-slider-in {
    display: block;
    visibility: visible;
    z-index: 50;
    opacity: 1;
    pointer-events: all;
    animation: popupOpen var(--animation-duration) var(--transition-timing-function) forwards;
    padding: 0;
}

@keyframes popupOpen {
    0% {
        top: 40px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.stories-slider-overlay {
    display: block;
    visibility: hidden;
    will-change: opacity;
    width: 100vw;
    height: 100dvh;
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(var(--layout-text-color), 0.8);
    pointer-events: none;
}

.stories-slider.stories-slider-in + .stories-slider-overlay {
    opacity: 1;
    visibility: visible;
    z-index: 30;
    pointer-events: all;
    animation: overlayOpen var(--animation-duration) var(--transition-timing-function) forwards;
} 

.stories-slider.stories-slider-in .swiper:not(.swiper-story-inner) {
    width: 100%;
    height: 100dvh;
    padding-top: 24px;
}

.swiper-slide:not(.swiper-slide-active) .stories-slider-button-next,
.swiper-slide:not(.swiper-slide-active) .stories-slider-button-prev {
    pointer-events: none;
}

.nav-temporarily-disabled {
    pointer-events: none!important;
}

.stories-slider-button-next,
.stories-slider-button-prev {
    width: 50%;
}

.swiper.swiper-story-inner  {
    background: transparent;
    border-start-start-radius: 12px;
    border-start-end-radius: 12px;
    -webkit-border-start-start-radius: 12px;
    -webkit-border-start-end-radius: 12px;
}

.swiper-slide:not(.swiper-slide-active) > .swiper.swiper-story-inner {
    cursor: pointer;
}

.stories-slider.stories-slider-in .swiper-slide {
    display: flex;
    justify-content: center;
    width: auto;
}

.stories-slider.stories-slider-in .swiper-stories > .swiper-wrapper > .swiper-slide {
    transition: transform var(--animation-duration) var(--transition-timing-function), height var(--animation-duration) var(--transition-timing-function);
}

.stories-slider.stories-slider-in .swiper-stories > .swiper-wrapper > .swiper-slide {
    width: calc((100dvh - 80px) * (9/16));
    height: calc(100dvh - 24px);
}

.stories-slider > .swiper.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-visible,.swiper-slide-active) {
    opacity: 1;
}

.stories-slide__swiper-slide-wrapper {
    position: relative;
    height: fit-content;
    background-color: rgb(var(--layout-text-color));
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: hidden;
    transition: transform var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.swiper-story-inner.products-open .swiper-slide__wrapper {
    pointer-events: none;
    transform: scale(0.96);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.swiper-story-inner.products-open .stories-slider-pagination {
    transform: scale(0.96);
    top: calc((((100dvh - 24px) - ((100dvh - 24px) * 0.96)) / 2) + 6px)!important;
    transition: top var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
}

.swiper-story-inner.products-open .stories-slider__user {
    transform: scale(0.96);
    top: calc((((100dvh - 24px) - ((100dvh - 24px) * 0.96)) / 2) + 16px)!important;
    transition: top var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
}

.swiper-slide.stories-slides:not(.swiper-slide-active) .swiper-slide__wrapper,
.swiper-slide.stories-slides:not(.swiper-slide-active) .stories-slider__user,
.swiper-slide.stories-slides:not(.swiper-slide-active) .stories-slider-pagination {
    transition: none;
}

.swiper.swiper-story-inner .swiper-slide__wrapper {
    width: 100%;
}

.stories-slider.stories-slider-in .swiper .swiper .swiper-slide__wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: hidden;
    transform: translateZ(0); 
    background: linear-gradient(180deg, rgba(var(--layout-text-color), 0.4) 0%, rgba(var(--layout-text-color), 0) 10%, rgba(var(--layout-text-color), 0) 90%, rgba(var(--layout-text-color), 0.4) 100%);
}

.stories-slider.stories-slider-in > .swiper.swiper-stories > .swiper-wrapper > .swiper-slide .swiper::after {
    content: "";
    position: absolute;
    inset: 0;
    bottom: unset;
    height: calc(100dvh - 24px);
    z-index: -1;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: hidden;
    background-color: transparent;
    opacity: 0;
    transition: background-color var(--animation-duration) var(--transition-timing-function), height var(--animation-duration) var(--transition-timing-function);
}

.stories-slider.stories-slider-in > .swiper.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .swiper::after {
    height: 100%;
    z-index: 7;
    opacity: 1;
    background-color: rgba(var(--layout-text-color), 0.4);
}

.stories-slider.stories-slider-in .swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) {
    height: fit-content;
}
.stories-slide__swiper-slide-wrapper::after,
.stories-slider-pagination::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background-color: transparent;
    transition: background-color var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.swiper-story-inner.products-open .swiper-slide__wrapper::after {
    z-index: 7;
    background-color: rgba(var(--layout-text-color), 0.4);
    transition: background-color var(--animation-duration) var(--transition-timing-function);
}

.swiper-story-inner.products-open .stories-slider-pagination::after {
    z-index: 7;
    background-color: rgba(var(--layout-text-color), 0.1);
    transition: background-color var(--animation-duration) var(--transition-timing-function);
}

.swiper-story-inner.products-open .swiper-pagination-bullet-active:before {
    background-color: rgba(var(--layout-background-color), 0.5);
}

.stories-slider__user {
    display: flex;
    gap: 8px;
    position: absolute;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    left: 0;
    right: 0;
    top: 18px;
    z-index: 2;
    align-items: center;
    pointer-events: none;
    will-change: transform;
    transition: top var(--animation-duration) var(--transition-timing-function) var(--animation-duration), transform var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.stories-slider__user-avatar {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.stories-slider__user-avatar::after {
    content: '';
    display: flex;
    position: absolute;
    inset: 0;
    background-color: transparent;
    transition: background-color var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.stories-slider__user-name.stories-slider__user-name-absolute {
    position: absolute;
    inset: 0;
    background-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-color var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.swiper-story-inner.products-open .stories-slider__user .stories-slider__user-avatar::after,
.swiper-story-inner.products-open .stories-slider__user .stories-slider__user-name-absolute {
    background-color: rgba(var(--layout-text-color), 0.4);
    transition: background-color var(--animation-duration) var(--transition-timing-function);
}

.stories-slider__user-name {
    color: rgb(var(--layout-background-color));
    position: relative;
}

.stories-slider-actions {
    position: fixed;
    right: 8px;
    top: 8px;
    background-color: transparent;
}
.stories-slider-actions .button-close {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    background-color: transparent;
    border-radius: var(--button-border-radius);
    -webkit-border-radius: var(--button-border-radius);
    aspect-ratio: 1/1;
    padding: 11px;
    border: none;
    cursor: pointer;
}

.stories-slider-actions .button-close svg {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
    fill: rgb(var(--layout-background-color));
}

.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) {
    padding-bottom: 24px;
}

.swiper-stories .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .swiper-slide {
    width: 100%!important;
}

.swiper-stories .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .stories-slider-pagination {
    visibility: hidden;
    transition: none;
}

.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .swiper-wrapper,
.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .swiper-slide {
    height: fit-content;
}

.stories-slider-pagination {
    bottom: unset!important;
    top: 8px!important;
    margin-left: auto;
    margin-right: auto;
    gap: 4px;
    width: calc(((100dvh - 80px) * (9/16)) - 16px)!important;
    background-color: transparent;
    overflow: hidden;
    visibility: visible;
    transition: top var(--animation-duration) var(--transition-timing-function) var(--animation-duration), transform var(--animation-duration) var(--transition-timing-function) var(--animation-duration),  visibility 0s var(--transition-timing-function) var(--animation-duration);
}

.section-stories-slideshow .swiper-horizontal>.swiper-pagination-bullets,
.section-stories-slideshow .swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 8px;
}

.stories-slider.stories-slider-in .swiper .swiper .swiper-slide {
    background-color: transparent;
}

.section-stories-slideshow .swiper-pagination-bullet {
    width: calc((100% - ((var(--total-slides) - 1) * 4px)) / var(--total-slides));
}

.section-stories-slideshow .swiper-pagination-bullet {
    background-color: rgba(var(--layout-background-color), 0.3);
    opacity: 1;
}

.section-stories-slideshow .swiper-slide-active .swiper-pagination-bullet:has( ~ .swiper-pagination-bullet-active) {
    background-color: rgb(var(--layout-background-color));
}
 
.section-stories-slideshow .swiper-pagination-bullet-active {
    background-color: rgba(var(--layout-background-color), 0.3);
    position: relative;
}

.section-stories-slideshow .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgb(var(--layout-background-color));
    transform: scaleX(0);
    transform-origin: left center;
    animation: fillBullet var(--active-slide-duration) linear forwards;
}

.section-stories-slideshow .swiper-pagination-bullet-active.paused::before {
    animation-play-state: paused;
}

.section-stories-slideshow .swiper-pagination-bullet:only-child {
    display: block!important;
}

@keyframes fillBullet {
    0% {
      transform: scaleX(0);
    }
    100% {
      transform: scaleX(1);
    }
}

.stories__products {
    display: block;
    visibility: hidden;
    position: absolute;
    top: unset;
    pointer-events: all;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    max-width: 100%;
    background-color: rgb(var(--layout-background-color));
    border-top-left-radius: 12px;
    -webkit-border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    overflow: hidden;
    transform: translateY(calc(100% - 48px));
    z-index: 10;
    max-height: calc(100dvh - 116px);
    transition: transform var(--animation-duration) var(--transition-timing-function) var(--animation-duration), visibility 0s var(--transition-timing-function) var(--animation-duration);
}

.stories-slider-in .swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .stories__products {
    visibility: hidden;
    pointer-events: none;
    transition: none;
    transform: translateY(calc(100%));
}

.stories-slider.stories-slider-in .stories__products {
    visibility: visible;
}

.swiper-story-inner .swiper-slide:not(.swiper-slide-active) .stories__products {
    transform: translateY(100%);
}

.stories__products.open {
    transform: translateY(0px);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.stories__products-wrapper {
    height: 100%;
}

.stories__products-scroll {
    max-height: calc(100dvh - 48px - 108px);
}

.stories__products-title {
    min-height: 48px;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.stories__products-title .icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-55%);
}

.stories__products.open .icon {
    transform: translateY(-50%);
}

.stories__products .icon svg {
    transition: transform var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.stories__products .icon svg {
    transform: rotate(270deg);
}

.stories__products.open .icon svg {
    transform: rotate(90deg);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.stories__products .icon svg {
    max-width: 16px;
    min-width: 16px;
    max-height: 16px;
    height: auto;
    fill: rgb(var(--layout-text-color));
}

.stories__products-scroll {
    padding: 28px 40px;
    overflow-y: auto;
}

.stories__products-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 28px;
    padding-bottom: 28px;
}

.swiper-story-inner.products-open .swiper-slide__wrapper .stories-slider-button {
    pointer-events: none;
}

.section-stories-slideshow  .video-controls {
    width: fit-content;
    left: unset;
    right: 24px;
    padding: 0;
    bottom: 34px;
    z-index: 5;
}

.section-stories-slideshow  .video-controls svg {
    fill: rgb(var(--layout-background-color));
}

.stories-slider-content > img,
 .stories-slider-content > video {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: hidden;
 }

 .swiper-wrapper-stories:has(.swiper-slide-active .products-open) .swiper-slide:not(.swiper-slide-active) {
    pointer-events: none;
 }
.section-stories__wrapper--spacious {
    --section-gap: 64px;
}
.section-stories__wrapper--compact {
    --section-gap: 24px;
}

/* Font */
.stories-slideshow__title--contrast {
    font: var(--base-body-l-font);
}
.stories-slideshow__title--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.stories-slideshow__title--minimal_basic {
    font: var(--base-body-m-font);
}
.stories-slideshow__title--minimal_heavy {
    font: var(--base-heading-xs-font);
}
.stories-slideshow__title--classic,
.stories-slideshow__title--duet {
    font: var(--accent-body-l-font);
}
.stories-slideshow__title--avant_garde {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.stories-slideshow__title--brutalist {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.stories-slideshow__title--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}

@media (hover: hover) {
    .stories-slider-actions .button-close:hover svg {
        opacity: 0.7;
    }
    .swiper.swiper-story-inner:hover::after {
        background-color: transparent!important;
    }
}

@media screen and (max-width: 768px) {
    .swiper-stories {
      width: 100vw;
    }
   .swiper-stories .swiper-slide.stories-slides:not(.swiper-slide-active) {
        opacity: 0 !important;
        transition: opacity .15s var(--transition-timing-function);
    }
    .swiper-stories .swiper-slide {
      width: 100vw !important;
      height: 100dvh!important;
    }

    .swiper-story-inner.products-open .swiper-slide__wrapper {
        transform: scale(1);
    }

    .stories-slide__swiper-slide-wrapper {
        max-height: calc(100dvh - 48px - 8px);
        height: 100dvh;
        top: 10px;
        aspect-ratio: 9/16;
        width: auto!important;
        max-width: calc(100% - 32px);
    }
    
    .swiper-story-inner.products-open .stories-slider-pagination {
        transform: scale(1);
    }

    .swiper-story-inner.products-open .stories-slider__user {
        transform: scale(1);
    }

    .stories-slider.stories-slider-in .swiper:not(.swiper-story-inner) {
        padding-top: 0px;
    }

    .stories__products-scroll {
        padding: 14px 20px;
    }

    .stories__products-container {
        gap: 12px 14px;
        padding-bottom: 0px;
    }

    .stories__products {
        max-height: calc(100dvh - 58px);
    }

    .stories__products-scroll {
        max-height: calc(100dvh - 48px - 58px);
    }
    .stories-slider-pagination  {
        width: calc(100vw - 16px)!important;
    }
    .stories-slider-in .swiper-stories .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .stories-slider-pagination {
        visibility: visible;
    }
    .section-stories__wrapper--spacious {
        --section-gap: 32px;
    }
    .stories-slider-pagination {
        top: 16px !important;
    }
    .stories-slider__user {
        top: 26px;
    }
    .swiper-story-inner.products-open .stories-slider__user {
        top: 26px !important;
    }
    .swiper-story-inner.products-open .stories-slider-pagination {
        top: 16px !important;
    }
  }


  /* Tabs */
  .content-text--minimal_uppercase,
.content-text--minimal_basic,
.content-text--classic,
.content-text--contrast {
    font: var(--base-body-m-font);
}
.content-text--minimal_heavy,
.content-text--duet {
    font: var(--base-body-l-font);
}
.content-text--avant_garde {
    font: var(--accent-body-m-font);
}
.content-text--brutalist {
    font: var(--accent-heading-xs-font);
}
.tabs--narrow .section-tabs__header,
.tabs--narrow .section-tabs__content-wrapper {
    max-width: 960px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.content-text--custom {
    font: var(--body-m-font);
    letter-spacing: var(--body-m-letter-spacing);
}

/* Text block */
.text__block {
    display: flex;
    justify-content: var(--text-vertical-alignment);
    align-items: var(--text-horizontal-alignment);
    flex-direction: column;
}
.text__block--2.text__block--medium,
.text__block--2.text__block--wide,
.text__block--3.text__block--medium {
    grid-column: span 2;
}
.text__block--3.text__block--wide {
    grid-column: span 3;
}

.text__block--1.text__block--short .text__container {
    width: 100%;
    max-width: 360px;
}
.text__block--1.text__block--medium .text__container {
    width: 100%;
}
.text__block--center p:last-child,
.text__container--center p {
    text-align: center;
}
.text__block--flex-end p:last-child {
    text-align: end;
}

.text__container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: var(--text-horizontal-alignment);
    justify-content: var(--text-vertical-alignment);
    color: rgb(var(--layout-text-color));
}
.text__container.color-accent .text__content {
    color: rgb(var(--accent-button-color));
}
.text__container--center .text__heading {
    justify-content: center;
}
.text__container--center .richtext ul,
.text__container--center .richtext ol {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.text__content {
    display: flex;
    flex-direction: column;
}
.text__container:not(.color-accent) a {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.no-default-color .text__container.color-accent .richtext a {
    color: rgb(var(--accent-button-color));
    background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
}

@media (hover: hover) {
    .text__container:not(.color-accent) a:hover {
        opacity: .7;
    }
    .no-default-color .text__container.color-accent .richtext-link--underline a:hover {
        opacity: .7;
        animation: startAnimateUnderlinedLinksTextBlock var(--animation-duration) var(--transition-timing-function), endAnimateUnderlinedLinksTextBlock var(--animation-duration) var(--transition-timing-function)  var(--animation-duration);
    }
}

@keyframes startAnimateUnderlinedLinksTextBlock {
    0% {
        background-position: right bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgba(var(--accent-button-color), 0.7) 0px,rgba(var(--accent-button-color), 0.7) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    100% {
        background-position: right bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgba(var(--accent-button-color), 0.7) 0px,rgba(var(--accent-button-color), 0.7) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}
@keyframes endAnimateUnderlinedLinksTextBlock {
    from {
        background-position: left bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgba(var(--accent-button-color), 0.7) 0px,rgba(var(--accent-button-color), 0.7) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    to {
        background-position: left bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgba(var(--accent-button-color), 0.7) 0px,rgba(var(--accent-button-color), 0.7) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}

.text__heading {
    min-height: 32px;
    display: flex;
    align-items: center;
}

/* Fonts */
.text__heading--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.text__heading--minimal_basic,
.text__heading--classic,
.text__heading--avant_garde,
.text__heading--contrast {
    font: var(--base-label-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.text__heading--minimal_heavy,
.text__content--minimal_basic {
    font: var(--base-heading-xs-font);
}
.text__heading--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.text__heading--duet {
    font: var(--accent-body-l-font);
}
.text__content--minimal_uppercase {
    font: var(--base-heading-xs-font);
    text-transform: uppercase;
}
.text__content--minimal_heavy {
    font: var(--base-heading-m-font);
    letter-spacing: -0.01em;
}
.text__content--classic {
    font: var(--accent-heading-s-font);
}
.text__content--avant_garde {
    font: var(--base-heading-s-font);
    text-transform: uppercase;
}
.text__content--contrast {
    font: var(--accent-heading-l-font);
    letter-spacing: -0.02em;
}
.text__content--brutalist {
    font: var(--base-heading-l-font);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.text__content--duet {
    font: var(--base-heading-s-font);
}
.text__heading--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing);
}
.text__content--custom {
    font: var(--body-s-font);
    letter-spacing: var(--body-s-letter-spacing); 
}
/* Styles for full-width page without sidebars */
/* Tablet */
@media screen and (max-width: 1024px) {
    .text__content--contrast {
        font: var(--accent-heading-m-font);
        letter-spacing: -0.01em;
    }
    .text__content--brutalist {
        font: var(--base-heading-m-font);
        letter-spacing: -0.01em;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .text__block--1.text__block--short .text__container,
    .text__block--1.text__block--medium .text__container {
        width: 100%;
    }
    .text__content--contrast {
        font: var(--accent-heading-s-font);
        letter-spacing: normal;
    }
    .text__content--brutalist,
    .text__content--minimal_heavy {
        font: var(--base-heading-s-font);
        letter-spacing: normal;
    }
}

/* Sidebars */
@media (min-width: 921px) {
    /* Tablet */
    @container inside-content (max-width: 1024px) {
        .text__content--contrast {
            font: var(--accent-heading-m-font);
            letter-spacing: -0.01em;
        }
        .text__content--brutalist {
            font: var(--base-heading-m-font);
            letter-spacing: -0.01em;
        }
    }
    /* Mobile */
    @container inside-content (max-width: 768px) {
        .text__block--1.text__block--short .text__container,
        .text__block--1.text__block--medium .text__container {
            width: 100%;
        }
        .text__content--contrast {
            font: var(--accent-heading-s-font);
            letter-spacing: normal;
        }
        .text__content--brutalist,
        .text__content--minimal_heavy {
            font: var(--base-heading-s-font);
            letter-spacing: normal;
        }
    }
}