/*----------------------------------------*/
/* FONT MANROPE (variable) */
/*----------------------------------------*/
@font-face { font-display: swap; font-family: 'Manrope'; src: url(../fonts/Manrope-Regular.woff) format("woff"); }
@font-face { font-display: swap; font-family: 'Manrope'; font-weight: 500; src: url(../fonts/Manrope-Medium.woff) format("woff"); }
@font-face { font-display: swap; font-family: 'Manrope'; font-weight: 600; src: url(../fonts/Manrope-SemiBold.woff) format("woff"); }
@font-face { font-display: swap; font-family: 'Manrope'; font-weight: bold; src: url(../fonts/Manrope-Bold.woff) format("woff"); }
/*----------------------------------------*/
/* FONT BEBAS NEUE */
/*----------------------------------------*/
@font-face { font-display: swap; font-family: 'Bebas Neue'; src: url(../fonts/BebasNeue-Regular.woff) format("woff"); }
/*----------------------------------------*/
/* VARS */
/*----------------------------------------*/
:root { --color-black: #373737; --color-white: #FFF; --color-red-1: #9B2D30; --color-red-2: rgba(155, 45, 48, 0.1); --color-red-3: rgba(155, 45, 48, 0.5); --color-grey-1: #FAFAFA; --color-grey-2: #D9D9D9; --color-grey-3: rgba(55, 55, 55, 0.1); --color-grey-4: rgba(55, 55, 55, 0.2); --color-grey-5: rgba(55, 55, 55, 0.5); --color-grey-6: #EDE9EB; --color-grey-7: #D2CAC8; --color-beige-1: #F3F0EC; --color-beige-2: #F0EFF2; --color-beige-3: #E2C7C4; --color-beige-4: #E6CECB; --color-beige-5: #A69987; --color-green: #82A92E; --gradient-primary: linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); --font-primary: 'Manrope', sans-serif; --font-secondary: 'Bebas Neue', sans-serif; --anim-speed: 0.25s; --border-radius: 0.375rem; --shadow-primary: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.03); --gap-0: 0; --gap-1: 0.5rem; --gap-2: 1rem; --gap-3: 1.5rem; --gap-4: 2rem; --gap-5: 2.5rem; --gap-6: 3rem; --gap-7: 3.5rem; --gap-8: 4rem; }
/*----------------------------------------*/
/* GLOBAL */
/*----------------------------------------*/
*, *::before, *::after { box-sizing: border-box; }
html { background: #F0EFF2; background: var(--color-beige-2); color: #373737; color: var(--color-black); font: 16px/1.4 'Manrope', sans-serif; font: 16px/1.4 var(--font-primary); min-width: 320px; }
@media screen and (max-width: 479px) { html { font-size: 14px; } }
a { color: inherit; text-decoration: none; }
img, picture { max-width: 100%; vertical-align: middle; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
svg { display: block; max-height: 100%; max-width: 100%; }
input:focus, textarea:focus, button:focus, select:focus { outline: none; }
input:disabled, textarea:disabled, button:disabled, select:disabled { cursor: default; opacity: 0.5; pointer-events: none; }
button { cursor: pointer; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: inherit; opacity: 0.5; }
input::-moz-placeholder, textarea::-moz-placeholder { color: inherit; opacity: 0.5; }
input::placeholder, textarea::placeholder { color: inherit; opacity: 0.5; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: inherit; opacity: 0; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: inherit; opacity: 0; }
input:focus::placeholder, textarea:focus::placeholder { color: inherit; opacity: 0; }
input[type=number] { -moz-appearance: textfield; }
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; }
table { border-collapse: collapse; }
/*----------------------------------------*/
/* HEADINGS */
/*----------------------------------------*/
.h1, .h2 { font-family: 'Bebas Neue', sans-serif; font-family: var(--font-secondary); font-weight: normal; line-height: 1.2; letter-spacing: 0.03em; text-transform: uppercase; }
.h1 { font-size: 3.25rem; margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); }
@media screen and (max-width: 767px) { .h1 { font-size: 2.5rem; } }
.h2 { font-size: 2rem; margin: 0 0 1rem; margin: 0 0 var(--gap-2); }
.h3, .h4 { font-size: 1.5rem; font-weight: bold; }
.h3 { margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); }
.h4 { margin: 0 0 1rem; margin: 0 0 var(--gap-2); }
.h5 { font-size: 1.125rem; font-weight: bold; margin: 0 0 1rem; margin: 0 0 var(--gap-2); }
.h6 { font-size: 1rem; font-weight: bold; margin: 0 0 calc(0.5 * 0.5rem); margin: 0 0 calc(0.5 * var(--gap-1)); }
.content h1 { font-size: 1.5rem; margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); }
.content h2 { font-size: 1.5rem; margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); }
.content h3 { font-size: 1.5rem; margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); }
.content h4 { font-size: 1.5rem; margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); }
.content h5 { font-size: 1.5rem; margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); }
.content h6 { font-size: 1.5rem; margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); }
/*----------------------------------------*/
/* SECTION */
/*----------------------------------------*/
.content section { margin: 0 0 2rem; margin: 0 0 var(--gap-4); }
.content section:last-child { margin: 0; }
/*----------------------------------------*/
/* PARAGRAPH */
/*----------------------------------------*/
.p, .content p { margin: 0 0 1.25em; }
.p:last-child, .content p:last-child { margin: 0; }
/*----------------------------------------*/
/* LISTS */
/*----------------------------------------*/
.ul, .ol, .content ul, .content ol { list-style: none; margin: 0 0 1.25em; padding: 0; }
.ul:last-child, .ol:last-child, .content ul:last-child, .content ol:last-child { margin: 0; }
.ul > li, .ol > li, .content ul > li, .content ol > li { margin: 0 0 0.125em; }
.ul > li:last-child, .ol > li:last-child, .content ul > li:last-child, .content ol > li:last-child { margin: 0; }
.ul--lg > li:not(:last-child), .ol--lg > li:not(:last-child), .content--list ul > li:not(:last-child), .content--list ol > li:not(:last-child) { margin: 0 0 1em; }
.ul > li, .content ul > li { padding-left: 1.5em; position: relative; }
.ul > li::before, .content ul > li::before { content: '\2022'; display: block; left: 0.425em; position: absolute; top: 0; }
.ol, .content ol { counter-reset: ol; }
.ol:last-child, .content ol:last-child { margin: 0; }
.ol > li::before, .content ol > li::before { counter-increment: ol; content: counters(ol, ".") ". "; display: inline; }
/*----------------------------------------*/
/* HR */
/*----------------------------------------*/
.hr, .content hr { background: #D9D9D9; background: var(--color-grey-2); border: 0; height: 1px; margin: 2rem 0 2.5rem; margin: var(--gap-4) 0 var(--gap-5); }
@media screen and (max-width: 767px) { .hr, .content hr { margin: 1.5rem 0 2rem; margin: var(--gap-3) 0 var(--gap-4); } }
.hr::before, .hr::after, .content hr::before, .content hr::after { display: none; }
/*----------------------------------------*/
/* HYPERLINK */
/*----------------------------------------*/
.a, .content a { color: #9B2D30; color: var(--color-red-1); transition: color 0.25s; transition: color var(--anim-speed); }
.a:hover, .a:active, .content a:hover, .content a:active { color: #373737; color: var(--color-black); }
/*----------------------------------------*/
/* TIME */
/*----------------------------------------*/
.time, .content time { color: rgba(55, 55, 55, 0.5); color: var(--color-grey-5); display: block; font-size: 0.625rem; line-height: 1.7; letter-spacing: 0.15em; text-transform: uppercase; }
/*----------------------------------------*/
/* TEXT STYLES */
/*----------------------------------------*/
.text-normal { font-weight: normal; }
.text-medium { font-weight: 500; }
.text-semibold { font-weight: 600; }
.text-bold { font-weight: bold; }
.text-xl { font-size: 1.5rem; }
.text-lg { font-size: 1.125rem; }
.text-md { font-size: 1rem; }
.text-sm { font-size: 0.875rem; }
.text-xs { font-size: 0.75rem; }
.text-muted { opacity: 0.5; }
.text-caption { font-size: 0.625rem; line-height: 1.7; letter-spacing: 0.15em; text-transform: uppercase; }
.text-nowrap { white-space: nowrap; }
.text-color { color: #9B2D30; color: var(--color-red-1); }
.text-clip { overflow: hidden; text-overflow: ellipsis; }
/*----------------------------------------*/
/* BUTTONS */
/*----------------------------------------*/
.button { align-items: center; border-radius: 0.375rem; border-radius: var(--border-radius); cursor: pointer; display: inline-flex; font: 500 1rem 'Manrope', sans-serif; font: 500 1rem var(--font-primary); height: 3.5rem; line-height: 1.2; justify-content: center; padding: 0 1rem; padding: 0 var(--gap-2); text-align: center; text-decoration: none; transition: background-color 0.25s, border-color 0.25s, color 0.25s; transition: background-color var(--anim-speed), border-color var(--anim-speed), color var(--anim-speed); }
@media screen and (max-width: 767px) { .button { height: 3rem; } }
@media screen and (max-width: 479px) { .button { padding: 0 0.5rem; padding: 0 var(--gap-1); } }
.button:disabled, .button.swiper-button-disabled { cursor: default; opacity: 0.25; pointer-events: none; }
.button.swiper-button-lock { display: none; }
.button__badge { left: -0.125rem; position: absolute; top: -0.125rem; z-index: 9; }
.button__image { flex-shrink: 0; height: 1.5rem; width: 1.5rem; }
.button__text { line-height: 1.2; margin: 0 auto; padding: 0 1.25rem; text-align: left; }
@media screen and (max-width: 767px) { .button__text { padding: 1rem; } }
.button--primary { background: #9B2D30; background: var(--color-red-1); border: 0; color: #FFF; color: var(--color-white); }
.button--primary:hover, .button--primary:active, .button--primary.is-active { background: #373737; background: var(--color-black); }
.button--secondary { background: none; border: 1px solid rgba(155, 45, 48, 0.5); border: 1px solid var(--color-red-3); color: #9B2D30; color: var(--color-red-1); }
.button--secondary:hover, .button--secondary:active, .button--secondary.is-active { background: #9B2D30; background: var(--color-red-1); border-color: #9B2D30; border-color: var(--color-red-1); color: #FFF; color: var(--color-white); }
.button--tertiary { background: #373737; background: var(--color-black); border: 0; color: #FFF; color: var(--color-white); }
.button--tertiary:hover, .button--tertiary:active, .button--tertiary.is-active { background: #9B2D30; background: var(--color-red-1); }
.button--muted { background: none; border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); color: #373737; color: var(--color-black); }
.button--muted:hover, .button--muted:active, .button--muted.is-active { border-color: #9B2D30; border-color: var(--color-red-1); color: #9B2D30; color: var(--color-red-1); }
.button--text { background: none; border: 0; color: #9B2D30; color: var(--color-red-1); height: auto; padding: 0; }
.button--text .button__text:first-child { padding: 0 0.5rem 0 0; padding: 0 var(--gap-1) 0 0; }
.button--text .button__text:last-child { padding: 0 0 0 0.5rem; padding: 0 0 0 var(--gap-1); }
.button--text:hover, .button--text:active, .button--text.is-active { color: #373737; color: var(--color-black); }
.button--md { height: 3rem; }
.button--sm { height: 2rem; }
.button--sm .button__image { height: 1.25rem; width: 1.25rem; }
.button--round { border-radius: 100%; padding: 0; width: 3.5rem; }
@media screen and (max-width: 767px) { .button--round { width: 3rem; } }
.button--round.button--sm { width: 2rem; }
/*----------------------------------------*/
/* INPUT */
/*----------------------------------------*/
.input { cursor: text; display: block; position: relative; }
.input__label { display: block; margin: 0 0 calc(0.75 * 1rem); margin: 0 0 calc(0.75 * var(--gap-2)); }
.input__label--sm { font-size: 0.875rem; margin: 0 0 calc(0.25 * 1rem); margin: 0 0 calc(0.25 * var(--gap-2)); opacity: 0.5; }
.input__field { background: #FFF; background: var(--color-white); border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); border-radius: 0.375rem; border-radius: var(--border-radius); color: #373737; color: var(--color-black); display: block; font: 1rem 'Manrope', sans-serif; font: 1rem var(--font-primary); height: 3.5rem; padding: 0 1rem; text-overflow: ellipsis; width: 100%; }
@media screen and (max-width: 767px) { .input__field { height: 3rem; } }
.input__field:focus { border-color: rgba(55, 55, 55, 0.5); border-color: var(--color-grey-5); }
textarea.input__field { height: auto; padding: 1rem; resize: none; }
.input__field--shade { background: #FAFAFA; background: var(--color-grey-1); }
.input__wrap { position: relative; }
.input__button { align-items: center; background: none; border: 0; display: flex; justify-content: center; height: 100%; right: 0; position: absolute; top: 0; width: 3.5rem; z-index: 9; }
.input__button + .input__field { padding-right: 3.5rem; }
.input__warn { background: #373737; background: var(--color-black); border-radius: 0.375rem; border-radius: var(--border-radius); color: #FFF; color: var(--color-white); font-size: 0.875rem; left: 0; margin: 0.125rem 0 0; padding: 0.625rem 0.75rem; position: absolute; top: 100%; visibility: hidden; z-index: 99; }
.input__warn::before { border-color: transparent transparent transparent #373737; border-color: transparent transparent transparent var(--color-black); border-style: solid; border-width: 0.625rem 0 0 0.625rem; bottom: 100%; content: ''; display: block; left: 1rem; position: absolute; }
.input.is-error .input__field { border-color: #9B2D30; border-color: var(--color-red-1); }
.input.is-error .input__warn { visibility: visible; }
/*----------------------------------------*/
/* CHECKBOX */
/*----------------------------------------*/
.checkbox { cursor: pointer; display: inline-block; position: relative; }
.checkbox__input { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; }
.checkbox__input:checked ~ .checkbox__text::after { opacity: 1; }
.checkbox__text { display: block; line-height: 1.375; padding-left: 1.5em; position: relative; }
.checkbox__text::before, .checkbox__text::after { border-radius: 0.125em; content: ''; display: block; height: 1em; left: 0; position: absolute; top: 0.1875em; width: 1em; }
.checkbox__text::before { background: #FFF; background: var(--color-white); border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); z-index: 1; }
.checkbox__text::after { background: #9B2D30 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgNC42MDA3OEw0LjY2NjY3IDcuNDAwNzhMMTAgMS44MDA3OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+Cg==") 50% 50% no-repeat; background: var(--color-red-1) url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgNC42MDA3OEw0LjY2NjY3IDcuNDAwNzhMMTAgMS44MDA3OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+Cg==") 50% 50% no-repeat; background-size: 75% auto; opacity: 0; transition: opacity 0.25s; transition: opacity var(--anim-speed); z-index: 2; }
.checkbox--radio .checkbox__input:checked ~ .checkbox__text { border-color: #9B2D30; border-color: var(--color-red-1); }
.checkbox--radio .checkbox__text { border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); border-radius: 0.375rem; border-radius: var(--border-radius); height: 100%; padding: calc(2rem + 0.0625rem) 2rem calc(2rem + 0.0625rem) 4rem; padding: calc(var(--gap-4) + 0.0625rem) var(--gap-4) calc(var(--gap-4) + 0.0625rem) var(--gap-8); transition: border-color 0.25s; transition: border-color var(--anim-speed); }
@media screen and (max-width: 767px) { .checkbox--radio .checkbox__text { padding: calc(1.5rem + 0.0625rem) 1.5rem calc(1.5rem + 0.0625rem) 3.5rem; padding: calc(var(--gap-3) + 0.0625rem) var(--gap-3) calc(var(--gap-3) + 0.0625rem) var(--gap-7); } }
.checkbox--radio .checkbox__text::before, .checkbox--radio .checkbox__text::after { border-radius: 100%; left: 1.5rem; left: var(--gap-3); top: 2rem; top: var(--gap-4); }
@media screen and (max-width: 767px) { .checkbox--radio .checkbox__text::before, .checkbox--radio .checkbox__text::after { left: calc(0.75 * 1.5rem); left: calc(0.75 * var(--gap-3)); top: 1.5rem; top: var(--gap-3); } }
.checkbox--radio .checkbox__text::before { background: #FAFAFA; background: var(--color-grey-1); height: 1.5rem; width: 1.5rem; }
.checkbox--radio .checkbox__text::after { background: #9B2D30; background: var(--color-red-1); height: 1rem; margin: 0.25rem 0 0 0.25rem; width: 1rem; }
@media screen and (max-width: 479px) { .checkbox--radio .checkbox__text::after { height: 1.2rem; margin: 0.15rem 0 0 0.15rem; width: 1.2em; } }
/*----------------------------------------*/
/* NUMBERBOX */
/*----------------------------------------*/
.numberbox { position: relative; }
.numberbox__button { height: 2.5rem; padding: 0; position: absolute; top: 0.5rem; width: 2.5rem; z-index: 99; }
@media screen and (max-width: 767px) { .numberbox__button { top: 0.25rem; } }
.numberbox__button:disabled { opacity: 1; }
.numberbox__button--dec { left: 0.5rem; }
@media screen and (max-width: 767px) { .numberbox__button--dec { left: 0.25rem; } }
.numberbox__button--inc { right: 0.5rem; }
@media screen and (max-width: 767px) { .numberbox__button--inc { right: 0.25rem; } }
.numberbox__input { padding: 0 3.5rem; position: relative; text-align: center; z-index: 11; }
@media screen and (max-width: 767px) { .numberbox__input { padding: 0 3rem; } }
.numberbox--sm .numberbox__input { height: 2.5rem; padding: 0 2.5rem; }
.numberbox--sm .numberbox__button { height: 2rem; top: 0.25rem; width: 2rem; }
.numberbox--sm .numberbox__button--dec { left: 0.25rem; }
.numberbox--sm .numberbox__button--inc { right: 0.25rem; }
/*----------------------------------------*/
/* SELECT */
/*----------------------------------------*/
.select .selectr-selected { align-items: center; background: #FFF; background: var(--color-white); border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); border-radius: 0.375rem; border-radius: var(--border-radius); display: flex; font-size: 1rem; height: 3.5rem; padding: 0 2.25rem 0 1rem; }
@media screen and (max-width: 767px) { .select .selectr-selected { height: 3rem; } }
.select .selectr-selected::before { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNCA0LjVMNiA3LjVMOCA0LjUiIHN0cm9rZT0iIzM3MzczNyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPgo=") 50% 50% no-repeat; background-size: contain; border: 0; content: ''; display: block; height: 0.75rem; margin: -0.375rem 0 0; position: absolute; right: 0.75rem; transform: none; transition: transform 0.25s; transition: transform var(--anim-speed); width: 0.75rem; }
.select .selectr-container.selectr-disabled .selectr-selected { cursor: default; }
.select .selectr-container.native-open .selectr-selected::before, .select .selectr-container.open .selectr-selected::before { border: 0; transform: rotate3d(0, 0, 1, 180deg); }
.select .selectr-container.native-open .selectr-selected, .select .selectr-container.open .selectr-selected, .select .selectr-container.native-open.inverted .selectr-selected, .select .selectr-container.open.inverted .selectr-selected { border-radius: 0.375rem; border-radius: var(--border-radius); border-color: rgba(55, 55, 55, 0.5); border-color: var(--color-grey-5); }
.select .selectr-container .selectr-options-container, .select .selectr-container.inverted .selectr-options-container { background: #FFF; background: var(--color-white); border-radius: 0.375rem; border-radius: var(--border-radius); border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.03); box-shadow: var(--shadow-primary); padding: 0.25rem 0; }
.select .selectr-container:not(.inverted) .selectr-options-container { top: calc(100% + 0.25rem); }
.select .selectr-container.inverted .selectr-options-container { bottom: calc(100% + 0.25rem); }
.select .selectr-container .selectr-option:last-child { border-radius: 0 0 0.375rem 0.375rem; border-radius: 0 0 var(--border-radius) var(--border-radius); }
.select .selectr-container .selectr-option:last-child::before { display: none; }
.select .selectr-container .selectr-option:first-child { border-radius: 0.375rem 0.375rem 0 0; border-radius: var(--border-radius) var(--border-radius) 0 0; }
.select .selectr-options { max-height: 50vh; overflow-x: hidden; overflow-y: auto; overflow: hidden auto; top: 0; }
.select .selectr-option { color: #9B2D30; color: var(--color-red-1); font-size: 1rem; padding: 0.75rem 1rem; position: relative; }
.select .selectr-option::before { background: #D9D9D9; background: var(--color-grey-2); bottom: 0; content: ''; display: block; height: 1px; left: 1rem; position: absolute; right: 1rem; }
.select .selectr-option.selected, .select .selectr-option.active { background: none; color: #373737; color: var(--color-black); }
.select .selectr-option.selected { font-weight: bold; }
/*----------------------------------------*/
/* SLIDER PAGER */
/*----------------------------------------*/
.slider-pager { align-items: center; display: flex; justify-content: center; }
.slider-pager.swiper-pagination-lock { display: none; }
.slider-pager .swiper-pagination-bullet { background: rgba(55, 55, 55, 0.2); border-radius: 0.125rem; height: 0.25rem; margin: 0 0.25rem; opacity: 1; transition: background-color 0.25s; transition: background-color var(--anim-speed); width: 2rem; }
@media screen and (max-width: 767px) { .slider-pager .swiper-pagination-bullet { width: 1rem; } }
.slider-pager .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #9B2D30; background: var(--color-red-1); }
/*----------------------------------------*/
/* VIEW SWITCH */
/*----------------------------------------*/
.view-switch { align-items: center; background: #EDE9EB; background: var(--color-grey-6); border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); border-radius: 0.375rem; border-radius: var(--border-radius); display: flex; height: 3rem; }
.view-switch__toggle { align-items: center; background: none; border-radius: inherit; display: flex; height: 2.75rem; justify-content: center; margin-right: 0.125rem; transition: background-color 0.25s, opacity 0.25s; transition: background-color var(--anim-speed), opacity var(--anim-speed); width: 100%; }
.view-switch__toggle:last-child { margin: 0; }
.view-switch__toggle.is-active { background: #FFF; background: var(--color-white); opacity: 1; }
/*----------------------------------------*/
/* ACTIVITY SWITCH */
/*----------------------------------------*/
.activity-switch { cursor: pointer; display: inline-block; position: relative; }
.activity-switch__input { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; }
.activity-switch__input:checked ~ .activity-switch__text { color: #9B2D30; color: var(--color-red-1); }
.activity-switch__input:checked ~ .activity-switch__text::before { background: #9B2D30; background: var(--color-red-1); }
.activity-switch__input:checked ~ .activity-switch__text::after { transform: translate3d(1.5rem, 0, 0); }
.activity-switch__input:checked ~ .activity-switch__text .activity-switch__text-prefix { display: none; }
.activity-switch__text { align-items: center; color: rgba(55, 55, 55, 0.5); color: var(--color-grey-5); display: flex; font-size: 1.185rem; font-weight: bold; height: 2rem; padding-left: 4.5rem; position: relative; }
.activity-switch__text::before, .activity-switch__text::after { content: ''; display: block; position: absolute; }
.activity-switch__text::before { background: rgba(55, 55, 55, 0.5); background: var(--color-grey-5); border-radius: 1rem; height: 2rem; left: 0; top: 0; transition: background-color 0.25s; transition: background-color var(--anim-speed); width: 3.5rem; z-index: 1; }
.activity-switch__text::after { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDBDNS4zNzI1OCAwIDAgNS4zNzI1OCAwIDEyQzAgMTguNjI3NCA1LjM3MjU4IDI0IDEyIDI0QzE4LjYyNzQgMjQgMjQgMTguNjI3NCAyNCAxMkMyNCA1LjM3MjU4IDE4LjYyNzQgMCAxMiAwWk0xNy44NjM3IDguNTMwMzNDMTguMTU2NiA4LjIzNzQ0IDE4LjE1NjYgNy43NjI1NiAxNy44NjM3IDcuNDY5NjdDMTcuNTcwOCA3LjE3Njc4IDE3LjA5NTkgNy4xNzY3OCAxNi44MDMgNy40Njk2N0wxMCAxNC4yNzI3TDcuMTk3IDExLjQ2OTdDNi45MDQxIDExLjE3NjggNi40MjkyMyAxMS4xNzY4IDYuMTM2MzQgMTEuNDY5N0M1Ljg0MzQ0IDExLjc2MjYgNS44NDM0NCAxMi4yMzc0IDYuMTM2MzQgMTIuNTMwM0w5LjQ2OTY3IDE1Ljg2MzdDOS42MTAzMiAxNi4wMDQzIDkuODAxMDkgMTYuMDgzMyAxMCAxNi4wODMzQzEwLjE5ODkgMTYuMDgzMyAxMC4zODk3IDE2LjAwNDMgMTAuNTMwMyAxNS44NjM3TDE3Ljg2MzcgOC41MzAzM1oiIGZpbGw9IndoaXRlIi8+PC9zdmc+") 0 0 no-repeat; background-size: 100% 100%; border-radius: 100%; height: 1.5rem; left: 0.25rem; top: 0.25rem; transform: translate3d(0, 0, 0); transition: transform 0.25s; transition: transform var(--anim-speed); width: 1.5rem; z-index: 2; }
/*----------------------------------------*/
/* PAGE */
/*----------------------------------------*/
.page { display: flex; flex-direction: column; min-height: 100vh; scrollbar-color: #373737 #EDE9EB; scrollbar-color: var(--color-black) var(--color-grey-6); scrollbar-width: thin; }
.page ::-webkit-scrollbar { height: 0.625rem; width: 0.625rem; }
.page ::-webkit-scrollbar-track { background: #EDE9EB; background: var(--color-grey-6); border-radius: 0.375rem; border-radius: var(--border-radius); }
.page ::-webkit-scrollbar-thumb { background: #373737; background: var(--color-black); border: 0.125rem solid #EDE9EB; border: 0.125rem solid var(--color-grey-6); border-radius: 0.375rem; border-radius: var(--border-radius); }
/*----------------------------------------*/
/* CONTAINER */
/*----------------------------------------*/
.container { --container-gap: 3rem; box-sizing: content-box; margin: 0 auto; max-width: 1712px; padding: 0 var(--container-gap); }
@media screen and (min-width: 1024px) and (max-width: 1279px) { .container { --container-gap: 2rem; } }
@media screen and (max-width: 1023px) { .container { --container-gap: 1.5rem; } }
/*----------------------------------------*/
/* MAIN */
/*----------------------------------------*/
.main { padding: 2rem 0 5rem; }
@media screen and (max-width: 767px) { .main { padding: 2rem 0 3.5rem; } }
@media screen and (max-width: 479px) { .main { padding-top: 1.5rem; } }
/*----------------------------------------*/
/* SECTIONS */
/*----------------------------------------*/
.section-outer { padding: 5rem 0; }
@media screen and (max-width: 767px) { .section-outer { padding: 3.5rem 0; padding: var(--gap-7) 0; } }
.section-inner { margin: 0 0 5rem; }
@media screen and (max-width: 767px) { .section-inner { margin: 0 0 3.5rem; margin: 0 0 var(--gap-7); } }
.section-inner:last-child { margin: 0; }
/*----------------------------------------*/
/* DIVIDER */
/*----------------------------------------*/
.divider { background: url(../img/pattern-1.svg) 100% 50% repeat-x; background-size: auto 100%; height: 0.5rem; margin: 3.5rem 0; margin: var(--gap-7) 0; }
@media screen and (max-width: 767px) { .divider { margin: 2.5rem 0; margin: var(--gap-5) 0; } }
.divider--tail { max-width: 1070px; position: relative; }
.divider--tail::before { background: url(../img/pattern-tail-1.svg) 0 50% no-repeat; background-size: auto 100%; content: ''; display: block; height: 5.75rem; left: 100%; margin: -2.775rem 0 0 -0.0625rem; position: absolute; top: 50%; width: 46.625rem; }
/*----------------------------------------*/
/* FLEX */
/*----------------------------------------*/
.flex { display: flex; }
.flex--start { align-items: flex-start; }
.flex--center { align-items: center; }
.flex--end { align-items: flex-end; }
.flex--base { align-items: baseline; }
.flex--stretch { align-items: stretch; }
.flex--wrap { flex-wrap: wrap; }
.flex--nowrap { flex-wrap: nowrap; }
.flex--row { flex-direction: row; }
.flex--column { flex-direction: column; }
@media screen and (min-width: 480px) { .flex\@xs { display: flex; }
  .flex--start\@xs { align-items: flex-start; }
  .flex--center\@xs { align-items: center; }
  .flex--end\@xs { align-items: flex-end; }
  .flex--base\@xs { align-items: baseline; }
  .flex--stretch\@xs { align-items: stretch; }
  .flex--wrap\@xs { flex-wrap: wrap; }
  .flex--nowrap\@xs { flex-wrap: nowrap; }
  .flex--row\@xs { flex-direction: row; }
  .flex--column\@xs { flex-direction: column; } }
@media screen and (min-width: 768px) { .flex\@sm { display: flex; }
  .flex--start\@sm { align-items: flex-start; }
  .flex--center\@sm { align-items: center; }
  .flex--end\@sm { align-items: flex-end; }
  .flex--base\@sm { align-items: baseline; }
  .flex--stretch\@sm { align-items: stretch; }
  .flex--wrap\@sm { flex-wrap: wrap; }
  .flex--nowrap\@sm { flex-wrap: nowrap; }
  .flex--row\@sm { flex-direction: row; }
  .flex--column\@sm { flex-direction: column; } }
@media screen and (min-width: 1024px) { .flex\@md { display: flex; }
  .flex--start\@md { align-items: flex-start; }
  .flex--center\@md { align-items: center; }
  .flex--end\@md { align-items: flex-end; }
  .flex--base\@md { align-items: baseline; }
  .flex--stretch\@md { align-items: stretch; }
  .flex--wrap\@md { flex-wrap: wrap; }
  .flex--nowrap\@md { flex-wrap: nowrap; }
  .flex--row\@md { flex-direction: row; }
  .flex--column\@md { flex-direction: column; } }
@media screen and (min-width: 1280px) { .flex\@lg { display: flex; }
  .flex--start\@lg { align-items: flex-start; }
  .flex--center\@lg { align-items: center; }
  .flex--end\@lg { align-items: flex-end; }
  .flex--base\@lg { align-items: baseline; }
  .flex--stretch\@lg { align-items: stretch; }
  .flex--wrap\@lg { flex-wrap: wrap; }
  .flex--nowrap\@lg { flex-wrap: nowrap; }
  .flex--row\@lg { flex-direction: row; }
  .flex--column\@lg { flex-direction: column; } }
@media screen and (min-width: 1440px) { .flex\@xl { display: flex; }
  .flex--start\@xl { align-items: flex-start; }
  .flex--center\@xl { align-items: center; }
  .flex--end\@xl { align-items: flex-end; }
  .flex--base\@xl { align-items: baseline; }
  .flex--stretch\@xl { align-items: stretch; }
  .flex--wrap\@xl { flex-wrap: wrap; }
  .flex--nowrap\@xl { flex-wrap: nowrap; }
  .flex--row\@xl { flex-direction: row; }
  .flex--column\@xl { flex-direction: column; } }
@media screen and (min-width: 1808px) { .flex\@xxl { display: flex; }
  .flex--start\@xxl { align-items: flex-start; }
  .flex--center\@xxl { align-items: center; }
  .flex--end\@xxl { align-items: flex-end; }
  .flex--base\@xxl { align-items: baseline; }
  .flex--stretch\@xxl { align-items: stretch; }
  .flex--wrap\@xxl { flex-wrap: wrap; }
  .flex--nowrap\@xxl { flex-wrap: nowrap; }
  .flex--row\@xxl { flex-direction: row; }
  .flex--column\@xxl { flex-direction: column; } }
.flex__static { flex: 0 0 auto; }
.flex__adaptive { flex: 1 1 auto; }
.inline-flex { display: inline-flex; }
@media screen and (min-width: 480px) { .inline-flex\@xs { display: flex; } }
@media screen and (min-width: 768px) { .inline-flex\@sm { display: flex; } }
@media screen and (min-width: 1024px) { .inline-flex\@md { display: flex; } }
@media screen and (min-width: 1280px) { .inline-flex\@lg { display: flex; } }
@media screen and (min-width: 1440px) { .inline-flex\@xl { display: flex; } }
@media screen and (min-width: 1808px) { .inline-flex\@xxl { display: flex; } }
/*----------------------------------------*/
/* GRID */
/*----------------------------------------*/
.grid { --grid-gap-h: 1rem; --grid-gap-v: 1rem; display: grid; grid-gap: var(--grid-gap-v) var(--grid-gap-h); gap: var(--grid-gap-v) var(--grid-gap-h); grid-template-columns: repeat(12, 1fr); }
.grid__cell-1 { grid-column: auto/span 1; }
.grid__cell-2 { grid-column: auto/span 2; }
.grid__cell-3 { grid-column: auto/span 3; }
.grid__cell-4 { grid-column: auto/span 4; }
.grid__cell-5 { grid-column: auto/span 5; }
.grid__cell-6 { grid-column: auto/span 6; }
.grid__cell-7 { grid-column: auto/span 7; }
.grid__cell-8 { grid-column: auto/span 8; }
.grid__cell-9 { grid-column: auto/span 9; }
.grid__cell-10 { grid-column: auto/span 10; }
.grid__cell-11 { grid-column: auto/span 11; }
.grid__cell-12 { grid-column: auto/span 12; }
@media screen and (min-width: 480px) { .grid__cell-1\@xs { grid-column: auto/span 1; }
  .grid__cell-2\@xs { grid-column: auto/span 2; }
  .grid__cell-3\@xs { grid-column: auto/span 3; }
  .grid__cell-4\@xs { grid-column: auto/span 4; }
  .grid__cell-5\@xs { grid-column: auto/span 5; }
  .grid__cell-6\@xs { grid-column: auto/span 6; }
  .grid__cell-7\@xs { grid-column: auto/span 7; }
  .grid__cell-8\@xs { grid-column: auto/span 8; }
  .grid__cell-9\@xs { grid-column: auto/span 9; }
  .grid__cell-10\@xs { grid-column: auto/span 10; }
  .grid__cell-11\@xs { grid-column: auto/span 11; }
  .grid__cell-12\@xs { grid-column: auto/span 12; } }
@media screen and (min-width: 768px) { .grid__cell-1\@sm { grid-column: auto/span 1; }
  .grid__cell-2\@sm { grid-column: auto/span 2; }
  .grid__cell-3\@sm { grid-column: auto/span 3; }
  .grid__cell-4\@sm { grid-column: auto/span 4; }
  .grid__cell-5\@sm { grid-column: auto/span 5; }
  .grid__cell-6\@sm { grid-column: auto/span 6; }
  .grid__cell-7\@sm { grid-column: auto/span 7; }
  .grid__cell-8\@sm { grid-column: auto/span 8; }
  .grid__cell-9\@sm { grid-column: auto/span 9; }
  .grid__cell-10\@sm { grid-column: auto/span 10; }
  .grid__cell-11\@sm { grid-column: auto/span 11; }
  .grid__cell-12\@sm { grid-column: auto/span 12; } }
@media screen and (min-width: 1024px) { .grid__cell-1\@md { grid-column: auto/span 1; }
  .grid__cell-2\@md { grid-column: auto/span 2; }
  .grid__cell-3\@md { grid-column: auto/span 3; }
  .grid__cell-4\@md { grid-column: auto/span 4; }
  .grid__cell-5\@md { grid-column: auto/span 5; }
  .grid__cell-6\@md { grid-column: auto/span 6; }
  .grid__cell-7\@md { grid-column: auto/span 7; }
  .grid__cell-8\@md { grid-column: auto/span 8; }
  .grid__cell-9\@md { grid-column: auto/span 9; }
  .grid__cell-10\@md { grid-column: auto/span 10; }
  .grid__cell-11\@md { grid-column: auto/span 11; }
  .grid__cell-12\@md { grid-column: auto/span 12; } }
@media screen and (min-width: 1280px) { .grid__cell-1\@lg { grid-column: auto/span 1; }
  .grid__cell-2\@lg { grid-column: auto/span 2; }
  .grid__cell-3\@lg { grid-column: auto/span 3; }
  .grid__cell-4\@lg { grid-column: auto/span 4; }
  .grid__cell-5\@lg { grid-column: auto/span 5; }
  .grid__cell-6\@lg { grid-column: auto/span 6; }
  .grid__cell-7\@lg { grid-column: auto/span 7; }
  .grid__cell-8\@lg { grid-column: auto/span 8; }
  .grid__cell-9\@lg { grid-column: auto/span 9; }
  .grid__cell-10\@lg { grid-column: auto/span 10; }
  .grid__cell-11\@lg { grid-column: auto/span 11; }
  .grid__cell-12\@lg { grid-column: auto/span 12; } }
@media screen and (min-width: 1440px) { .grid__cell-1\@xl { grid-column: auto/span 1; }
  .grid__cell-2\@xl { grid-column: auto/span 2; }
  .grid__cell-3\@xl { grid-column: auto/span 3; }
  .grid__cell-4\@xl { grid-column: auto/span 4; }
  .grid__cell-5\@xl { grid-column: auto/span 5; }
  .grid__cell-6\@xl { grid-column: auto/span 6; }
  .grid__cell-7\@xl { grid-column: auto/span 7; }
  .grid__cell-8\@xl { grid-column: auto/span 8; }
  .grid__cell-9\@xl { grid-column: auto/span 9; }
  .grid__cell-10\@xl { grid-column: auto/span 10; }
  .grid__cell-11\@xl { grid-column: auto/span 11; }
  .grid__cell-12\@xl { grid-column: auto/span 12; } }
@media screen and (min-width: 1808px) { .grid__cell-1\@xxl { grid-column: auto/span 1; }
  .grid__cell-2\@xxl { grid-column: auto/span 2; }
  .grid__cell-3\@xxl { grid-column: auto/span 3; }
  .grid__cell-4\@xxl { grid-column: auto/span 4; }
  .grid__cell-5\@xxl { grid-column: auto/span 5; }
  .grid__cell-6\@xxl { grid-column: auto/span 6; }
  .grid__cell-7\@xxl { grid-column: auto/span 7; }
  .grid__cell-8\@xxl { grid-column: auto/span 8; }
  .grid__cell-9\@xxl { grid-column: auto/span 9; }
  .grid__cell-10\@xxl { grid-column: auto/span 10; }
  .grid__cell-11\@xxl { grid-column: auto/span 11; }
  .grid__cell-12\@xxl { grid-column: auto/span 12; } }
.grid__cell--top { align-self: start; }
.grid__cell--middle { align-self: center; }
.grid__cell--bottom { align-self: end; }
.grid__cell--start { justify-self: start; }
.grid__cell--center { justify-self: center; }
.grid__cell--end { justify-self: end; }
.grid--top { align-items: start; }
.grid--middle { align-items: center; }
.grid--bottom { align-items: end; }
.grid--stretch { align-items: stretch; }
.grid--equal { grid-auto-rows: 1fr; }
@media screen and (min-width: 480px) { .grid--top\@xs { align-items: start; }
  .grid--middle\@xs { align-items: center; }
  .grid--bottom\@xs { align-items: end; }
  .grid--stretch\@xs { align-items: stretch; } }
@media screen and (min-width: 768px) { .grid--top\@sm { align-items: start; }
  .grid--middle\@sm { align-items: center; }
  .grid--bottom\@sm { align-items: end; }
  .grid--stretch\@sm { align-items: stretch; } }
@media screen and (min-width: 1024px) { .grid--top\@md { align-items: start; }
  .grid--middle\@md { align-items: center; }
  .grid--bottom\@md { align-items: end; }
  .grid--stretch\@md { align-items: stretch; } }
@media screen and (min-width: 1280px) { .grid--top\@lg { align-items: start; }
  .grid--middle\@lg { align-items: center; }
  .grid--bottom\@lg { align-items: end; }
  .grid--stretch\@lg { align-items: stretch; } }
@media screen and (min-width: 1440px) { .grid--top\@xl { align-items: start; }
  .grid--middle\@xl { align-items: center; }
  .grid--bottom\@xl { align-items: end; }
  .grid--stretch\@xl { align-items: stretch; } }
@media screen and (min-width: 1808px) { .grid--top\@xxl { align-items: start; }
  .grid--middle\@xxl { align-items: center; }
  .grid--bottom\@xxl { align-items: end; }
  .grid--stretch\@xxl { align-items: stretch; } }
@media screen and (min-width: 1440px) { .grid--category { grid-template-columns: repeat(10, 1fr); } }
@media screen and (min-width: 1440px) { .grid--catalog { grid-template-columns: repeat(10, 1fr); } }
@media screen and (max-width: 767px) { .grid--catalog { --grid-gap-h: 0.5rem; --grid-gap-v: 0.5rem; } }
@media screen and (min-width: 1440px) { .grid--promo { --grid-gap-h: 4rem; --grid-gap-v: 4rem; } }
@media screen and (min-width: 1280px) and (max-width: 1439px) { .grid--promo { --grid-gap-h: 3rem; --grid-gap-v: 3rem; } }
@media screen and (min-width: 1024px) and (max-width: 1279px) { .grid--promo { --grid-gap-h: 2rem; --grid-gap-v: 2rem; } }
.grid--inline { --grid-gap-h: 0.5rem; --grid-gap-v: 0.5rem; display: inline-grid; max-width: 100%; }
@media screen and (min-width: 1808px) { .grid--favorites { grid-template-columns: repeat(10, 1fr); } }
/*----------------------------------------*/
/* MARGINS */
/*----------------------------------------*/
.ma-auto { margin: auto; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-auto { margin-bottom: auto; margin-top: auto; }
.mt-auto { margin-top: auto; }
.mr-auto { margin-right: auto; }
.mb-auto { margin-bottom: auto; }
.ml-auto { margin-left: auto; }
.ma-0 { margin: 0; margin: var(--gap-0); }
.mx-0 { margin-left: 0; margin-left: var(--gap-0); margin-right: 0; margin-right: var(--gap-0); }
.my-0 { margin-bottom: 0; margin-bottom: var(--gap-0); margin-top: 0; margin-top: var(--gap-0); }
.mt-0 { margin-top: 0; margin-top: var(--gap-0); }
.mr-0 { margin-right: 0; margin-right: var(--gap-0); }
.mb-0 { margin-bottom: 0; margin-bottom: var(--gap-0); }
.ml-0 { margin-left: 0; margin-left: var(--gap-0); }
.ma-1 { margin: 0.5rem; margin: var(--gap-1); }
.mx-1 { margin-left: 0.5rem; margin-left: var(--gap-1); margin-right: 0.5rem; margin-right: var(--gap-1); }
.my-1 { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); margin-top: 0.5rem; margin-top: var(--gap-1); }
.mt-1 { margin-top: 0.5rem; margin-top: var(--gap-1); }
.mr-1 { margin-right: 0.5rem; margin-right: var(--gap-1); }
.mb-1 { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); }
.ml-1 { margin-left: 0.5rem; margin-left: var(--gap-1); }
.ma-2 { margin: 1rem; margin: var(--gap-2); }
.mx-2 { margin-left: 1rem; margin-left: var(--gap-2); margin-right: 1rem; margin-right: var(--gap-2); }
.my-2 { margin-bottom: 1rem; margin-bottom: var(--gap-2); margin-top: 1rem; margin-top: var(--gap-2); }
.mt-2 { margin-top: 1rem; margin-top: var(--gap-2); }
.mr-2 { margin-right: 1rem; margin-right: var(--gap-2); }
.mb-2 { margin-bottom: 1rem; margin-bottom: var(--gap-2); }
.ml-2 { margin-left: 1rem; margin-left: var(--gap-2); }
.ma-3 { margin: 1.5rem; margin: var(--gap-3); }
.mx-3 { margin-left: 1.5rem; margin-left: var(--gap-3); margin-right: 1.5rem; margin-right: var(--gap-3); }
.my-3 { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); margin-top: 1.5rem; margin-top: var(--gap-3); }
.mt-3 { margin-top: 1.5rem; margin-top: var(--gap-3); }
.mr-3 { margin-right: 1.5rem; margin-right: var(--gap-3); }
.mb-3 { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); }
.ml-3 { margin-left: 1.5rem; margin-left: var(--gap-3); }
.ma-4 { margin: 2rem; margin: var(--gap-4); }
.mx-4 { margin-left: 2rem; margin-left: var(--gap-4); margin-right: 2rem; margin-right: var(--gap-4); }
.my-4 { margin-bottom: 2rem; margin-bottom: var(--gap-4); margin-top: 2rem; margin-top: var(--gap-4); }
.mt-4 { margin-top: 2rem; margin-top: var(--gap-4); }
.mr-4 { margin-right: 2rem; margin-right: var(--gap-4); }
.mb-4 { margin-bottom: 2rem; margin-bottom: var(--gap-4); }
.ml-4 { margin-left: 2rem; margin-left: var(--gap-4); }
.ma-5 { margin: 2.5rem; margin: var(--gap-5); }
.mx-5 { margin-left: 2.5rem; margin-left: var(--gap-5); margin-right: 2.5rem; margin-right: var(--gap-5); }
.my-5 { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); margin-top: 2.5rem; margin-top: var(--gap-5); }
.mt-5 { margin-top: 2.5rem; margin-top: var(--gap-5); }
.mr-5 { margin-right: 2.5rem; margin-right: var(--gap-5); }
.mb-5 { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); }
.ml-5 { margin-left: 2.5rem; margin-left: var(--gap-5); }
.ma-6 { margin: 3rem; margin: var(--gap-6); }
.mx-6 { margin-left: 3rem; margin-left: var(--gap-6); margin-right: 3rem; margin-right: var(--gap-6); }
.my-6 { margin-bottom: 3rem; margin-bottom: var(--gap-6); margin-top: 3rem; margin-top: var(--gap-6); }
.mt-6 { margin-top: 3rem; margin-top: var(--gap-6); }
.mr-6 { margin-right: 3rem; margin-right: var(--gap-6); }
.mb-6 { margin-bottom: 3rem; margin-bottom: var(--gap-6); }
.ml-6 { margin-left: 3rem; margin-left: var(--gap-6); }
.ma-7 { margin: 3.5rem; margin: var(--gap-7); }
.mx-7 { margin-left: 3.5rem; margin-left: var(--gap-7); margin-right: 3.5rem; margin-right: var(--gap-7); }
.my-7 { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); margin-top: 3.5rem; margin-top: var(--gap-7); }
.mt-7 { margin-top: 3.5rem; margin-top: var(--gap-7); }
.mr-7 { margin-right: 3.5rem; margin-right: var(--gap-7); }
.mb-7 { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); }
.ml-7 { margin-left: 3.5rem; margin-left: var(--gap-7); }
.ma-8 { margin: 4rem; margin: var(--gap-8); }
.mx-8 { margin-left: 4rem; margin-left: var(--gap-8); margin-right: 4rem; margin-right: var(--gap-8); }
.my-8 { margin-bottom: 4rem; margin-bottom: var(--gap-8); margin-top: 4rem; margin-top: var(--gap-8); }
.mt-8 { margin-top: 4rem; margin-top: var(--gap-8); }
.mr-8 { margin-right: 4rem; margin-right: var(--gap-8); }
.mb-8 { margin-bottom: 4rem; margin-bottom: var(--gap-8); }
.ml-8 { margin-left: 4rem; margin-left: var(--gap-8); }
@media screen and (min-width: 480px) { .ma-auto\@xs { margin: auto; }
  .mx-auto\@xs { margin-left: auto; margin-right: auto; }
  .my-auto\@xs { margin-bottom: auto; margin-top: auto; }
  .mt-auto\@xs { margin-top: auto; }
  .mr-auto\@xs { margin-right: auto; }
  .mb-auto\@xs { margin-bottom: auto; }
  .ml-auto\@xs { margin-left: auto; }
  .ma-0\@xs { margin: 0; margin: var(--gap-0); }
  .mx-0\@xs { margin-left: 0; margin-left: var(--gap-0); margin-right: 0; margin-right: var(--gap-0); }
  .my-0\@xs { margin-bottom: 0; margin-bottom: var(--gap-0); margin-top: 0; margin-top: var(--gap-0); }
  .mt-0\@xs { margin-top: 0; margin-top: var(--gap-0); }
  .mr-0\@xs { margin-right: 0; margin-right: var(--gap-0); }
  .mb-0\@xs { margin-bottom: 0; margin-bottom: var(--gap-0); }
  .ml-0\@xs { margin-left: 0; margin-left: var(--gap-0); }
  .ma-1\@xs { margin: 0.5rem; margin: var(--gap-1); }
  .mx-1\@xs { margin-left: 0.5rem; margin-left: var(--gap-1); margin-right: 0.5rem; margin-right: var(--gap-1); }
  .my-1\@xs { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mt-1\@xs { margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mr-1\@xs { margin-right: 0.5rem; margin-right: var(--gap-1); }
  .mb-1\@xs { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); }
  .ml-1\@xs { margin-left: 0.5rem; margin-left: var(--gap-1); }
  .ma-2\@xs { margin: 1rem; margin: var(--gap-2); }
  .mx-2\@xs { margin-left: 1rem; margin-left: var(--gap-2); margin-right: 1rem; margin-right: var(--gap-2); }
  .my-2\@xs { margin-bottom: 1rem; margin-bottom: var(--gap-2); margin-top: 1rem; margin-top: var(--gap-2); }
  .mt-2\@xs { margin-top: 1rem; margin-top: var(--gap-2); }
  .mr-2\@xs { margin-right: 1rem; margin-right: var(--gap-2); }
  .mb-2\@xs { margin-bottom: 1rem; margin-bottom: var(--gap-2); }
  .ml-2\@xs { margin-left: 1rem; margin-left: var(--gap-2); }
  .ma-3\@xs { margin: 1.5rem; margin: var(--gap-3); }
  .mx-3\@xs { margin-left: 1.5rem; margin-left: var(--gap-3); margin-right: 1.5rem; margin-right: var(--gap-3); }
  .my-3\@xs { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mt-3\@xs { margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mr-3\@xs { margin-right: 1.5rem; margin-right: var(--gap-3); }
  .mb-3\@xs { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); }
  .ml-3\@xs { margin-left: 1.5rem; margin-left: var(--gap-3); }
  .ma-4\@xs { margin: 2rem; margin: var(--gap-4); }
  .mx-4\@xs { margin-left: 2rem; margin-left: var(--gap-4); margin-right: 2rem; margin-right: var(--gap-4); }
  .my-4\@xs { margin-bottom: 2rem; margin-bottom: var(--gap-4); margin-top: 2rem; margin-top: var(--gap-4); }
  .mt-4\@xs { margin-top: 2rem; margin-top: var(--gap-4); }
  .mr-4\@xs { margin-right: 2rem; margin-right: var(--gap-4); }
  .mb-4\@xs { margin-bottom: 2rem; margin-bottom: var(--gap-4); }
  .ml-4\@xs { margin-left: 2rem; margin-left: var(--gap-4); }
  .ma-5\@xs { margin: 2.5rem; margin: var(--gap-5); }
  .mx-5\@xs { margin-left: 2.5rem; margin-left: var(--gap-5); margin-right: 2.5rem; margin-right: var(--gap-5); }
  .my-5\@xs { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mt-5\@xs { margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mr-5\@xs { margin-right: 2.5rem; margin-right: var(--gap-5); }
  .mb-5\@xs { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); }
  .ml-5\@xs { margin-left: 2.5rem; margin-left: var(--gap-5); }
  .ma-6\@xs { margin: 3rem; margin: var(--gap-6); }
  .mx-6\@xs { margin-left: 3rem; margin-left: var(--gap-6); margin-right: 3rem; margin-right: var(--gap-6); }
  .my-6\@xs { margin-bottom: 3rem; margin-bottom: var(--gap-6); margin-top: 3rem; margin-top: var(--gap-6); }
  .mt-6\@xs { margin-top: 3rem; margin-top: var(--gap-6); }
  .mr-6\@xs { margin-right: 3rem; margin-right: var(--gap-6); }
  .mb-6\@xs { margin-bottom: 3rem; margin-bottom: var(--gap-6); }
  .ml-6\@xs { margin-left: 3rem; margin-left: var(--gap-6); }
  .ma-7\@xs { margin: 3.5rem; margin: var(--gap-7); }
  .mx-7\@xs { margin-left: 3.5rem; margin-left: var(--gap-7); margin-right: 3.5rem; margin-right: var(--gap-7); }
  .my-7\@xs { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mt-7\@xs { margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mr-7\@xs { margin-right: 3.5rem; margin-right: var(--gap-7); }
  .mb-7\@xs { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); }
  .ml-7\@xs { margin-left: 3.5rem; margin-left: var(--gap-7); }
  .ma-8\@xs { margin: 4rem; margin: var(--gap-8); }
  .mx-8\@xs { margin-left: 4rem; margin-left: var(--gap-8); margin-right: 4rem; margin-right: var(--gap-8); }
  .my-8\@xs { margin-bottom: 4rem; margin-bottom: var(--gap-8); margin-top: 4rem; margin-top: var(--gap-8); }
  .mt-8\@xs { margin-top: 4rem; margin-top: var(--gap-8); }
  .mr-8\@xs { margin-right: 4rem; margin-right: var(--gap-8); }
  .mb-8\@xs { margin-bottom: 4rem; margin-bottom: var(--gap-8); }
  .ml-8\@xs { margin-left: 4rem; margin-left: var(--gap-8); } }
@media screen and (min-width: 768px) { .ma-auto\@sm { margin: auto; }
  .mx-auto\@sm { margin-left: auto; margin-right: auto; }
  .my-auto\@sm { margin-bottom: auto; margin-top: auto; }
  .mt-auto\@sm { margin-top: auto; }
  .mr-auto\@sm { margin-right: auto; }
  .mb-auto\@sm { margin-bottom: auto; }
  .ml-auto\@sm { margin-left: auto; }
  .ma-0\@sm { margin: 0; margin: var(--gap-0); }
  .mx-0\@sm { margin-left: 0; margin-left: var(--gap-0); margin-right: 0; margin-right: var(--gap-0); }
  .my-0\@sm { margin-bottom: 0; margin-bottom: var(--gap-0); margin-top: 0; margin-top: var(--gap-0); }
  .mt-0\@sm { margin-top: 0; margin-top: var(--gap-0); }
  .mr-0\@sm { margin-right: 0; margin-right: var(--gap-0); }
  .mb-0\@sm { margin-bottom: 0; margin-bottom: var(--gap-0); }
  .ml-0\@sm { margin-left: 0; margin-left: var(--gap-0); }
  .ma-1\@sm { margin: 0.5rem; margin: var(--gap-1); }
  .mx-1\@sm { margin-left: 0.5rem; margin-left: var(--gap-1); margin-right: 0.5rem; margin-right: var(--gap-1); }
  .my-1\@sm { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mt-1\@sm { margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mr-1\@sm { margin-right: 0.5rem; margin-right: var(--gap-1); }
  .mb-1\@sm { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); }
  .ml-1\@sm { margin-left: 0.5rem; margin-left: var(--gap-1); }
  .ma-2\@sm { margin: 1rem; margin: var(--gap-2); }
  .mx-2\@sm { margin-left: 1rem; margin-left: var(--gap-2); margin-right: 1rem; margin-right: var(--gap-2); }
  .my-2\@sm { margin-bottom: 1rem; margin-bottom: var(--gap-2); margin-top: 1rem; margin-top: var(--gap-2); }
  .mt-2\@sm { margin-top: 1rem; margin-top: var(--gap-2); }
  .mr-2\@sm { margin-right: 1rem; margin-right: var(--gap-2); }
  .mb-2\@sm { margin-bottom: 1rem; margin-bottom: var(--gap-2); }
  .ml-2\@sm { margin-left: 1rem; margin-left: var(--gap-2); }
  .ma-3\@sm { margin: 1.5rem; margin: var(--gap-3); }
  .mx-3\@sm { margin-left: 1.5rem; margin-left: var(--gap-3); margin-right: 1.5rem; margin-right: var(--gap-3); }
  .my-3\@sm { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mt-3\@sm { margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mr-3\@sm { margin-right: 1.5rem; margin-right: var(--gap-3); }
  .mb-3\@sm { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); }
  .ml-3\@sm { margin-left: 1.5rem; margin-left: var(--gap-3); }
  .ma-4\@sm { margin: 2rem; margin: var(--gap-4); }
  .mx-4\@sm { margin-left: 2rem; margin-left: var(--gap-4); margin-right: 2rem; margin-right: var(--gap-4); }
  .my-4\@sm { margin-bottom: 2rem; margin-bottom: var(--gap-4); margin-top: 2rem; margin-top: var(--gap-4); }
  .mt-4\@sm { margin-top: 2rem; margin-top: var(--gap-4); }
  .mr-4\@sm { margin-right: 2rem; margin-right: var(--gap-4); }
  .mb-4\@sm { margin-bottom: 2rem; margin-bottom: var(--gap-4); }
  .ml-4\@sm { margin-left: 2rem; margin-left: var(--gap-4); }
  .ma-5\@sm { margin: 2.5rem; margin: var(--gap-5); }
  .mx-5\@sm { margin-left: 2.5rem; margin-left: var(--gap-5); margin-right: 2.5rem; margin-right: var(--gap-5); }
  .my-5\@sm { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mt-5\@sm { margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mr-5\@sm { margin-right: 2.5rem; margin-right: var(--gap-5); }
  .mb-5\@sm { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); }
  .ml-5\@sm { margin-left: 2.5rem; margin-left: var(--gap-5); }
  .ma-6\@sm { margin: 3rem; margin: var(--gap-6); }
  .mx-6\@sm { margin-left: 3rem; margin-left: var(--gap-6); margin-right: 3rem; margin-right: var(--gap-6); }
  .my-6\@sm { margin-bottom: 3rem; margin-bottom: var(--gap-6); margin-top: 3rem; margin-top: var(--gap-6); }
  .mt-6\@sm { margin-top: 3rem; margin-top: var(--gap-6); }
  .mr-6\@sm { margin-right: 3rem; margin-right: var(--gap-6); }
  .mb-6\@sm { margin-bottom: 3rem; margin-bottom: var(--gap-6); }
  .ml-6\@sm { margin-left: 3rem; margin-left: var(--gap-6); }
  .ma-7\@sm { margin: 3.5rem; margin: var(--gap-7); }
  .mx-7\@sm { margin-left: 3.5rem; margin-left: var(--gap-7); margin-right: 3.5rem; margin-right: var(--gap-7); }
  .my-7\@sm { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mt-7\@sm { margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mr-7\@sm { margin-right: 3.5rem; margin-right: var(--gap-7); }
  .mb-7\@sm { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); }
  .ml-7\@sm { margin-left: 3.5rem; margin-left: var(--gap-7); }
  .ma-8\@sm { margin: 4rem; margin: var(--gap-8); }
  .mx-8\@sm { margin-left: 4rem; margin-left: var(--gap-8); margin-right: 4rem; margin-right: var(--gap-8); }
  .my-8\@sm { margin-bottom: 4rem; margin-bottom: var(--gap-8); margin-top: 4rem; margin-top: var(--gap-8); }
  .mt-8\@sm { margin-top: 4rem; margin-top: var(--gap-8); }
  .mr-8\@sm { margin-right: 4rem; margin-right: var(--gap-8); }
  .mb-8\@sm { margin-bottom: 4rem; margin-bottom: var(--gap-8); }
  .ml-8\@sm { margin-left: 4rem; margin-left: var(--gap-8); } }
@media screen and (min-width: 1024px) { .ma-auto\@md { margin: auto; }
  .mx-auto\@md { margin-left: auto; margin-right: auto; }
  .my-auto\@md { margin-bottom: auto; margin-top: auto; }
  .mt-auto\@md { margin-top: auto; }
  .mr-auto\@md { margin-right: auto; }
  .mb-auto\@md { margin-bottom: auto; }
  .ml-auto\@md { margin-left: auto; }
  .ma-0\@md { margin: 0; margin: var(--gap-0); }
  .mx-0\@md { margin-left: 0; margin-left: var(--gap-0); margin-right: 0; margin-right: var(--gap-0); }
  .my-0\@md { margin-bottom: 0; margin-bottom: var(--gap-0); margin-top: 0; margin-top: var(--gap-0); }
  .mt-0\@md { margin-top: 0; margin-top: var(--gap-0); }
  .mr-0\@md { margin-right: 0; margin-right: var(--gap-0); }
  .mb-0\@md { margin-bottom: 0; margin-bottom: var(--gap-0); }
  .ml-0\@md { margin-left: 0; margin-left: var(--gap-0); }
  .ma-1\@md { margin: 0.5rem; margin: var(--gap-1); }
  .mx-1\@md { margin-left: 0.5rem; margin-left: var(--gap-1); margin-right: 0.5rem; margin-right: var(--gap-1); }
  .my-1\@md { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mt-1\@md { margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mr-1\@md { margin-right: 0.5rem; margin-right: var(--gap-1); }
  .mb-1\@md { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); }
  .ml-1\@md { margin-left: 0.5rem; margin-left: var(--gap-1); }
  .ma-2\@md { margin: 1rem; margin: var(--gap-2); }
  .mx-2\@md { margin-left: 1rem; margin-left: var(--gap-2); margin-right: 1rem; margin-right: var(--gap-2); }
  .my-2\@md { margin-bottom: 1rem; margin-bottom: var(--gap-2); margin-top: 1rem; margin-top: var(--gap-2); }
  .mt-2\@md { margin-top: 1rem; margin-top: var(--gap-2); }
  .mr-2\@md { margin-right: 1rem; margin-right: var(--gap-2); }
  .mb-2\@md { margin-bottom: 1rem; margin-bottom: var(--gap-2); }
  .ml-2\@md { margin-left: 1rem; margin-left: var(--gap-2); }
  .ma-3\@md { margin: 1.5rem; margin: var(--gap-3); }
  .mx-3\@md { margin-left: 1.5rem; margin-left: var(--gap-3); margin-right: 1.5rem; margin-right: var(--gap-3); }
  .my-3\@md { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mt-3\@md { margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mr-3\@md { margin-right: 1.5rem; margin-right: var(--gap-3); }
  .mb-3\@md { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); }
  .ml-3\@md { margin-left: 1.5rem; margin-left: var(--gap-3); }
  .ma-4\@md { margin: 2rem; margin: var(--gap-4); }
  .mx-4\@md { margin-left: 2rem; margin-left: var(--gap-4); margin-right: 2rem; margin-right: var(--gap-4); }
  .my-4\@md { margin-bottom: 2rem; margin-bottom: var(--gap-4); margin-top: 2rem; margin-top: var(--gap-4); }
  .mt-4\@md { margin-top: 2rem; margin-top: var(--gap-4); }
  .mr-4\@md { margin-right: 2rem; margin-right: var(--gap-4); }
  .mb-4\@md { margin-bottom: 2rem; margin-bottom: var(--gap-4); }
  .ml-4\@md { margin-left: 2rem; margin-left: var(--gap-4); }
  .ma-5\@md { margin: 2.5rem; margin: var(--gap-5); }
  .mx-5\@md { margin-left: 2.5rem; margin-left: var(--gap-5); margin-right: 2.5rem; margin-right: var(--gap-5); }
  .my-5\@md { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mt-5\@md { margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mr-5\@md { margin-right: 2.5rem; margin-right: var(--gap-5); }
  .mb-5\@md { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); }
  .ml-5\@md { margin-left: 2.5rem; margin-left: var(--gap-5); }
  .ma-6\@md { margin: 3rem; margin: var(--gap-6); }
  .mx-6\@md { margin-left: 3rem; margin-left: var(--gap-6); margin-right: 3rem; margin-right: var(--gap-6); }
  .my-6\@md { margin-bottom: 3rem; margin-bottom: var(--gap-6); margin-top: 3rem; margin-top: var(--gap-6); }
  .mt-6\@md { margin-top: 3rem; margin-top: var(--gap-6); }
  .mr-6\@md { margin-right: 3rem; margin-right: var(--gap-6); }
  .mb-6\@md { margin-bottom: 3rem; margin-bottom: var(--gap-6); }
  .ml-6\@md { margin-left: 3rem; margin-left: var(--gap-6); }
  .ma-7\@md { margin: 3.5rem; margin: var(--gap-7); }
  .mx-7\@md { margin-left: 3.5rem; margin-left: var(--gap-7); margin-right: 3.5rem; margin-right: var(--gap-7); }
  .my-7\@md { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mt-7\@md { margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mr-7\@md { margin-right: 3.5rem; margin-right: var(--gap-7); }
  .mb-7\@md { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); }
  .ml-7\@md { margin-left: 3.5rem; margin-left: var(--gap-7); }
  .ma-8\@md { margin: 4rem; margin: var(--gap-8); }
  .mx-8\@md { margin-left: 4rem; margin-left: var(--gap-8); margin-right: 4rem; margin-right: var(--gap-8); }
  .my-8\@md { margin-bottom: 4rem; margin-bottom: var(--gap-8); margin-top: 4rem; margin-top: var(--gap-8); }
  .mt-8\@md { margin-top: 4rem; margin-top: var(--gap-8); }
  .mr-8\@md { margin-right: 4rem; margin-right: var(--gap-8); }
  .mb-8\@md { margin-bottom: 4rem; margin-bottom: var(--gap-8); }
  .ml-8\@md { margin-left: 4rem; margin-left: var(--gap-8); } }
@media screen and (min-width: 1280px) { .ma-auto\@lg { margin: auto; }
  .mx-auto\@lg { margin-left: auto; margin-right: auto; }
  .my-auto\@lg { margin-bottom: auto; margin-top: auto; }
  .mt-auto\@lg { margin-top: auto; }
  .mr-auto\@lg { margin-right: auto; }
  .mb-auto\@lg { margin-bottom: auto; }
  .ml-auto\@lg { margin-left: auto; }
  .ma-0\@lg { margin: 0; margin: var(--gap-0); }
  .mx-0\@lg { margin-left: 0; margin-left: var(--gap-0); margin-right: 0; margin-right: var(--gap-0); }
  .my-0\@lg { margin-bottom: 0; margin-bottom: var(--gap-0); margin-top: 0; margin-top: var(--gap-0); }
  .mt-0\@lg { margin-top: 0; margin-top: var(--gap-0); }
  .mr-0\@lg { margin-right: 0; margin-right: var(--gap-0); }
  .mb-0\@lg { margin-bottom: 0; margin-bottom: var(--gap-0); }
  .ml-0\@lg { margin-left: 0; margin-left: var(--gap-0); }
  .ma-1\@lg { margin: 0.5rem; margin: var(--gap-1); }
  .mx-1\@lg { margin-left: 0.5rem; margin-left: var(--gap-1); margin-right: 0.5rem; margin-right: var(--gap-1); }
  .my-1\@lg { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mt-1\@lg { margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mr-1\@lg { margin-right: 0.5rem; margin-right: var(--gap-1); }
  .mb-1\@lg { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); }
  .ml-1\@lg { margin-left: 0.5rem; margin-left: var(--gap-1); }
  .ma-2\@lg { margin: 1rem; margin: var(--gap-2); }
  .mx-2\@lg { margin-left: 1rem; margin-left: var(--gap-2); margin-right: 1rem; margin-right: var(--gap-2); }
  .my-2\@lg { margin-bottom: 1rem; margin-bottom: var(--gap-2); margin-top: 1rem; margin-top: var(--gap-2); }
  .mt-2\@lg { margin-top: 1rem; margin-top: var(--gap-2); }
  .mr-2\@lg { margin-right: 1rem; margin-right: var(--gap-2); }
  .mb-2\@lg { margin-bottom: 1rem; margin-bottom: var(--gap-2); }
  .ml-2\@lg { margin-left: 1rem; margin-left: var(--gap-2); }
  .ma-3\@lg { margin: 1.5rem; margin: var(--gap-3); }
  .mx-3\@lg { margin-left: 1.5rem; margin-left: var(--gap-3); margin-right: 1.5rem; margin-right: var(--gap-3); }
  .my-3\@lg { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mt-3\@lg { margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mr-3\@lg { margin-right: 1.5rem; margin-right: var(--gap-3); }
  .mb-3\@lg { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); }
  .ml-3\@lg { margin-left: 1.5rem; margin-left: var(--gap-3); }
  .ma-4\@lg { margin: 2rem; margin: var(--gap-4); }
  .mx-4\@lg { margin-left: 2rem; margin-left: var(--gap-4); margin-right: 2rem; margin-right: var(--gap-4); }
  .my-4\@lg { margin-bottom: 2rem; margin-bottom: var(--gap-4); margin-top: 2rem; margin-top: var(--gap-4); }
  .mt-4\@lg { margin-top: 2rem; margin-top: var(--gap-4); }
  .mr-4\@lg { margin-right: 2rem; margin-right: var(--gap-4); }
  .mb-4\@lg { margin-bottom: 2rem; margin-bottom: var(--gap-4); }
  .ml-4\@lg { margin-left: 2rem; margin-left: var(--gap-4); }
  .ma-5\@lg { margin: 2.5rem; margin: var(--gap-5); }
  .mx-5\@lg { margin-left: 2.5rem; margin-left: var(--gap-5); margin-right: 2.5rem; margin-right: var(--gap-5); }
  .my-5\@lg { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mt-5\@lg { margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mr-5\@lg { margin-right: 2.5rem; margin-right: var(--gap-5); }
  .mb-5\@lg { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); }
  .ml-5\@lg { margin-left: 2.5rem; margin-left: var(--gap-5); }
  .ma-6\@lg { margin: 3rem; margin: var(--gap-6); }
  .mx-6\@lg { margin-left: 3rem; margin-left: var(--gap-6); margin-right: 3rem; margin-right: var(--gap-6); }
  .my-6\@lg { margin-bottom: 3rem; margin-bottom: var(--gap-6); margin-top: 3rem; margin-top: var(--gap-6); }
  .mt-6\@lg { margin-top: 3rem; margin-top: var(--gap-6); }
  .mr-6\@lg { margin-right: 3rem; margin-right: var(--gap-6); }
  .mb-6\@lg { margin-bottom: 3rem; margin-bottom: var(--gap-6); }
  .ml-6\@lg { margin-left: 3rem; margin-left: var(--gap-6); }
  .ma-7\@lg { margin: 3.5rem; margin: var(--gap-7); }
  .mx-7\@lg { margin-left: 3.5rem; margin-left: var(--gap-7); margin-right: 3.5rem; margin-right: var(--gap-7); }
  .my-7\@lg { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mt-7\@lg { margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mr-7\@lg { margin-right: 3.5rem; margin-right: var(--gap-7); }
  .mb-7\@lg { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); }
  .ml-7\@lg { margin-left: 3.5rem; margin-left: var(--gap-7); }
  .ma-8\@lg { margin: 4rem; margin: var(--gap-8); }
  .mx-8\@lg { margin-left: 4rem; margin-left: var(--gap-8); margin-right: 4rem; margin-right: var(--gap-8); }
  .my-8\@lg { margin-bottom: 4rem; margin-bottom: var(--gap-8); margin-top: 4rem; margin-top: var(--gap-8); }
  .mt-8\@lg { margin-top: 4rem; margin-top: var(--gap-8); }
  .mr-8\@lg { margin-right: 4rem; margin-right: var(--gap-8); }
  .mb-8\@lg { margin-bottom: 4rem; margin-bottom: var(--gap-8); }
  .ml-8\@lg { margin-left: 4rem; margin-left: var(--gap-8); } }
@media screen and (min-width: 1440px) { .ma-auto\@xl { margin: auto; }
  .mx-auto\@xl { margin-left: auto; margin-right: auto; }
  .my-auto\@xl { margin-bottom: auto; margin-top: auto; }
  .mt-auto\@xl { margin-top: auto; }
  .mr-auto\@xl { margin-right: auto; }
  .mb-auto\@xl { margin-bottom: auto; }
  .ml-auto\@xl { margin-left: auto; }
  .ma-0\@xl { margin: 0; margin: var(--gap-0); }
  .mx-0\@xl { margin-left: 0; margin-left: var(--gap-0); margin-right: 0; margin-right: var(--gap-0); }
  .my-0\@xl { margin-bottom: 0; margin-bottom: var(--gap-0); margin-top: 0; margin-top: var(--gap-0); }
  .mt-0\@xl { margin-top: 0; margin-top: var(--gap-0); }
  .mr-0\@xl { margin-right: 0; margin-right: var(--gap-0); }
  .mb-0\@xl { margin-bottom: 0; margin-bottom: var(--gap-0); }
  .ml-0\@xl { margin-left: 0; margin-left: var(--gap-0); }
  .ma-1\@xl { margin: 0.5rem; margin: var(--gap-1); }
  .mx-1\@xl { margin-left: 0.5rem; margin-left: var(--gap-1); margin-right: 0.5rem; margin-right: var(--gap-1); }
  .my-1\@xl { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mt-1\@xl { margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mr-1\@xl { margin-right: 0.5rem; margin-right: var(--gap-1); }
  .mb-1\@xl { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); }
  .ml-1\@xl { margin-left: 0.5rem; margin-left: var(--gap-1); }
  .ma-2\@xl { margin: 1rem; margin: var(--gap-2); }
  .mx-2\@xl { margin-left: 1rem; margin-left: var(--gap-2); margin-right: 1rem; margin-right: var(--gap-2); }
  .my-2\@xl { margin-bottom: 1rem; margin-bottom: var(--gap-2); margin-top: 1rem; margin-top: var(--gap-2); }
  .mt-2\@xl { margin-top: 1rem; margin-top: var(--gap-2); }
  .mr-2\@xl { margin-right: 1rem; margin-right: var(--gap-2); }
  .mb-2\@xl { margin-bottom: 1rem; margin-bottom: var(--gap-2); }
  .ml-2\@xl { margin-left: 1rem; margin-left: var(--gap-2); }
  .ma-3\@xl { margin: 1.5rem; margin: var(--gap-3); }
  .mx-3\@xl { margin-left: 1.5rem; margin-left: var(--gap-3); margin-right: 1.5rem; margin-right: var(--gap-3); }
  .my-3\@xl { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mt-3\@xl { margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mr-3\@xl { margin-right: 1.5rem; margin-right: var(--gap-3); }
  .mb-3\@xl { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); }
  .ml-3\@xl { margin-left: 1.5rem; margin-left: var(--gap-3); }
  .ma-4\@xl { margin: 2rem; margin: var(--gap-4); }
  .mx-4\@xl { margin-left: 2rem; margin-left: var(--gap-4); margin-right: 2rem; margin-right: var(--gap-4); }
  .my-4\@xl { margin-bottom: 2rem; margin-bottom: var(--gap-4); margin-top: 2rem; margin-top: var(--gap-4); }
  .mt-4\@xl { margin-top: 2rem; margin-top: var(--gap-4); }
  .mr-4\@xl { margin-right: 2rem; margin-right: var(--gap-4); }
  .mb-4\@xl { margin-bottom: 2rem; margin-bottom: var(--gap-4); }
  .ml-4\@xl { margin-left: 2rem; margin-left: var(--gap-4); }
  .ma-5\@xl { margin: 2.5rem; margin: var(--gap-5); }
  .mx-5\@xl { margin-left: 2.5rem; margin-left: var(--gap-5); margin-right: 2.5rem; margin-right: var(--gap-5); }
  .my-5\@xl { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mt-5\@xl { margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mr-5\@xl { margin-right: 2.5rem; margin-right: var(--gap-5); }
  .mb-5\@xl { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); }
  .ml-5\@xl { margin-left: 2.5rem; margin-left: var(--gap-5); }
  .ma-6\@xl { margin: 3rem; margin: var(--gap-6); }
  .mx-6\@xl { margin-left: 3rem; margin-left: var(--gap-6); margin-right: 3rem; margin-right: var(--gap-6); }
  .my-6\@xl { margin-bottom: 3rem; margin-bottom: var(--gap-6); margin-top: 3rem; margin-top: var(--gap-6); }
  .mt-6\@xl { margin-top: 3rem; margin-top: var(--gap-6); }
  .mr-6\@xl { margin-right: 3rem; margin-right: var(--gap-6); }
  .mb-6\@xl { margin-bottom: 3rem; margin-bottom: var(--gap-6); }
  .ml-6\@xl { margin-left: 3rem; margin-left: var(--gap-6); }
  .ma-7\@xl { margin: 3.5rem; margin: var(--gap-7); }
  .mx-7\@xl { margin-left: 3.5rem; margin-left: var(--gap-7); margin-right: 3.5rem; margin-right: var(--gap-7); }
  .my-7\@xl { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mt-7\@xl { margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mr-7\@xl { margin-right: 3.5rem; margin-right: var(--gap-7); }
  .mb-7\@xl { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); }
  .ml-7\@xl { margin-left: 3.5rem; margin-left: var(--gap-7); }
  .ma-8\@xl { margin: 4rem; margin: var(--gap-8); }
  .mx-8\@xl { margin-left: 4rem; margin-left: var(--gap-8); margin-right: 4rem; margin-right: var(--gap-8); }
  .my-8\@xl { margin-bottom: 4rem; margin-bottom: var(--gap-8); margin-top: 4rem; margin-top: var(--gap-8); }
  .mt-8\@xl { margin-top: 4rem; margin-top: var(--gap-8); }
  .mr-8\@xl { margin-right: 4rem; margin-right: var(--gap-8); }
  .mb-8\@xl { margin-bottom: 4rem; margin-bottom: var(--gap-8); }
  .ml-8\@xl { margin-left: 4rem; margin-left: var(--gap-8); } }
@media screen and (min-width: 1808px) { .ma-auto\@xxl { margin: auto; }
  .mx-auto\@xxl { margin-left: auto; margin-right: auto; }
  .my-auto\@xxl { margin-bottom: auto; margin-top: auto; }
  .mt-auto\@xxl { margin-top: auto; }
  .mr-auto\@xxl { margin-right: auto; }
  .mb-auto\@xxl { margin-bottom: auto; }
  .ml-auto\@xxl { margin-left: auto; }
  .ma-0\@xxl { margin: 0; margin: var(--gap-0); }
  .mx-0\@xxl { margin-left: 0; margin-left: var(--gap-0); margin-right: 0; margin-right: var(--gap-0); }
  .my-0\@xxl { margin-bottom: 0; margin-bottom: var(--gap-0); margin-top: 0; margin-top: var(--gap-0); }
  .mt-0\@xxl { margin-top: 0; margin-top: var(--gap-0); }
  .mr-0\@xxl { margin-right: 0; margin-right: var(--gap-0); }
  .mb-0\@xxl { margin-bottom: 0; margin-bottom: var(--gap-0); }
  .ml-0\@xxl { margin-left: 0; margin-left: var(--gap-0); }
  .ma-1\@xxl { margin: 0.5rem; margin: var(--gap-1); }
  .mx-1\@xxl { margin-left: 0.5rem; margin-left: var(--gap-1); margin-right: 0.5rem; margin-right: var(--gap-1); }
  .my-1\@xxl { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mt-1\@xxl { margin-top: 0.5rem; margin-top: var(--gap-1); }
  .mr-1\@xxl { margin-right: 0.5rem; margin-right: var(--gap-1); }
  .mb-1\@xxl { margin-bottom: 0.5rem; margin-bottom: var(--gap-1); }
  .ml-1\@xxl { margin-left: 0.5rem; margin-left: var(--gap-1); }
  .ma-2\@xxl { margin: 1rem; margin: var(--gap-2); }
  .mx-2\@xxl { margin-left: 1rem; margin-left: var(--gap-2); margin-right: 1rem; margin-right: var(--gap-2); }
  .my-2\@xxl { margin-bottom: 1rem; margin-bottom: var(--gap-2); margin-top: 1rem; margin-top: var(--gap-2); }
  .mt-2\@xxl { margin-top: 1rem; margin-top: var(--gap-2); }
  .mr-2\@xxl { margin-right: 1rem; margin-right: var(--gap-2); }
  .mb-2\@xxl { margin-bottom: 1rem; margin-bottom: var(--gap-2); }
  .ml-2\@xxl { margin-left: 1rem; margin-left: var(--gap-2); }
  .ma-3\@xxl { margin: 1.5rem; margin: var(--gap-3); }
  .mx-3\@xxl { margin-left: 1.5rem; margin-left: var(--gap-3); margin-right: 1.5rem; margin-right: var(--gap-3); }
  .my-3\@xxl { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mt-3\@xxl { margin-top: 1.5rem; margin-top: var(--gap-3); }
  .mr-3\@xxl { margin-right: 1.5rem; margin-right: var(--gap-3); }
  .mb-3\@xxl { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); }
  .ml-3\@xxl { margin-left: 1.5rem; margin-left: var(--gap-3); }
  .ma-4\@xxl { margin: 2rem; margin: var(--gap-4); }
  .mx-4\@xxl { margin-left: 2rem; margin-left: var(--gap-4); margin-right: 2rem; margin-right: var(--gap-4); }
  .my-4\@xxl { margin-bottom: 2rem; margin-bottom: var(--gap-4); margin-top: 2rem; margin-top: var(--gap-4); }
  .mt-4\@xxl { margin-top: 2rem; margin-top: var(--gap-4); }
  .mr-4\@xxl { margin-right: 2rem; margin-right: var(--gap-4); }
  .mb-4\@xxl { margin-bottom: 2rem; margin-bottom: var(--gap-4); }
  .ml-4\@xxl { margin-left: 2rem; margin-left: var(--gap-4); }
  .ma-5\@xxl { margin: 2.5rem; margin: var(--gap-5); }
  .mx-5\@xxl { margin-left: 2.5rem; margin-left: var(--gap-5); margin-right: 2.5rem; margin-right: var(--gap-5); }
  .my-5\@xxl { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mt-5\@xxl { margin-top: 2.5rem; margin-top: var(--gap-5); }
  .mr-5\@xxl { margin-right: 2.5rem; margin-right: var(--gap-5); }
  .mb-5\@xxl { margin-bottom: 2.5rem; margin-bottom: var(--gap-5); }
  .ml-5\@xxl { margin-left: 2.5rem; margin-left: var(--gap-5); }
  .ma-6\@xxl { margin: 3rem; margin: var(--gap-6); }
  .mx-6\@xxl { margin-left: 3rem; margin-left: var(--gap-6); margin-right: 3rem; margin-right: var(--gap-6); }
  .my-6\@xxl { margin-bottom: 3rem; margin-bottom: var(--gap-6); margin-top: 3rem; margin-top: var(--gap-6); }
  .mt-6\@xxl { margin-top: 3rem; margin-top: var(--gap-6); }
  .mr-6\@xxl { margin-right: 3rem; margin-right: var(--gap-6); }
  .mb-6\@xxl { margin-bottom: 3rem; margin-bottom: var(--gap-6); }
  .ml-6\@xxl { margin-left: 3rem; margin-left: var(--gap-6); }
  .ma-7\@xxl { margin: 3.5rem; margin: var(--gap-7); }
  .mx-7\@xxl { margin-left: 3.5rem; margin-left: var(--gap-7); margin-right: 3.5rem; margin-right: var(--gap-7); }
  .my-7\@xxl { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mt-7\@xxl { margin-top: 3.5rem; margin-top: var(--gap-7); }
  .mr-7\@xxl { margin-right: 3.5rem; margin-right: var(--gap-7); }
  .mb-7\@xxl { margin-bottom: 3.5rem; margin-bottom: var(--gap-7); }
  .ml-7\@xxl { margin-left: 3.5rem; margin-left: var(--gap-7); }
  .ma-8\@xxl { margin: 4rem; margin: var(--gap-8); }
  .mx-8\@xxl { margin-left: 4rem; margin-left: var(--gap-8); margin-right: 4rem; margin-right: var(--gap-8); }
  .my-8\@xxl { margin-bottom: 4rem; margin-bottom: var(--gap-8); margin-top: 4rem; margin-top: var(--gap-8); }
  .mt-8\@xxl { margin-top: 4rem; margin-top: var(--gap-8); }
  .mr-8\@xxl { margin-right: 4rem; margin-right: var(--gap-8); }
  .mb-8\@xxl { margin-bottom: 4rem; margin-bottom: var(--gap-8); }
  .ml-8\@xxl { margin-left: 4rem; margin-left: var(--gap-8); } }
/*----------------------------------------*/
/* PADDINGS */
/*----------------------------------------*/
.pa-0 { padding: 0; padding: var(--gap-0); }
.px-0 { padding-left: 0; padding-left: var(--gap-0); padding-right: 0; padding-right: var(--gap-0); }
.py-0 { padding-bottom: 0; padding-bottom: var(--gap-0); padding-top: 0; padding-top: var(--gap-0); }
.pt-0 { padding-top: 0; padding-top: var(--gap-0); }
.pr-0 { padding-right: 0; padding-right: var(--gap-0); }
.pb-0 { padding-bottom: 0; padding-bottom: var(--gap-0); }
.pl-0 { padding-left: 0; padding-left: var(--gap-0); }
.pa-1 { padding: 0.5rem; padding: var(--gap-1); }
.px-1 { padding-left: 0.5rem; padding-left: var(--gap-1); padding-right: 0.5rem; padding-right: var(--gap-1); }
.py-1 { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); padding-top: 0.5rem; padding-top: var(--gap-1); }
.pt-1 { padding-top: 0.5rem; padding-top: var(--gap-1); }
.pr-1 { padding-right: 0.5rem; padding-right: var(--gap-1); }
.pb-1 { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); }
.pl-1 { padding-left: 0.5rem; padding-left: var(--gap-1); }
.pa-2 { padding: 1rem; padding: var(--gap-2); }
.px-2 { padding-left: 1rem; padding-left: var(--gap-2); padding-right: 1rem; padding-right: var(--gap-2); }
.py-2 { padding-bottom: 1rem; padding-bottom: var(--gap-2); padding-top: 1rem; padding-top: var(--gap-2); }
.pt-2 { padding-top: 1rem; padding-top: var(--gap-2); }
.pr-2 { padding-right: 1rem; padding-right: var(--gap-2); }
.pb-2 { padding-bottom: 1rem; padding-bottom: var(--gap-2); }
.pl-2 { padding-left: 1rem; padding-left: var(--gap-2); }
.pa-3 { padding: 1.5rem; padding: var(--gap-3); }
.px-3 { padding-left: 1.5rem; padding-left: var(--gap-3); padding-right: 1.5rem; padding-right: var(--gap-3); }
.py-3 { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); padding-top: 1.5rem; padding-top: var(--gap-3); }
.pt-3 { padding-top: 1.5rem; padding-top: var(--gap-3); }
.pr-3 { padding-right: 1.5rem; padding-right: var(--gap-3); }
.pb-3 { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); }
.pl-3 { padding-left: 1.5rem; padding-left: var(--gap-3); }
.pa-4 { padding: 2rem; padding: var(--gap-4); }
.px-4 { padding-left: 2rem; padding-left: var(--gap-4); padding-right: 2rem; padding-right: var(--gap-4); }
.py-4 { padding-bottom: 2rem; padding-bottom: var(--gap-4); padding-top: 2rem; padding-top: var(--gap-4); }
.pt-4 { padding-top: 2rem; padding-top: var(--gap-4); }
.pr-4 { padding-right: 2rem; padding-right: var(--gap-4); }
.pb-4 { padding-bottom: 2rem; padding-bottom: var(--gap-4); }
.pl-4 { padding-left: 2rem; padding-left: var(--gap-4); }
.pa-5 { padding: 2.5rem; padding: var(--gap-5); }
.px-5 { padding-left: 2.5rem; padding-left: var(--gap-5); padding-right: 2.5rem; padding-right: var(--gap-5); }
.py-5 { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); padding-top: 2.5rem; padding-top: var(--gap-5); }
.pt-5 { padding-top: 2.5rem; padding-top: var(--gap-5); }
.pr-5 { padding-right: 2.5rem; padding-right: var(--gap-5); }
.pb-5 { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); }
.pl-5 { padding-left: 2.5rem; padding-left: var(--gap-5); }
.pa-6 { padding: 3rem; padding: var(--gap-6); }
.px-6 { padding-left: 3rem; padding-left: var(--gap-6); padding-right: 3rem; padding-right: var(--gap-6); }
.py-6 { padding-bottom: 3rem; padding-bottom: var(--gap-6); padding-top: 3rem; padding-top: var(--gap-6); }
.pt-6 { padding-top: 3rem; padding-top: var(--gap-6); }
.pr-6 { padding-right: 3rem; padding-right: var(--gap-6); }
.pb-6 { padding-bottom: 3rem; padding-bottom: var(--gap-6); }
.pl-6 { padding-left: 3rem; padding-left: var(--gap-6); }
.pa-7 { padding: 3.5rem; padding: var(--gap-7); }
.px-7 { padding-left: 3.5rem; padding-left: var(--gap-7); padding-right: 3.5rem; padding-right: var(--gap-7); }
.py-7 { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); padding-top: 3.5rem; padding-top: var(--gap-7); }
.pt-7 { padding-top: 3.5rem; padding-top: var(--gap-7); }
.pr-7 { padding-right: 3.5rem; padding-right: var(--gap-7); }
.pb-7 { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); }
.pl-7 { padding-left: 3.5rem; padding-left: var(--gap-7); }
.pa-8 { padding: 4rem; padding: var(--gap-8); }
.px-8 { padding-left: 4rem; padding-left: var(--gap-8); padding-right: 4rem; padding-right: var(--gap-8); }
.py-8 { padding-bottom: 4rem; padding-bottom: var(--gap-8); padding-top: 4rem; padding-top: var(--gap-8); }
.pt-8 { padding-top: 4rem; padding-top: var(--gap-8); }
.pr-8 { padding-right: 4rem; padding-right: var(--gap-8); }
.pb-8 { padding-bottom: 4rem; padding-bottom: var(--gap-8); }
.pl-8 { padding-left: 4rem; padding-left: var(--gap-8); }
@media screen and (min-width: 480px) { .pa-0\@xs { padding: 0; padding: var(--gap-0); }
  .px-0\@xs { padding-left: 0; padding-left: var(--gap-0); padding-right: 0; padding-right: var(--gap-0); }
  .py-0\@xs { padding-bottom: 0; padding-bottom: var(--gap-0); padding-top: 0; padding-top: var(--gap-0); }
  .pt-0\@xs { padding-top: 0; padding-top: var(--gap-0); }
  .pr-0\@xs { padding-right: 0; padding-right: var(--gap-0); }
  .pb-0\@xs { padding-bottom: 0; padding-bottom: var(--gap-0); }
  .pl-0\@xs { padding-left: 0; padding-left: var(--gap-0); }
  .pa-1\@xs { padding: 0.5rem; padding: var(--gap-1); }
  .px-1\@xs { padding-left: 0.5rem; padding-left: var(--gap-1); padding-right: 0.5rem; padding-right: var(--gap-1); }
  .py-1\@xs { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pt-1\@xs { padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pr-1\@xs { padding-right: 0.5rem; padding-right: var(--gap-1); }
  .pb-1\@xs { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); }
  .pl-1\@xs { padding-left: 0.5rem; padding-left: var(--gap-1); }
  .pa-2\@xs { padding: 1rem; padding: var(--gap-2); }
  .px-2\@xs { padding-left: 1rem; padding-left: var(--gap-2); padding-right: 1rem; padding-right: var(--gap-2); }
  .py-2\@xs { padding-bottom: 1rem; padding-bottom: var(--gap-2); padding-top: 1rem; padding-top: var(--gap-2); }
  .pt-2\@xs { padding-top: 1rem; padding-top: var(--gap-2); }
  .pr-2\@xs { padding-right: 1rem; padding-right: var(--gap-2); }
  .pb-2\@xs { padding-bottom: 1rem; padding-bottom: var(--gap-2); }
  .pl-2\@xs { padding-left: 1rem; padding-left: var(--gap-2); }
  .pa-3\@xs { padding: 1.5rem; padding: var(--gap-3); }
  .px-3\@xs { padding-left: 1.5rem; padding-left: var(--gap-3); padding-right: 1.5rem; padding-right: var(--gap-3); }
  .py-3\@xs { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pt-3\@xs { padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pr-3\@xs { padding-right: 1.5rem; padding-right: var(--gap-3); }
  .pb-3\@xs { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); }
  .pl-3\@xs { padding-left: 1.5rem; padding-left: var(--gap-3); }
  .pa-4\@xs { padding: 2rem; padding: var(--gap-4); }
  .px-4\@xs { padding-left: 2rem; padding-left: var(--gap-4); padding-right: 2rem; padding-right: var(--gap-4); }
  .py-4\@xs { padding-bottom: 2rem; padding-bottom: var(--gap-4); padding-top: 2rem; padding-top: var(--gap-4); }
  .pt-4\@xs { padding-top: 2rem; padding-top: var(--gap-4); }
  .pr-4\@xs { padding-right: 2rem; padding-right: var(--gap-4); }
  .pb-4\@xs { padding-bottom: 2rem; padding-bottom: var(--gap-4); }
  .pl-4\@xs { padding-left: 2rem; padding-left: var(--gap-4); }
  .pa-5\@xs { padding: 2.5rem; padding: var(--gap-5); }
  .px-5\@xs { padding-left: 2.5rem; padding-left: var(--gap-5); padding-right: 2.5rem; padding-right: var(--gap-5); }
  .py-5\@xs { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pt-5\@xs { padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pr-5\@xs { padding-right: 2.5rem; padding-right: var(--gap-5); }
  .pb-5\@xs { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); }
  .pl-5\@xs { padding-left: 2.5rem; padding-left: var(--gap-5); }
  .pa-6\@xs { padding: 3rem; padding: var(--gap-6); }
  .px-6\@xs { padding-left: 3rem; padding-left: var(--gap-6); padding-right: 3rem; padding-right: var(--gap-6); }
  .py-6\@xs { padding-bottom: 3rem; padding-bottom: var(--gap-6); padding-top: 3rem; padding-top: var(--gap-6); }
  .pt-6\@xs { padding-top: 3rem; padding-top: var(--gap-6); }
  .pr-6\@xs { padding-right: 3rem; padding-right: var(--gap-6); }
  .pb-6\@xs { padding-bottom: 3rem; padding-bottom: var(--gap-6); }
  .pl-6\@xs { padding-left: 3rem; padding-left: var(--gap-6); }
  .pa-7\@xs { padding: 3.5rem; padding: var(--gap-7); }
  .px-7\@xs { padding-left: 3.5rem; padding-left: var(--gap-7); padding-right: 3.5rem; padding-right: var(--gap-7); }
  .py-7\@xs { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pt-7\@xs { padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pr-7\@xs { padding-right: 3.5rem; padding-right: var(--gap-7); }
  .pb-7\@xs { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); }
  .pl-7\@xs { padding-left: 3.5rem; padding-left: var(--gap-7); }
  .pa-8\@xs { padding: 4rem; padding: var(--gap-8); }
  .px-8\@xs { padding-left: 4rem; padding-left: var(--gap-8); padding-right: 4rem; padding-right: var(--gap-8); }
  .py-8\@xs { padding-bottom: 4rem; padding-bottom: var(--gap-8); padding-top: 4rem; padding-top: var(--gap-8); }
  .pt-8\@xs { padding-top: 4rem; padding-top: var(--gap-8); }
  .pr-8\@xs { padding-right: 4rem; padding-right: var(--gap-8); }
  .pb-8\@xs { padding-bottom: 4rem; padding-bottom: var(--gap-8); }
  .pl-8\@xs { padding-left: 4rem; padding-left: var(--gap-8); } }
@media screen and (min-width: 768px) { .pa-0\@sm { padding: 0; padding: var(--gap-0); }
  .px-0\@sm { padding-left: 0; padding-left: var(--gap-0); padding-right: 0; padding-right: var(--gap-0); }
  .py-0\@sm { padding-bottom: 0; padding-bottom: var(--gap-0); padding-top: 0; padding-top: var(--gap-0); }
  .pt-0\@sm { padding-top: 0; padding-top: var(--gap-0); }
  .pr-0\@sm { padding-right: 0; padding-right: var(--gap-0); }
  .pb-0\@sm { padding-bottom: 0; padding-bottom: var(--gap-0); }
  .pl-0\@sm { padding-left: 0; padding-left: var(--gap-0); }
  .pa-1\@sm { padding: 0.5rem; padding: var(--gap-1); }
  .px-1\@sm { padding-left: 0.5rem; padding-left: var(--gap-1); padding-right: 0.5rem; padding-right: var(--gap-1); }
  .py-1\@sm { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pt-1\@sm { padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pr-1\@sm { padding-right: 0.5rem; padding-right: var(--gap-1); }
  .pb-1\@sm { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); }
  .pl-1\@sm { padding-left: 0.5rem; padding-left: var(--gap-1); }
  .pa-2\@sm { padding: 1rem; padding: var(--gap-2); }
  .px-2\@sm { padding-left: 1rem; padding-left: var(--gap-2); padding-right: 1rem; padding-right: var(--gap-2); }
  .py-2\@sm { padding-bottom: 1rem; padding-bottom: var(--gap-2); padding-top: 1rem; padding-top: var(--gap-2); }
  .pt-2\@sm { padding-top: 1rem; padding-top: var(--gap-2); }
  .pr-2\@sm { padding-right: 1rem; padding-right: var(--gap-2); }
  .pb-2\@sm { padding-bottom: 1rem; padding-bottom: var(--gap-2); }
  .pl-2\@sm { padding-left: 1rem; padding-left: var(--gap-2); }
  .pa-3\@sm { padding: 1.5rem; padding: var(--gap-3); }
  .px-3\@sm { padding-left: 1.5rem; padding-left: var(--gap-3); padding-right: 1.5rem; padding-right: var(--gap-3); }
  .py-3\@sm { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pt-3\@sm { padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pr-3\@sm { padding-right: 1.5rem; padding-right: var(--gap-3); }
  .pb-3\@sm { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); }
  .pl-3\@sm { padding-left: 1.5rem; padding-left: var(--gap-3); }
  .pa-4\@sm { padding: 2rem; padding: var(--gap-4); }
  .px-4\@sm { padding-left: 2rem; padding-left: var(--gap-4); padding-right: 2rem; padding-right: var(--gap-4); }
  .py-4\@sm { padding-bottom: 2rem; padding-bottom: var(--gap-4); padding-top: 2rem; padding-top: var(--gap-4); }
  .pt-4\@sm { padding-top: 2rem; padding-top: var(--gap-4); }
  .pr-4\@sm { padding-right: 2rem; padding-right: var(--gap-4); }
  .pb-4\@sm { padding-bottom: 2rem; padding-bottom: var(--gap-4); }
  .pl-4\@sm { padding-left: 2rem; padding-left: var(--gap-4); }
  .pa-5\@sm { padding: 2.5rem; padding: var(--gap-5); }
  .px-5\@sm { padding-left: 2.5rem; padding-left: var(--gap-5); padding-right: 2.5rem; padding-right: var(--gap-5); }
  .py-5\@sm { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pt-5\@sm { padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pr-5\@sm { padding-right: 2.5rem; padding-right: var(--gap-5); }
  .pb-5\@sm { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); }
  .pl-5\@sm { padding-left: 2.5rem; padding-left: var(--gap-5); }
  .pa-6\@sm { padding: 3rem; padding: var(--gap-6); }
  .px-6\@sm { padding-left: 3rem; padding-left: var(--gap-6); padding-right: 3rem; padding-right: var(--gap-6); }
  .py-6\@sm { padding-bottom: 3rem; padding-bottom: var(--gap-6); padding-top: 3rem; padding-top: var(--gap-6); }
  .pt-6\@sm { padding-top: 3rem; padding-top: var(--gap-6); }
  .pr-6\@sm { padding-right: 3rem; padding-right: var(--gap-6); }
  .pb-6\@sm { padding-bottom: 3rem; padding-bottom: var(--gap-6); }
  .pl-6\@sm { padding-left: 3rem; padding-left: var(--gap-6); }
  .pa-7\@sm { padding: 3.5rem; padding: var(--gap-7); }
  .px-7\@sm { padding-left: 3.5rem; padding-left: var(--gap-7); padding-right: 3.5rem; padding-right: var(--gap-7); }
  .py-7\@sm { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pt-7\@sm { padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pr-7\@sm { padding-right: 3.5rem; padding-right: var(--gap-7); }
  .pb-7\@sm { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); }
  .pl-7\@sm { padding-left: 3.5rem; padding-left: var(--gap-7); }
  .pa-8\@sm { padding: 4rem; padding: var(--gap-8); }
  .px-8\@sm { padding-left: 4rem; padding-left: var(--gap-8); padding-right: 4rem; padding-right: var(--gap-8); }
  .py-8\@sm { padding-bottom: 4rem; padding-bottom: var(--gap-8); padding-top: 4rem; padding-top: var(--gap-8); }
  .pt-8\@sm { padding-top: 4rem; padding-top: var(--gap-8); }
  .pr-8\@sm { padding-right: 4rem; padding-right: var(--gap-8); }
  .pb-8\@sm { padding-bottom: 4rem; padding-bottom: var(--gap-8); }
  .pl-8\@sm { padding-left: 4rem; padding-left: var(--gap-8); } }
@media screen and (min-width: 1024px) { .pa-0\@md { padding: 0; padding: var(--gap-0); }
  .px-0\@md { padding-left: 0; padding-left: var(--gap-0); padding-right: 0; padding-right: var(--gap-0); }
  .py-0\@md { padding-bottom: 0; padding-bottom: var(--gap-0); padding-top: 0; padding-top: var(--gap-0); }
  .pt-0\@md { padding-top: 0; padding-top: var(--gap-0); }
  .pr-0\@md { padding-right: 0; padding-right: var(--gap-0); }
  .pb-0\@md { padding-bottom: 0; padding-bottom: var(--gap-0); }
  .pl-0\@md { padding-left: 0; padding-left: var(--gap-0); }
  .pa-1\@md { padding: 0.5rem; padding: var(--gap-1); }
  .px-1\@md { padding-left: 0.5rem; padding-left: var(--gap-1); padding-right: 0.5rem; padding-right: var(--gap-1); }
  .py-1\@md { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pt-1\@md { padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pr-1\@md { padding-right: 0.5rem; padding-right: var(--gap-1); }
  .pb-1\@md { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); }
  .pl-1\@md { padding-left: 0.5rem; padding-left: var(--gap-1); }
  .pa-2\@md { padding: 1rem; padding: var(--gap-2); }
  .px-2\@md { padding-left: 1rem; padding-left: var(--gap-2); padding-right: 1rem; padding-right: var(--gap-2); }
  .py-2\@md { padding-bottom: 1rem; padding-bottom: var(--gap-2); padding-top: 1rem; padding-top: var(--gap-2); }
  .pt-2\@md { padding-top: 1rem; padding-top: var(--gap-2); }
  .pr-2\@md { padding-right: 1rem; padding-right: var(--gap-2); }
  .pb-2\@md { padding-bottom: 1rem; padding-bottom: var(--gap-2); }
  .pl-2\@md { padding-left: 1rem; padding-left: var(--gap-2); }
  .pa-3\@md { padding: 1.5rem; padding: var(--gap-3); }
  .px-3\@md { padding-left: 1.5rem; padding-left: var(--gap-3); padding-right: 1.5rem; padding-right: var(--gap-3); }
  .py-3\@md { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pt-3\@md { padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pr-3\@md { padding-right: 1.5rem; padding-right: var(--gap-3); }
  .pb-3\@md { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); }
  .pl-3\@md { padding-left: 1.5rem; padding-left: var(--gap-3); }
  .pa-4\@md { padding: 2rem; padding: var(--gap-4); }
  .px-4\@md { padding-left: 2rem; padding-left: var(--gap-4); padding-right: 2rem; padding-right: var(--gap-4); }
  .py-4\@md { padding-bottom: 2rem; padding-bottom: var(--gap-4); padding-top: 2rem; padding-top: var(--gap-4); }
  .pt-4\@md { padding-top: 2rem; padding-top: var(--gap-4); }
  .pr-4\@md { padding-right: 2rem; padding-right: var(--gap-4); }
  .pb-4\@md { padding-bottom: 2rem; padding-bottom: var(--gap-4); }
  .pl-4\@md { padding-left: 2rem; padding-left: var(--gap-4); }
  .pa-5\@md { padding: 2.5rem; padding: var(--gap-5); }
  .px-5\@md { padding-left: 2.5rem; padding-left: var(--gap-5); padding-right: 2.5rem; padding-right: var(--gap-5); }
  .py-5\@md { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pt-5\@md { padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pr-5\@md { padding-right: 2.5rem; padding-right: var(--gap-5); }
  .pb-5\@md { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); }
  .pl-5\@md { padding-left: 2.5rem; padding-left: var(--gap-5); }
  .pa-6\@md { padding: 3rem; padding: var(--gap-6); }
  .px-6\@md { padding-left: 3rem; padding-left: var(--gap-6); padding-right: 3rem; padding-right: var(--gap-6); }
  .py-6\@md { padding-bottom: 3rem; padding-bottom: var(--gap-6); padding-top: 3rem; padding-top: var(--gap-6); }
  .pt-6\@md { padding-top: 3rem; padding-top: var(--gap-6); }
  .pr-6\@md { padding-right: 3rem; padding-right: var(--gap-6); }
  .pb-6\@md { padding-bottom: 3rem; padding-bottom: var(--gap-6); }
  .pl-6\@md { padding-left: 3rem; padding-left: var(--gap-6); }
  .pa-7\@md { padding: 3.5rem; padding: var(--gap-7); }
  .px-7\@md { padding-left: 3.5rem; padding-left: var(--gap-7); padding-right: 3.5rem; padding-right: var(--gap-7); }
  .py-7\@md { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pt-7\@md { padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pr-7\@md { padding-right: 3.5rem; padding-right: var(--gap-7); }
  .pb-7\@md { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); }
  .pl-7\@md { padding-left: 3.5rem; padding-left: var(--gap-7); }
  .pa-8\@md { padding: 4rem; padding: var(--gap-8); }
  .px-8\@md { padding-left: 4rem; padding-left: var(--gap-8); padding-right: 4rem; padding-right: var(--gap-8); }
  .py-8\@md { padding-bottom: 4rem; padding-bottom: var(--gap-8); padding-top: 4rem; padding-top: var(--gap-8); }
  .pt-8\@md { padding-top: 4rem; padding-top: var(--gap-8); }
  .pr-8\@md { padding-right: 4rem; padding-right: var(--gap-8); }
  .pb-8\@md { padding-bottom: 4rem; padding-bottom: var(--gap-8); }
  .pl-8\@md { padding-left: 4rem; padding-left: var(--gap-8); } }
@media screen and (min-width: 1280px) { .pa-0\@lg { padding: 0; padding: var(--gap-0); }
  .px-0\@lg { padding-left: 0; padding-left: var(--gap-0); padding-right: 0; padding-right: var(--gap-0); }
  .py-0\@lg { padding-bottom: 0; padding-bottom: var(--gap-0); padding-top: 0; padding-top: var(--gap-0); }
  .pt-0\@lg { padding-top: 0; padding-top: var(--gap-0); }
  .pr-0\@lg { padding-right: 0; padding-right: var(--gap-0); }
  .pb-0\@lg { padding-bottom: 0; padding-bottom: var(--gap-0); }
  .pl-0\@lg { padding-left: 0; padding-left: var(--gap-0); }
  .pa-1\@lg { padding: 0.5rem; padding: var(--gap-1); }
  .px-1\@lg { padding-left: 0.5rem; padding-left: var(--gap-1); padding-right: 0.5rem; padding-right: var(--gap-1); }
  .py-1\@lg { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pt-1\@lg { padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pr-1\@lg { padding-right: 0.5rem; padding-right: var(--gap-1); }
  .pb-1\@lg { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); }
  .pl-1\@lg { padding-left: 0.5rem; padding-left: var(--gap-1); }
  .pa-2\@lg { padding: 1rem; padding: var(--gap-2); }
  .px-2\@lg { padding-left: 1rem; padding-left: var(--gap-2); padding-right: 1rem; padding-right: var(--gap-2); }
  .py-2\@lg { padding-bottom: 1rem; padding-bottom: var(--gap-2); padding-top: 1rem; padding-top: var(--gap-2); }
  .pt-2\@lg { padding-top: 1rem; padding-top: var(--gap-2); }
  .pr-2\@lg { padding-right: 1rem; padding-right: var(--gap-2); }
  .pb-2\@lg { padding-bottom: 1rem; padding-bottom: var(--gap-2); }
  .pl-2\@lg { padding-left: 1rem; padding-left: var(--gap-2); }
  .pa-3\@lg { padding: 1.5rem; padding: var(--gap-3); }
  .px-3\@lg { padding-left: 1.5rem; padding-left: var(--gap-3); padding-right: 1.5rem; padding-right: var(--gap-3); }
  .py-3\@lg { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pt-3\@lg { padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pr-3\@lg { padding-right: 1.5rem; padding-right: var(--gap-3); }
  .pb-3\@lg { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); }
  .pl-3\@lg { padding-left: 1.5rem; padding-left: var(--gap-3); }
  .pa-4\@lg { padding: 2rem; padding: var(--gap-4); }
  .px-4\@lg { padding-left: 2rem; padding-left: var(--gap-4); padding-right: 2rem; padding-right: var(--gap-4); }
  .py-4\@lg { padding-bottom: 2rem; padding-bottom: var(--gap-4); padding-top: 2rem; padding-top: var(--gap-4); }
  .pt-4\@lg { padding-top: 2rem; padding-top: var(--gap-4); }
  .pr-4\@lg { padding-right: 2rem; padding-right: var(--gap-4); }
  .pb-4\@lg { padding-bottom: 2rem; padding-bottom: var(--gap-4); }
  .pl-4\@lg { padding-left: 2rem; padding-left: var(--gap-4); }
  .pa-5\@lg { padding: 2.5rem; padding: var(--gap-5); }
  .px-5\@lg { padding-left: 2.5rem; padding-left: var(--gap-5); padding-right: 2.5rem; padding-right: var(--gap-5); }
  .py-5\@lg { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pt-5\@lg { padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pr-5\@lg { padding-right: 2.5rem; padding-right: var(--gap-5); }
  .pb-5\@lg { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); }
  .pl-5\@lg { padding-left: 2.5rem; padding-left: var(--gap-5); }
  .pa-6\@lg { padding: 3rem; padding: var(--gap-6); }
  .px-6\@lg { padding-left: 3rem; padding-left: var(--gap-6); padding-right: 3rem; padding-right: var(--gap-6); }
  .py-6\@lg { padding-bottom: 3rem; padding-bottom: var(--gap-6); padding-top: 3rem; padding-top: var(--gap-6); }
  .pt-6\@lg { padding-top: 3rem; padding-top: var(--gap-6); }
  .pr-6\@lg { padding-right: 3rem; padding-right: var(--gap-6); }
  .pb-6\@lg { padding-bottom: 3rem; padding-bottom: var(--gap-6); }
  .pl-6\@lg { padding-left: 3rem; padding-left: var(--gap-6); }
  .pa-7\@lg { padding: 3.5rem; padding: var(--gap-7); }
  .px-7\@lg { padding-left: 3.5rem; padding-left: var(--gap-7); padding-right: 3.5rem; padding-right: var(--gap-7); }
  .py-7\@lg { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pt-7\@lg { padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pr-7\@lg { padding-right: 3.5rem; padding-right: var(--gap-7); }
  .pb-7\@lg { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); }
  .pl-7\@lg { padding-left: 3.5rem; padding-left: var(--gap-7); }
  .pa-8\@lg { padding: 4rem; padding: var(--gap-8); }
  .px-8\@lg { padding-left: 4rem; padding-left: var(--gap-8); padding-right: 4rem; padding-right: var(--gap-8); }
  .py-8\@lg { padding-bottom: 4rem; padding-bottom: var(--gap-8); padding-top: 4rem; padding-top: var(--gap-8); }
  .pt-8\@lg { padding-top: 4rem; padding-top: var(--gap-8); }
  .pr-8\@lg { padding-right: 4rem; padding-right: var(--gap-8); }
  .pb-8\@lg { padding-bottom: 4rem; padding-bottom: var(--gap-8); }
  .pl-8\@lg { padding-left: 4rem; padding-left: var(--gap-8); } }
@media screen and (min-width: 1440px) { .pa-0\@xl { padding: 0; padding: var(--gap-0); }
  .px-0\@xl { padding-left: 0; padding-left: var(--gap-0); padding-right: 0; padding-right: var(--gap-0); }
  .py-0\@xl { padding-bottom: 0; padding-bottom: var(--gap-0); padding-top: 0; padding-top: var(--gap-0); }
  .pt-0\@xl { padding-top: 0; padding-top: var(--gap-0); }
  .pr-0\@xl { padding-right: 0; padding-right: var(--gap-0); }
  .pb-0\@xl { padding-bottom: 0; padding-bottom: var(--gap-0); }
  .pl-0\@xl { padding-left: 0; padding-left: var(--gap-0); }
  .pa-1\@xl { padding: 0.5rem; padding: var(--gap-1); }
  .px-1\@xl { padding-left: 0.5rem; padding-left: var(--gap-1); padding-right: 0.5rem; padding-right: var(--gap-1); }
  .py-1\@xl { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pt-1\@xl { padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pr-1\@xl { padding-right: 0.5rem; padding-right: var(--gap-1); }
  .pb-1\@xl { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); }
  .pl-1\@xl { padding-left: 0.5rem; padding-left: var(--gap-1); }
  .pa-2\@xl { padding: 1rem; padding: var(--gap-2); }
  .px-2\@xl { padding-left: 1rem; padding-left: var(--gap-2); padding-right: 1rem; padding-right: var(--gap-2); }
  .py-2\@xl { padding-bottom: 1rem; padding-bottom: var(--gap-2); padding-top: 1rem; padding-top: var(--gap-2); }
  .pt-2\@xl { padding-top: 1rem; padding-top: var(--gap-2); }
  .pr-2\@xl { padding-right: 1rem; padding-right: var(--gap-2); }
  .pb-2\@xl { padding-bottom: 1rem; padding-bottom: var(--gap-2); }
  .pl-2\@xl { padding-left: 1rem; padding-left: var(--gap-2); }
  .pa-3\@xl { padding: 1.5rem; padding: var(--gap-3); }
  .px-3\@xl { padding-left: 1.5rem; padding-left: var(--gap-3); padding-right: 1.5rem; padding-right: var(--gap-3); }
  .py-3\@xl { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pt-3\@xl { padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pr-3\@xl { padding-right: 1.5rem; padding-right: var(--gap-3); }
  .pb-3\@xl { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); }
  .pl-3\@xl { padding-left: 1.5rem; padding-left: var(--gap-3); }
  .pa-4\@xl { padding: 2rem; padding: var(--gap-4); }
  .px-4\@xl { padding-left: 2rem; padding-left: var(--gap-4); padding-right: 2rem; padding-right: var(--gap-4); }
  .py-4\@xl { padding-bottom: 2rem; padding-bottom: var(--gap-4); padding-top: 2rem; padding-top: var(--gap-4); }
  .pt-4\@xl { padding-top: 2rem; padding-top: var(--gap-4); }
  .pr-4\@xl { padding-right: 2rem; padding-right: var(--gap-4); }
  .pb-4\@xl { padding-bottom: 2rem; padding-bottom: var(--gap-4); }
  .pl-4\@xl { padding-left: 2rem; padding-left: var(--gap-4); }
  .pa-5\@xl { padding: 2.5rem; padding: var(--gap-5); }
  .px-5\@xl { padding-left: 2.5rem; padding-left: var(--gap-5); padding-right: 2.5rem; padding-right: var(--gap-5); }
  .py-5\@xl { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pt-5\@xl { padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pr-5\@xl { padding-right: 2.5rem; padding-right: var(--gap-5); }
  .pb-5\@xl { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); }
  .pl-5\@xl { padding-left: 2.5rem; padding-left: var(--gap-5); }
  .pa-6\@xl { padding: 3rem; padding: var(--gap-6); }
  .px-6\@xl { padding-left: 3rem; padding-left: var(--gap-6); padding-right: 3rem; padding-right: var(--gap-6); }
  .py-6\@xl { padding-bottom: 3rem; padding-bottom: var(--gap-6); padding-top: 3rem; padding-top: var(--gap-6); }
  .pt-6\@xl { padding-top: 3rem; padding-top: var(--gap-6); }
  .pr-6\@xl { padding-right: 3rem; padding-right: var(--gap-6); }
  .pb-6\@xl { padding-bottom: 3rem; padding-bottom: var(--gap-6); }
  .pl-6\@xl { padding-left: 3rem; padding-left: var(--gap-6); }
  .pa-7\@xl { padding: 3.5rem; padding: var(--gap-7); }
  .px-7\@xl { padding-left: 3.5rem; padding-left: var(--gap-7); padding-right: 3.5rem; padding-right: var(--gap-7); }
  .py-7\@xl { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pt-7\@xl { padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pr-7\@xl { padding-right: 3.5rem; padding-right: var(--gap-7); }
  .pb-7\@xl { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); }
  .pl-7\@xl { padding-left: 3.5rem; padding-left: var(--gap-7); }
  .pa-8\@xl { padding: 4rem; padding: var(--gap-8); }
  .px-8\@xl { padding-left: 4rem; padding-left: var(--gap-8); padding-right: 4rem; padding-right: var(--gap-8); }
  .py-8\@xl { padding-bottom: 4rem; padding-bottom: var(--gap-8); padding-top: 4rem; padding-top: var(--gap-8); }
  .pt-8\@xl { padding-top: 4rem; padding-top: var(--gap-8); }
  .pr-8\@xl { padding-right: 4rem; padding-right: var(--gap-8); }
  .pb-8\@xl { padding-bottom: 4rem; padding-bottom: var(--gap-8); }
  .pl-8\@xl { padding-left: 4rem; padding-left: var(--gap-8); } }
@media screen and (min-width: 1808px) { .pa-0\@xxl { padding: 0; padding: var(--gap-0); }
  .px-0\@xxl { padding-left: 0; padding-left: var(--gap-0); padding-right: 0; padding-right: var(--gap-0); }
  .py-0\@xxl { padding-bottom: 0; padding-bottom: var(--gap-0); padding-top: 0; padding-top: var(--gap-0); }
  .pt-0\@xxl { padding-top: 0; padding-top: var(--gap-0); }
  .pr-0\@xxl { padding-right: 0; padding-right: var(--gap-0); }
  .pb-0\@xxl { padding-bottom: 0; padding-bottom: var(--gap-0); }
  .pl-0\@xxl { padding-left: 0; padding-left: var(--gap-0); }
  .pa-1\@xxl { padding: 0.5rem; padding: var(--gap-1); }
  .px-1\@xxl { padding-left: 0.5rem; padding-left: var(--gap-1); padding-right: 0.5rem; padding-right: var(--gap-1); }
  .py-1\@xxl { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pt-1\@xxl { padding-top: 0.5rem; padding-top: var(--gap-1); }
  .pr-1\@xxl { padding-right: 0.5rem; padding-right: var(--gap-1); }
  .pb-1\@xxl { padding-bottom: 0.5rem; padding-bottom: var(--gap-1); }
  .pl-1\@xxl { padding-left: 0.5rem; padding-left: var(--gap-1); }
  .pa-2\@xxl { padding: 1rem; padding: var(--gap-2); }
  .px-2\@xxl { padding-left: 1rem; padding-left: var(--gap-2); padding-right: 1rem; padding-right: var(--gap-2); }
  .py-2\@xxl { padding-bottom: 1rem; padding-bottom: var(--gap-2); padding-top: 1rem; padding-top: var(--gap-2); }
  .pt-2\@xxl { padding-top: 1rem; padding-top: var(--gap-2); }
  .pr-2\@xxl { padding-right: 1rem; padding-right: var(--gap-2); }
  .pb-2\@xxl { padding-bottom: 1rem; padding-bottom: var(--gap-2); }
  .pl-2\@xxl { padding-left: 1rem; padding-left: var(--gap-2); }
  .pa-3\@xxl { padding: 1.5rem; padding: var(--gap-3); }
  .px-3\@xxl { padding-left: 1.5rem; padding-left: var(--gap-3); padding-right: 1.5rem; padding-right: var(--gap-3); }
  .py-3\@xxl { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pt-3\@xxl { padding-top: 1.5rem; padding-top: var(--gap-3); }
  .pr-3\@xxl { padding-right: 1.5rem; padding-right: var(--gap-3); }
  .pb-3\@xxl { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); }
  .pl-3\@xxl { padding-left: 1.5rem; padding-left: var(--gap-3); }
  .pa-4\@xxl { padding: 2rem; padding: var(--gap-4); }
  .px-4\@xxl { padding-left: 2rem; padding-left: var(--gap-4); padding-right: 2rem; padding-right: var(--gap-4); }
  .py-4\@xxl { padding-bottom: 2rem; padding-bottom: var(--gap-4); padding-top: 2rem; padding-top: var(--gap-4); }
  .pt-4\@xxl { padding-top: 2rem; padding-top: var(--gap-4); }
  .pr-4\@xxl { padding-right: 2rem; padding-right: var(--gap-4); }
  .pb-4\@xxl { padding-bottom: 2rem; padding-bottom: var(--gap-4); }
  .pl-4\@xxl { padding-left: 2rem; padding-left: var(--gap-4); }
  .pa-5\@xxl { padding: 2.5rem; padding: var(--gap-5); }
  .px-5\@xxl { padding-left: 2.5rem; padding-left: var(--gap-5); padding-right: 2.5rem; padding-right: var(--gap-5); }
  .py-5\@xxl { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pt-5\@xxl { padding-top: 2.5rem; padding-top: var(--gap-5); }
  .pr-5\@xxl { padding-right: 2.5rem; padding-right: var(--gap-5); }
  .pb-5\@xxl { padding-bottom: 2.5rem; padding-bottom: var(--gap-5); }
  .pl-5\@xxl { padding-left: 2.5rem; padding-left: var(--gap-5); }
  .pa-6\@xxl { padding: 3rem; padding: var(--gap-6); }
  .px-6\@xxl { padding-left: 3rem; padding-left: var(--gap-6); padding-right: 3rem; padding-right: var(--gap-6); }
  .py-6\@xxl { padding-bottom: 3rem; padding-bottom: var(--gap-6); padding-top: 3rem; padding-top: var(--gap-6); }
  .pt-6\@xxl { padding-top: 3rem; padding-top: var(--gap-6); }
  .pr-6\@xxl { padding-right: 3rem; padding-right: var(--gap-6); }
  .pb-6\@xxl { padding-bottom: 3rem; padding-bottom: var(--gap-6); }
  .pl-6\@xxl { padding-left: 3rem; padding-left: var(--gap-6); }
  .pa-7\@xxl { padding: 3.5rem; padding: var(--gap-7); }
  .px-7\@xxl { padding-left: 3.5rem; padding-left: var(--gap-7); padding-right: 3.5rem; padding-right: var(--gap-7); }
  .py-7\@xxl { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pt-7\@xxl { padding-top: 3.5rem; padding-top: var(--gap-7); }
  .pr-7\@xxl { padding-right: 3.5rem; padding-right: var(--gap-7); }
  .pb-7\@xxl { padding-bottom: 3.5rem; padding-bottom: var(--gap-7); }
  .pl-7\@xxl { padding-left: 3.5rem; padding-left: var(--gap-7); }
  .pa-8\@xxl { padding: 4rem; padding: var(--gap-8); }
  .px-8\@xxl { padding-left: 4rem; padding-left: var(--gap-8); padding-right: 4rem; padding-right: var(--gap-8); }
  .py-8\@xxl { padding-bottom: 4rem; padding-bottom: var(--gap-8); padding-top: 4rem; padding-top: var(--gap-8); }
  .pt-8\@xxl { padding-top: 4rem; padding-top: var(--gap-8); }
  .pr-8\@xxl { padding-right: 4rem; padding-right: var(--gap-8); }
  .pb-8\@xxl { padding-bottom: 4rem; padding-bottom: var(--gap-8); }
  .pl-8\@xxl { padding-left: 4rem; padding-left: var(--gap-8); } }
/*----------------------------------------*/
/* HIDDEN */
/*----------------------------------------*/
.hidden { display: none; }
@media screen and (min-width: 480px) { .hidden\@xs { display: none; } }
@media screen and (min-width: 768px) { .hidden\@sm { display: none; } }
@media screen and (min-width: 1024px) { .hidden\@md { display: none; } }
@media screen and (min-width: 1280px) { .hidden\@lg { display: none; } }
@media screen and (min-width: 1440px) { .hidden\@xl { display: none; } }
@media screen and (min-width: 1808px) { .hidden\@xxl { display: none; } }
.is-hidden { display: none; }
/*----------------------------------------*/
/* VISIBLE */
/*----------------------------------------*/
@media screen and (max-width: 479px) { .visible\@xs { display: none; } }
@media screen and (max-width: 767px) { .visible\@sm { display: none; } }
@media screen and (max-width: 1023px) { .visible\@md { display: none; } }
@media screen and (max-width: 1279px) { .visible\@lg { display: none; } }
@media screen and (max-width: 1439px) { .visible\@xl { display: none; } }
@media screen and (max-width: 1807px) { .visible\@xxl { display: none; } }
/*----------------------------------------*/
/* LINK */
/*----------------------------------------*/
.link:hover .link__text, .link:active .link__text, .link.is-active .link__text { border-bottom-color: currentColor; }
.link:hover .link__text--inv, .link:active .link__text--inv, .link.is-active .link__text--inv { border-bottom-color: transparent; }
.link__text { border-bottom: transparent solid 1px; transition: border-bottom-color 0.25s; transition: border-bottom-color var(--anim-speed); }
.link__text--inv { border-bottom: currentColor solid 1px; }
.link--dot .link__text { border-bottom-style: dotted; }
.link--color .link__text { border: 0; transition: color 0.25s; transition: color var(--anim-speed); }
.link--color .link__text--inv { color: #9B2D30; color: var(--color-red-1); }
.link--color:hover .link__text, .link--color:active .link__text, .link--color.is-active .link__text { color: #9B2D30; color: var(--color-red-1); }
.link--color:hover .link__text--inv, .link--color:active .link__text--inv, .link--color.is-active .link__text--inv { color: #373737; color: var(--color-black); }
/*----------------------------------------*/
/* CLIP */
/*----------------------------------------*/
.clip { overflow: hidden; }
/*----------------------------------------*/
/* OVERLAY */
/*----------------------------------------*/
.overlay { background: #373737; background: var(--color-black); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 888; }
.overlay.is-active { opacity: 0.5; }
/*----------------------------------------*/
/* IMAGE COVER */
/*----------------------------------------*/
.image-cover { border-radius: inherit; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; }
/*----------------------------------------*/
/* FADE */
/*----------------------------------------*/
.fade { transition: opacity 0.25s, visibility 0.25s; transition: opacity var(--anim-speed), visibility var(--anim-speed); }
.fade:not(.is-active) { opacity: 0; visibility: hidden; }
/*----------------------------------------*/
/* BADGE */
/*----------------------------------------*/
.badge { align-items: center; background: #373737; background: var(--color-black); border-radius: 0.625rem; color: #FFF; color: var(--color-white); display: flex; font-size: 0.75rem; font-weight: 500; height: 1.25rem; justify-content: center; padding: 0 0.25rem; text-align: center; }
/*----------------------------------------*/
/* CARD */
/*----------------------------------------*/
.card { background: #FFF; background: var(--color-white); border-radius: 0.375rem; border-radius: var(--border-radius); box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.03); box-shadow: var(--shadow-primary); }
.card--color { background: #E6CECB; background: var(--color-beige-4); box-shadow: none; }
.card--gradient { background: linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: var(--gradient-primary); box-shadow: none; }
.card--muted { background: none; border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); box-shadow: none; }
/*----------------------------------------*/
/* TOGGLE */
/*----------------------------------------*/
.toggle__active { display: none; }
.toggle.is-active .toggle__active { display: block; }
.toggle.is-active .toggle__inactive { display: none; }
/*----------------------------------------*/
/* HEIGHT & WIDTH 100% */
/*----------------------------------------*/
.h-100 { height: 100%; }
.w-100 { width: 100%; }
/*----------------------------------------*/
/* IMAGE LINK */
/*----------------------------------------*/
.image-link { align-items: center; display: inline-flex; justify-content: center; overflow: hidden; }
.image-link > picture, .image-link > img { max-height: 100%; -o-object-fit: contain; object-fit: contain; max-width: 100%; }
/*----------------------------------------*/
/* STICKY */
/*----------------------------------------*/
.sticky { position: -webkit-sticky; position: sticky; top: 5.5rem; }
/*----------------------------------------*/
/* FLUID VIDEO */
/*----------------------------------------*/
.fluid-video { aspect-ratio: 16 / 9; position: relative; }
.fluid-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.rutube-consent { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.rutube-consent__panel { align-items: center; background: var(--color-beige-1); display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 1rem; text-align: center; width: 100%; }
.rutube-consent__button { background: transparent; border: 0; color: var(--color-red-1); cursor: pointer; font: inherit; font-weight: 600; padding: 0; }
.rutube-consent__button:hover, .rutube-consent__button:focus-visible { text-decoration: underline; }
.rutube-consent__text { color: var(--color-gray-2); margin: 0.75rem 0 0; max-width: 28rem; }
.rutube-consent__panel[hidden] { display: none; }
.rutube-consent iframe[hidden] { display: none; }
/*----------------------------------------*/
/* PLYR */
/*----------------------------------------*/
:root { --plyr-color-main: var(--color-red-1); }
.plyr .plyr__control--overlaid { background: #373737; background: var(--color-black); border-radius: 2.25rem; height: 4.5rem; opacity: 1; padding: 0; width: 9rem; }
@media screen and (max-width: 767px) { .plyr .plyr__control--overlaid { border-radius: 1.5rem; height: 3rem; width: 6rem; } }
.plyr .plyr__control--overlaid:hover, .plyr .plyr__control--overlaid:active { background: #9B2D30; background: var(--color-red-1); }
.plyr .plyr__control--overlaid svg { color: currentColor; fill: none; height: 1.75rem; margin: auto; width: 1.75rem; }
@media screen and (max-width: 767px) { .plyr .plyr__control--overlaid svg { height: 1.5rem; width: 1.5rem; } }
.plyr--video.plyr--stopped .plyr__controls { display: none; }
/*----------------------------------------*/
/* SWIPER */
/*----------------------------------------*/
.swiper-horizontal .swiper-slide { height: auto; }
/*----------------------------------------*/
/* GLIGHTBOX */
/*----------------------------------------*/
.glightbox-container .goverlay { background: #FFF; background: var(--color-white); }
.glightbox-container .gbtn { align-items: center; border: 0; border-radius: 100%; color: #FFF; color: var(--color-white); cursor: pointer; display: flex; height: 2rem; justify-content: center; opacity: 1; padding: 0; text-align: center; transition: background-color 0.25s; transition: background-color var(--anim-speed); width: 2rem; }
.glightbox-container .gbtn svg { height: 1.25rem; width: 1.25rem; }
.glightbox-container .gbtn svg path { fill: none; }
.glightbox-container .gclose { background: #9B2D30; background: var(--color-red-1); right: 1rem; right: var(--gap-2); top: 1rem; top: var(--gap-2); }
@media screen and (max-width: 479px) { .glightbox-container .gclose { right: 0.5rem; right: var(--gap-1); top: 0.5rem; top: var(--gap-1); } }
.glightbox-container .gclose:hover, .glightbox-container .gclose:active { background: #373737; background: var(--color-black); }
.glightbox-container .gprev, .glightbox-container .gnext { background: #373737; background: var(--color-black); opacity: 1; }
@media screen and (min-width: 768px) { .glightbox-container .gprev, .glightbox-container .gnext { margin: -1rem 0 0; top: 50%; } }
.glightbox-container .gprev:hover, .glightbox-container .gprev:active, .glightbox-container .gnext:hover, .glightbox-container .gnext:active { background: #9B2D30; background: var(--color-red-1); }
.glightbox-container .gprev.disabled, .glightbox-container .gnext.disabled { cursor: default; opacity: 0.25; pointer-events: none; }
.glightbox-container .gprev { left: 1rem; left: var(--gap-2); }
@media screen and (max-width: 479px) { .glightbox-container .gprev { left: 0.5rem; left: var(--gap-1); } }
.glightbox-container .gnext { right: 1rem; right: var(--gap-2); }
@media screen and (max-width: 479px) { .glightbox-container .gnext { right: 0.5rem; right: var(--gap-1); } }
.glightbox-container .gslide-media { box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.03); box-shadow: var(--shadow-primary); }
/*----------------------------------------*/
/* TABS BAR */
/*----------------------------------------*/
.tabs-bar { overflow-x: auto; overflow-y: hidden; overflow: auto hidden; }
.tabs-bar__item { margin-right: 2.5rem; }
@media screen and (min-width: 768px) and (max-width: 1023px) { .tabs-bar__item { margin-right: 2rem; } }
@media screen and (max-width: 767px) { .tabs-bar__item { margin-right: 1.25rem; } }
.tabs-bar__item:last-child { margin: 0; }
.tabs-bar__item.is-active .tabs-bar__text { border-bottom-color: #9B2D30; border-bottom-color: var(--color-red-1); color: #9B2D30; color: var(--color-red-1); }
.tabs-bar__item.is-active .tabs-bar__badge { background: #9B2D30; background: var(--color-red-1); }
.tabs-bar__text { border-bottom: 0.25rem solid transparent; display: block; font-size: 1.125rem; font-weight: 500; padding: 1.75rem 0 1.5rem; transition: border-color 0.25s, color 0.25s; transition: border-color var(--anim-speed), color var(--anim-speed); }
@media screen and (max-width: 767px) { .tabs-bar__text { font-size: 1rem; padding: 1.25rem 0 1rem; } }
.tabs-bar__badge { font-size: 0.875rem; transition: background-color 0.25s; transition: background-color var(--anim-speed); width: 2rem; }
/*----------------------------------------*/
/* TABS CONTENT */
/*----------------------------------------*/
.tabs-content { position: relative; }
.tabs-content__item { min-height: 100%; }
.tabs-content__item.is-active { position: relative; z-index: 9; }
.tabs-content__item:not(.is-active) { height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 1; }
/*----------------------------------------*/
/* TOOLTIP */
/*----------------------------------------*/
.tooltip { display: inline-flex; position: relative; }
.tooltip:hover .tooltip__content, .tooltip:active .tooltip__content { opacity: 1; visibility: visible; }
.tooltip__toggle { color: #9B2D30; color: var(--color-red-1); cursor: help; height: 1.5rem; margin: auto; width: 1.5rem; }
.tooltip__content { background: #373737; background: var(--color-black); color: #FFF; color: var(--color-white); left: 50%; margin: 0.25rem 0 0; position: absolute; top: 100%; transform: translateX(-50%); z-index: 99; }
.tooltip__content::before { border-color: transparent transparent #373737 transparent; border-color: transparent transparent var(--color-black) transparent; border-style: solid; border-width: 0 0.25rem 0.25rem 0.25rem; bottom: 100%; content: ''; display: block; left: 50%; margin-left: -0.25rem; position: absolute; }
.tooltip__content--light { background: #FFF; background: var(--color-white); color: #373737; color: var(--color-black); margin: 0.75rem 0 0; }
.tooltip__content--light::before { border-color: transparent transparent #FFF transparent; border-color: transparent transparent var(--color-white) transparent; border-width: 0 0.75rem 0.75rem 0.75rem; margin-left: -0.75rem; }
/*----------------------------------------*/
/* BREADCRUMBS */
/*----------------------------------------*/
.breadcrumbs { list-style: none; }
.breadcrumbs__item { margin-right: 0.5rem; margin-right: var(--gap-1); }
.breadcrumbs__item:last-child { margin: 0; }
.breadcrumbs__item:last-child::after { display: none; }
.breadcrumbs__item::after { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDUgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDkuMDkxOEw0IDUuMDAwODlMMSAwLjkwOTk3OSIgc3Ryb2tlPSIjQzRCMzlEIi8+Cjwvc3ZnPgo=") 50% 0 no-repeat; background-size: auto 100%; content: ''; display: inline-block; height: 0.625em; margin-left: 0.5rem; margin-left: var(--gap-1); width: 0.3125em; }
/*----------------------------------------*/
/* HELPER TEXT */
/*----------------------------------------*/
.helper-text-1 { max-width: 71rem; }
.helper-text-2 { max-width: 53rem; }
/*----------------------------------------*/
/* PAGINATION */
/*----------------------------------------*/
.pagination__load { width: 100%; }
@media screen and (min-width: 768px) { .pagination__load { max-width: 17rem; } }
.pagination__item { border-color: #9B2D30; border-color: var(--color-red-1); margin-right: 0.5rem; margin-right: var(--gap-1); width: 3.5rem; }
@media screen and (max-width: 479px) { .pagination__item { width: 3rem; } }
.pagination__item:last-child { margin: 0; }
.pagination__item.is-active { background: #373737; background: var(--color-black); border-color: #373737; border-color: var(--color-black); }
@media screen and (min-width: 1440px) { .pagination__item--nav { width: 9rem; } }
/*----------------------------------------*/
/* SIDE MENU */
/*----------------------------------------*/
@media screen and (max-width: 1279px) { .side-menu { border-radius: 0 0.375rem 0.375rem 0; border-radius: 0 var(--border-radius) var(--border-radius) 0; box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.03); box-shadow: var(--shadow-primary); height: 100%; height: -webkit-fill-available; left: 0; max-width: unset; position: fixed; top: 0; transition: transform 0.25s, opacity 0.25s; transition: transform var(--anim-speed), opacity var(--anim-speed); width: 20rem; z-index: 999; } }
@media screen and (max-width: 1279px) { .side-menu:not(.is-active) { box-shadow: none; opacity: 0; transform: translate3d(-100%, 0, 0); } }
@media screen and (max-width: 1279px) { .side-menu__content { border-radius: 0 0.375rem 0.375rem 0; border-radius: 0 var(--border-radius) var(--border-radius) 0; overflow: auto; height: 100%; } }
.side-menu__list { list-style: none; }
.side-menu--profile .side-menu__item:first-child { border-top: 0; }
.side-menu__item { border-top: 1px solid #D2CAC8; border-top: 1px solid var(--color-grey-7); }
.side-menu__link { align-items: center; color: #9B2D30; color: var(--color-red-1); display: flex; padding: calc(0.75 * 1rem) 0; padding: calc(0.75 * var(--gap-2)) 0; }
.side-menu__link.is-active { color: #373737; color: var(--color-black); }
.side-menu__link.is-active .side-menu__link-text { border-bottom-color: transparent; }
/*----------------------------------------*/
/* FAQ ITEM */
/*----------------------------------------*/
.faq-item { border-bottom: 1px solid #D9D9D9; border-bottom: 1px solid var(--color-grey-2); padding: 0.75rem 0; }
.faq-item:last-child { border-bottom: 0; }
.faq-item__toggle { display: block; font-size: 1.5rem; font-weight: bold; line-height: 2.1rem; padding: 0.75rem 0 0.75rem 2.75rem; position: relative; }
@media screen and (max-width: 767px) { .faq-item__toggle { font-size: 1.25rem; line-height: 1.75rem; padding-left: 2.25rem; } }
.faq-item__toggle.is-active .faq-item__toggle-image::after { opacity: 0; }
.faq-item__toggle-image { border: 2px solid #373737; border: 2px solid var(--color-black); border-radius: 100%; height: 1.5rem; left: 0; position: absolute; top: 1.05rem; width: 1.5rem; }
@media screen and (max-width: 767px) { .faq-item__toggle-image { top: 0.875rem; } }
.faq-item__toggle-image::before, .faq-item__toggle-image::after { background: #373737; background: var(--color-black); content: ''; display: block; left: 50%; position: absolute; top: 50%; }
.faq-item__toggle-image::before { height: 2px; margin: -1px 0 0 -0.3125rem; width: 0.625rem; }
.faq-item__toggle-image::after { height: 0.625rem; margin: -0.3125rem 0 0 -1px; transition: opacity 0.25s; transition: opacity var(--anim-speed); width: 2px; }
.faq-item__content { padding: 0 0 0.75rem 2.75rem; }
@media screen and (max-width: 767px) { .faq-item__content { padding-left: 2.25rem; } }
/*----------------------------------------*/
/* REGISTER */
/*----------------------------------------*/
.register { background: url(../img/pattern-14.svg) 0 0 no-repeat, url(../img/pattern-15.svg) 100% 100% no-repeat, linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: url(../img/pattern-14.svg) 0 0 no-repeat, url(../img/pattern-15.svg) 100% 100% no-repeat, var(--gradient-primary); }
@media screen and (min-width: 1280px) and (max-width: 1439px) { .register { background-position: -4rem 0, right -4rem bottom 0, 0 0; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { .register { background-position: right calc(50% + 22rem) top 0, left calc(50% + 22rem) bottom 0, 0 0; } }
@media screen and (max-width: 767px) { .register { background: linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: var(--gradient-primary); } }
.register__container { max-width: 26rem; }
.register__title { text-align: center; }
/*----------------------------------------*/
/* PROMO FORM */
/*----------------------------------------*/
.promo-form { position: relative; }
.promo-form__input { position: relative; z-index: 1; }
.promo-form__input-field { padding-right: 3.5rem; }
@media screen and (max-width: 767px) { .promo-form__input-field { padding-right: 3rem; } }
.promo-form__button { bottom: 0.25rem; padding: 0; position: absolute; right: 0.25rem; width: 3rem; z-index: 9; }
@media screen and (max-width: 767px) { .promo-form__button { height: 2.5rem; width: 2.5rem; } }
/*----------------------------------------*/
/* STEP */
/*----------------------------------------*/
.step { background: #9B2D30; background: var(--color-red-1); border-radius: 50%; color: #FFF; color: var(--color-white); font-size: 1rem; font-weight: bold; line-height: 1.5rem; height: 1.5rem; text-align: center; width: 1.5rem; }
/*----------------------------------------*/
/* ERROR 404 */
/*----------------------------------------*/
.error-404 { margin: 4.5rem 0; max-width: 91.25rem; }
@media screen and (max-width: 1279px) { .error-404 { margin: 3.5rem 0 0; } }
@media screen and (max-width: 767px) { .error-404 { margin: 2.5rem 0 0; } }
.error-404__text { max-width: 100%; width: 32rem; }
@media screen and (min-width: 1024px) { .error-404__title { font-size: 4rem; } }
.error-404__buttons { max-width: 100%; width: 22.5rem; }
.error-404__image { position: relative; }
@media screen and (max-width: 1279px) { .error-404__image { order: -1; max-width: 32rem; } }
.error-404__image::before { background: url(../img/404-decor.svg) 0 0 no-repeat; background-size: auto 100%; content: ''; height: 87.19%; left: 100%; position: absolute; top: 10.75%; width: 160.36%; }
/*----------------------------------------*/
/* SEARCH BAR */
/*----------------------------------------*/
.search-bar { position: relative; }
.search-bar__form { position: relative; }
.search-bar__form-button { align-items: center; background: none; border: 0; border-radius: 0.375rem; border-radius: var(--border-radius); display: flex; height: 3rem; justify-content: center; left: 0; position: absolute; transition: color 0.25s; transition: color var(--anim-speed); top: 0; width: 3rem; z-index: 9; }
.search-bar__form-button:hover, .search-bar__form-button:active { color: #9B2D30; color: var(--color-red-1); }
.search-bar__form-button--disabled { pointer-events: none; }
.search-bar__form-input { height: 3rem; padding-left: 3rem; }
.search-bar__results { background: #FFF; background: var(--color-white); border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); border-radius: 0.375rem; border-radius: var(--border-radius); box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.03); box-shadow: var(--shadow-primary); left: 0; margin: 0.5rem 0 0; margin: var(--gap-1) 0 0; padding: 1.5rem; padding: var(--gap-3); position: absolute; top: 100%; width: 100%; z-index: 99; }
.search-bar__results-group:not(:last-child) { border-bottom: 1px solid #D9D9D9; border-bottom: 1px solid var(--color-grey-2); margin: 0 0 1rem; margin: 0 0 var(--gap-2); padding: 0 0 1rem; padding: 0 0 var(--gap-2); }
.search-bar__results-item:not(:last-child) { margin: 0 0 1rem; margin: 0 0 var(--gap-2); }
.search-bar__results-link { display: inline-block; }
.search-bar__results-link:not(:hover) { color: #9B2D30; color: var(--color-red-1); }
/*----------------------------------------*/
/* SEARCH COUNT */
/*----------------------------------------*/
.search-count { font-size: 1.125rem; font-weight: bold; margin: calc(0.75 * 1rem) 0 1.5rem; margin: calc(0.75 * var(--gap-2)) 0 var(--gap-3); }
/*----------------------------------------*/
/* MODAL */
/*----------------------------------------*/
.modal { display: flex; height: 100%; height: -webkit-fill-available; left: 0; overflow-x: hidden; overflow-y: auto; overflow: hidden auto; padding: 2rem; padding: var(--gap-4); position: fixed; top: 0; width: 100%; z-index: 999; }
@media screen and (min-width: 480px) and (max-width: 767px) { .modal { padding: 1.5rem; padding: var(--gap-3); } }
@media screen and (max-width: 479px) { .modal { padding: 0; } }
.modal:not(.is-active) { pointer-events: none; }
@media screen and (max-width: 479px) { .modal:not(.is-active) .modal__window { transform: translate3d(0, 100%, 0); } }
.modal__window { border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); margin: auto; max-width: 100%; position: relative; width: 32rem; }
@media screen and (max-width: 479px) { .modal__window { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin: auto 0 0; transition: transform 0.25s; transition: transform var(--anim-speed); width: 100%; } }
.modal__close { position: absolute; right: 1rem; right: var(--gap-2); top: 1rem; top: var(--gap-2); z-index: 99; }
@media screen and (max-width: 479px) { .modal__close { right: 0.5rem; right: var(--gap-1); top: 0.5rem; top: var(--gap-1); } }
.modal--clip { overflow: hidden; }
/*----------------------------------------*/
/* CITY SELECT */
/*----------------------------------------*/
.city-select__search-button { left: auto; right: 0; }
.city-select__search-input { padding: 0 3rem 0 1rem; }
/*----------------------------------------*/
/* MODAL GALLERY */
/*----------------------------------------*/
.modal-gallery { padding: 0; }
.modal-gallery__window { background: #FFF; background: var(--color-white); height: 100%; padding: 5rem 7.5rem; width: 100%; }
@media screen and (min-width: 1024px) and (max-width: 1439px) { .modal-gallery__window { padding: 3rem; } }
@media screen and (min-width: 480px) and (max-width: 1023px) { .modal-gallery__window { padding: 2rem; } }
@media screen and (max-width: 479px) { .modal-gallery__window { padding: 1.5rem 1.5rem 1rem; } }
@media screen and (max-width: 1439px) { .modal-gallery__close { height: 2rem; width: 2rem; } }
@media screen and (min-width: 1024px) { .modal-gallery__close { top: 2rem; top: var(--gap-4); right: 2rem; right: var(--gap-4); } }
@media screen and (min-width: 480px) and (max-width: 1023px) { .modal-gallery__close { top: 1rem; top: var(--gap-2); right: 1rem; right: var(--gap-2); } }
@media screen and (max-width: 1439px) { .modal-gallery__close .button__image { height: 1.25rem; width: 1.25rem; } }
.modal-gallery__preview { height: calc(100% - 10rem); width: 100%; }
@media screen and (min-width: 768px) and (max-width: 1439px) { .modal-gallery__preview { height: calc(100% - 7rem); } }
@media screen and (min-width: 480px) and (max-width: 767px) { .modal-gallery__preview { height: calc(100% - 6.5rem); } }
@media screen and (max-width: 479px) { .modal-gallery__preview { height: calc(100% - 3rem); } }
.modal-gallery__thumbnails { margin: 5rem auto 0; max-width: 36rem; width: 100%; }
@media screen and (min-width: 768px) and (max-width: 1439px) { .modal-gallery__thumbnails { margin-top: 2rem; } }
@media screen and (max-width: 767px) { .modal-gallery__thumbnails { margin-top: 1.5rem; max-width: 25rem; } }
/*----------------------------------------*/
/* HEADER */
/*----------------------------------------*/
.header { background: #FFF; background: var(--color-white); padding: 2rem 0; padding: var(--gap-4) 0; position: -webkit-sticky; position: sticky; transition: padding 0.25s; transition: padding var(--anim-speed); top: 0; z-index: 777; }
@media screen and (max-width: 1023px) { .header { padding: calc(1.5 * 0.5rem) 0; padding: calc(1.5 * var(--gap-1)) 0; } }
.header::before { background: url(../img/pattern-2.svg) 0 50% repeat-x; background-size: auto 100%; bottom: -0.375rem; content: ''; display: block; height: 0.75rem; left: 0; position: absolute; width: 100%; z-index: 9; }
.header.is-fixed { padding: calc(1.5 * 0.5rem) 0; padding: calc(1.5 * var(--gap-1)) 0; }
.header.is-fixed .header__logo-image { top: -0.25rem; width: 7rem; }
.header__toggle { height: 3rem; padding: 0; width: 3rem; }
.header__logo { height: 3rem; position: relative; width: 8.5rem; }
@media screen and (max-width: 1023px) { .header__logo { width: 7rem; } }
.header__logo-image { left: 0; position: absolute; top: -1rem; transition: top 0.25s, width 0.25s; transition: top var(--anim-speed), width var(--anim-speed); width: 100%; }
@media screen and (max-width: 1023px) { .header__logo-image { top: -0.25rem; } }
.header__button { display: flex; height: 3rem; }
.header__dropdown { position: relative; }
@media screen and (min-width: 1024px) { .header__dropdown:hover .header__dropdown-outer { opacity: 1; visibility: visible; } }
@media screen and (max-width: 1023px) { .header__dropdown:hover .header__dropdown-outer { display: none; } }
.header__dropdown-outer { left: 0; padding: 0.5rem 0 0; padding: var(--gap-1) 0 0; position: absolute; top: 100%; z-index: 99; }
.header__dropdown-inner { background: #FFF; background: var(--color-white); border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); border-radius: 0.375rem; border-radius: var(--border-radius); overflow: visible; padding: 1.5rem; padding: var(--gap-3); }
.header__catalog > .header__dropdown-outer > .header__dropdown-inner { max-height: calc(100vh - 8rem); }
.header__catalog > .header__dropdown-outer > .header__dropdown-inner > .header__menu-item > .header__menu--sub { max-height: calc(100vh - 8rem); overflow-x: hidden; overflow-y: auto; }
.header__menu { list-style: none; margin: 0; max-width: 100%; padding: 1rem 0; padding: var(--gap-2) 0; position: relative; width: 17.5rem; }
@media screen and (max-width: 1279px) { .header__menu { width: 16.5rem; } }
.header__menu-item:hover > .header__menu-link { color: #373737; color: var(--color-black); }
.header__menu-item:hover > .header__menu--sub { opacity: 1; visibility: visible; }
.header__menu-link { color: #9B2D30; color: var(--color-red-1); display: block; padding: 0.5rem 1.5rem; padding: var(--gap-1) var(--gap-3); transition: color 0.25s; transition: color var(--anim-speed); }
.header__menu-link:hover, .header__menu-link:active { color: #373737; color: var(--color-black); }
.header__menu-image { display: inline-block; margin-left: 0.125em; vertical-align: middle; }
.header__menu--sub { border-bottom-left-radius: 0; border-top-left-radius: 0; left: 100%; margin-left: calc(-1 * 0.375rem); margin-left: calc(-1 * var(--border-radius)); min-height: calc(100% + 2px); position: absolute; top: -1px; z-index: 9; }
@media screen and (min-width: 1024px) { .header__menu--sub .header__menu--sub { height: auto; left: var(--header-submenu-left, 0px); margin-left: 0; max-height: calc(100vh - 8rem); min-height: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: var(--header-submenu-top, 0px); z-index: 100; } }
@media screen and (min-width: 1024px) { .header__menu-item.is-menu-submenu-open > .header__menu--sub { opacity: 1; visibility: visible; } }
.header__catalog { width: 10rem; }
.header__catalog:hover .header__catalog-toggle, .header__catalog:active .header__catalog-toggle { background: #373737; background: var(--color-black); }
.header__nav:hover .header__nav-toggle { color: #9B2D30; color: var(--color-red-1); }
.header__nav-toggle { font-weight: 500; height: 3rem; transition: color 0.25s; transition: color var(--anim-speed); }
.header__nav-dropdown { left: calc(-1 * 1.5rem); left: calc(-1 * var(--gap-3)); width: 14.5rem; }
.header__search { height: 3rem; position: relative; width: 25rem; }
@media screen and (min-width: 1440px) and (max-width: 1807px) { .header__search { width: 18rem; } }
@media screen and (min-width: 768px) and (max-width: 1439px) { .header__search { width: 3rem; } }
@media screen and (min-width: 480px) and (max-width: 767px) { .header__search { width: calc(100% - 11.625rem); } }
@media screen and (max-width: 479px) { .header__search { width: calc(100% - 11.15rem); } }
.header__search-toggle.is-active { border-color: transparent; position: absolute; right: 0; top: 0; z-index: 9; }
@media screen and (min-width: 768px) and (max-width: 1439px) { .header__search-bar { opacity: 0; position: absolute; right: 0; top: 0; transition: opacity 0.25s, visibility 0.25s; transition: opacity var(--anim-speed), visibility var(--anim-speed); visibility: hidden; width: calc(100vw - 43.5rem - 0px); width: calc(100vw - 43.5rem - var(--scrollbar-width, 0px)); z-index: 1; } }
@media screen and (min-width: 1024px) and (max-width: 1279px) { .header__search-bar { width: calc(100vw - 38.5rem - 0px); width: calc(100vw - 38.5rem - var(--scrollbar-width, 0px)); } }
@media screen and (min-width: 768px) and (max-width: 1023px) { .header__search-bar { width: calc(100vw - 27.625rem - 0px); width: calc(100vw - 27.625rem - var(--scrollbar-width, 0px)); } }
.header__search-bar.is-active { opacity: 1; visibility: visible; }
.header__search-input { background: #F3F0EC; background: var(--color-beige-1); }
@media screen and (min-width: 768px) and (max-width: 1439px) { .header__search-input { padding-right: 3rem; } }
@media screen and (max-width: 767px) { .header__search-results { width: calc(100vw - 2.5rem - 0px); width: calc(100vw - 2.5rem - var(--scrollbar-width, 0px)); } }
.header__links { border-radius: 0.375rem; border-radius: var(--border-radius); display: flex; height: 3rem; }
.header__links-item { border-bottom: 1px solid #D9D9D9; border-bottom: 1px solid var(--color-grey-2); border-top: 1px solid #D9D9D9; border-top: 1px solid var(--color-grey-2); align-items: center; display: flex; height: 100%; justify-content: center; position: relative; transition: color 0.25s; transition: color var(--anim-speed); width: 4rem; }
@media screen and (min-width: 768px) and (max-width: 1439px) { .header__links-item { width: 3rem; } }
@media screen and (max-width: 767px) { .header__links-item { width: 2.5rem; } }
.header__links-item:first-child { border-left: 1px solid #D9D9D9; border-left: 1px solid var(--color-grey-2); border-radius: 0.375rem 0 0 0.375rem; border-radius: var(--border-radius) 0 0 var(--border-radius); }
.header__links-item:first-child::before { display: none; }
.header__links-item:last-child { border-right: 1px solid #D9D9D9; border-right: 1px solid var(--color-grey-2); border-radius: 0 0.375rem 0.375rem 0; border-radius: 0 var(--border-radius) var(--border-radius) 0; }
.header__links-item:hover, .header__links-item:active { color: #9B2D30; color: var(--color-red-1); }
.header__links-item.is-active { background: #9B2D30; background: var(--color-red-1); border-color: #9B2D30; border-color: var(--color-red-1); color: #FFF; color: var(--color-white); }
.header__links-item.is-active::before { display: none; }
.header__links-item.is-active + .header__links__item::before { display: none; }
.header__links-item::before { background: #D9D9D9; background: var(--color-grey-2); content: ''; display: block; height: 1.5rem; margin: -0.75rem 0 0 -0.5px; position: absolute; right: 100%; top: 50%; width: 1px; }
.header__links-badge { left: 0.25rem; position: absolute; top: -0.25rem; z-index: 9; }
@media screen and (max-width: 767px) { .header__links-badge { left: -0.25em; } }
.header__cart { width: 16rem; }
@media screen and (min-width: 1440px) and (max-width: 1807px) { .header__cart { width: 4rem; } }
@media screen and (min-width: 480px) and (max-width: 1439px) { .header__cart { width: 3rem; } }
@media screen and (max-width: 479px) { .header__cart { width: 2.5rem; } }
.header__cart:hover .header__cart-toggle, .header__cart:active .header__cart-toggle { background: #373737; background: var(--color-black); }
.header__cart-toggle { font-size: 1.125rem; }
@media screen and (max-width: 1439px) { .header__cart-toggle { padding: 0; } }
.header__cart-dropdown { left: auto; right: 0; width: 23.5rem; }
.header__product-image { width: 4rem; }
.header__product-text { font-size: 0.875rem; }
/*----------------------------------------*/
/* NAV MOBILE */
/*----------------------------------------*/
.nav-mobile { background: #FFF; background: var(--color-white); border-right: 1px solid #D9D9D9; border-right: 1px solid var(--color-grey-2); border-radius: 0 0.375rem 0.375rem 0; border-radius: 0 var(--border-radius) var(--border-radius) 0; box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.03); box-shadow: var(--shadow-primary); height: 100%; height: -webkit-fill-available; left: 0; max-width: 100vw; overflow: auto; position: fixed; top: 0; transition: transform 0.25s, opacity 0.25s; transition: transform var(--anim-speed), opacity var(--anim-speed); width: 21rem; z-index: 999; }
.nav-mobile:not(.is-active) { box-shadow: none; opacity: 0; transform: translate3d(-100%, 0, 0); }
.nav-mobile__close { position: absolute; right: 1rem; top: 1rem; z-index: 9; }
.nav-mobile__logo { height: 2rem; position: relative; width: 7rem; }
.nav-mobile__logo-image { left: 0; position: absolute; top: 0; width: 100%; }
.nav-mobile__link { display: block; transition: color 0.25s; transition: color var(--anim-speed); }
.nav-mobile__link:hover, .nav-mobile__link:active { color: #9B2D30; color: var(--color-red-1); }
.nav-mobile__link-image { display: inline-block; margin-left: 0.25em; vertical-align: middle; }
.nav-mobile__link-image:first-child { margin-right: 0.25em; }
.nav-mobile__link-image:last-child { margin-left: 0.25em; }
a.nav-mobile__link-image { align-items: center; display: inline-flex; height: 1em; }
/*----------------------------------------*/
/* FOOTER */
/*----------------------------------------*/
.footer { background: linear-gradient(0deg, rgba(155, 45, 48, 0.05), rgba(155, 45, 48, 0.05)), linear-gradient(180deg, #F3F1EC 0%, #F4E8E5 53.12%, #E1DEDF 100%); margin: auto 0 0; position: relative; }
.footer::before { background: url(../img/pattern-2.svg) 0 50% repeat-x; background-size: auto 100%; content: ''; display: block; height: 0.75rem; left: 0; position: absolute; top: -0.375rem; width: 100%; z-index: 9; }
.footer__grid { border-bottom: 1px solid rgba(55, 55, 55, 0.2); border-bottom: 1px solid var(--color-grey-4); }
@media screen and (min-width: 1280px) { .footer__grid { grid-template-columns: repeat(36, 1fr); } }
.footer__grid:last-child { border: 0; }
@media screen and (min-width: 1280px) { .footer__grid-cell-a { grid-column: auto / span 8; } }
@media screen and (min-width: 1280px) { .footer__grid-cell-b { grid-column: auto / span 9; } }
@media screen and (min-width: 1280px) { .footer__grid-cell-c { grid-column: auto / span 5; } }
@media screen and (min-width: 1280px) { .footer__grid-cell-d { grid-column: auto / span 8; } }
@media screen and (min-width: 1280px) { .footer__grid-cell-e { grid-column: 31 / span 6; } }
.footer__logo { display: block; max-width: 11rem; }
.footer__title { color: #9B2D30; color: var(--color-red-1); font-weight: normal; }
.footer__list { list-style: none; }
.footer__list--col { -moz-column-break-inside: avoid; break-inside: avoid-column; -moz-column-count: 2; column-count: 2; grid-gap: 2.5rem; gap: 2.5rem; grid-gap: var(--gap-5); gap: var(--gap-5); page-break-inside: avoid; }
@media screen and (max-width: 1279px) { .footer__list--col { grid-gap: 1rem; gap: 1rem; grid-gap: var(--gap-2); gap: var(--gap-2); } }
.footer__list-item { display: inline-block; margin: 0 0 1em; width: 100%; }
.footer__button { border-color: rgba(55, 55, 55, 0.2); border-color: var(--color-grey-4); display: flex; height: 3rem; margin: 0 0 0.5rem; margin: 0 0 var(--gap-1); }
@media screen and (min-width: 480px) { .footer__button { max-width: 17rem; } }
.footer__button:hover, .footer__button:active { border-color: #373737; border-color: var(--color-black); color: #373737; color: var(--color-black); }
/*----------------------------------------*/
/* WELCOME */
/*----------------------------------------*/
.welcome { position: relative; }
@media screen and (min-width: 1280px) { .welcome { min-height: calc(100vh - 7rem); } }
@media screen and (max-width: 1279px) { .welcome { aspect-ratio: 169 / 111; } }
.welcome__bg { background: #373737; background: var(--color-black); position: relative; z-index: 11; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { .welcome__bg { min-height: calc(100vh - 7rem); } }
@media screen and (max-width: 1279px) { .welcome__bg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } }
.welcome__bg::before { background: url(../img/pattern-3.svg) repeat-x; content: ''; display: block; height: 0.75rem; left: 0; position: absolute; top: -0.3125rem; width: 100%; z-index: 9; }
.welcome__bg-image { left: 0; opacity: 0.5; position: absolute; top: 0; z-index: 1; }
.welcome__main { color: #FFF; color: var(--color-white); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 22; }
@media screen and (max-width: 1279px) { .welcome__main { position: relative; } }
.welcome__main-content { padding-right: 3rem; }
@media screen and (min-width: 1808px) { .welcome__main-content { max-width: 56.25rem; } }
@media screen and (min-width: 1280px) and (max-width: 1807px) { .welcome__main-content { max-width: calc(100vw - 35rem - 0px); max-width: calc(100vw - 35rem - var(--scrollbar-width, 0px)); } }
.welcome__main-text { position: relative; }
.welcome__main-text::before, .welcome__main-text::after { content: ''; display: block; position: absolute; }
@media screen and (max-width: 767px) { .welcome__main-text::before, .welcome__main-text::after { display: none; } }
.welcome__main-text::before { background: url(../img/pattern-4.svg) repeat-x; background-size: contain; height: 0.4375rem; left: -0.05rem; top: -0.4375rem; width: 4.675rem; }
.welcome__main-text::after { background: url(../img/pattern-tail-2.svg) 100% 100% no-repeat; height: 16.125rem; right: 100%; top: -4.55rem; width: 36.0625rem; }
@media screen and (min-width: 768px) { .welcome__main-title { font-size: 4.75rem; line-height: 1.1; } }
@media screen and (max-width: 479px) { .welcome__main-title { font-size: 2.25rem; } }
.welcome__main-list { list-style: none; }
.welcome__main-list-item::before { content: '\2022'; margin-right: 0.25em; }
.welcome__scroll { margin-right: 7rem; position: relative; }
@media screen and (min-width: 1280px) and (max-width: 1807px) { .welcome__scroll { margin-right: 3rem; } }
@media screen and (max-width: 1023px) { .welcome__scroll { margin-right: 3rem; } }
.welcome__scroll-text { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }
.welcome__side { background: url(../img/pattern-5.svg) 100% 100% no-repeat, linear-gradient(180deg, #F3F1EC 0%, #F4E8E5 53.12%, #E1DEDF 100%); background-size: 100% auto, 100% auto; position: relative; width: 35.5625rem; z-index: 99; }
@media screen and (min-width: 1280px) and (max-width: 1807px) { .welcome__side { width: 32rem; } }
@media screen and (max-width: 1279px) { .welcome__side { background-size: 50% auto, 100% auto; width: 100%; } }
@media screen and (min-width: 480px) and (max-width: 767px) { .welcome__side { background-size: 80% auto, 100% auto; } }
@media screen and (max-width: 479px) { .welcome__side { background-size: 100% auto, 100% auto; } }
.welcome__slider { margin-left: -7.5rem; padding: 1.75rem 0 0; }
@media screen and (min-width: 1280px) and (max-width: 1807px) { .welcome__slider { margin-left: -5rem; } }
@media screen and (max-width: 1279px) { .welcome__slider { margin-left: 0; } }
.welcome__slider-container { margin: 0 0 auto auto; padding: 0 3.125rem 0 3.75rem; max-width: 35.5625rem; width: 100%; }
@media screen and (min-width: 1280px) and (max-width: 1807px) { .welcome__slider-container { max-width: 32rem; padding: 0 1rem 0 2.5rem; } }
@media screen and (max-width: 1279px) { .welcome__slider-container { margin: 0 auto auto; max-width: 100%; padding: 0 2rem; } }
@media screen and (max-width: 1023px) { .welcome__slider-container { padding: 0 1.5rem; } }
.welcome__slider-pager { color: #9B2D30; color: var(--color-red-1); font: 2rem/1.7 'Bebas Neue', sans-serif; font: 2rem/1.7 var(--font-secondary); opacity: 0.5; }
.welcome__slider-item.swiper-slide-active .welcome__slider-image { transform: scale3d(1, 1, 1); }
@media screen and (min-width: 1024px) and (max-width: 1279px) { .welcome__slider-item .welcome__slider-container { padding-bottom: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1023px) { .welcome__slider-item .welcome__slider-container { padding-bottom: 6.5rem; } }
@media screen and (min-width: 768px) { .welcome__slider-title { font-size: 3.125rem; } }
.welcome__slider-brief { max-width: 25.75rem; }
.welcome__slider-button { border-radius: 1.75rem; margin: 0.65rem 0 0; width: 7rem; }
.welcome__slider-item--linked { color: inherit; cursor: pointer; text-decoration: none; }
.welcome__slider-item--linked .welcome__slider-title-link { transition: color 0.2s ease; }
.welcome__slider-item--linked:hover .welcome__slider-title-link,
.welcome__slider-item--linked:focus-visible .welcome__slider-title-link { color: #9B2D30; color: var(--color-red-1); }
.welcome__slider-item--linked .welcome__slider-button { pointer-events: none; }
@media screen and (max-width: 479px) { .welcome__slider-button { margin: 1.25rem 0 0; } }
.welcome__slider-image { max-width: 43.0625rem; transition: transform 1s; transform: scale3d(0, 0, 1); transform-origin: 100% 100%; width: 100%; }
@media screen and (min-width: 1280px) and (max-width: 1439px) { .welcome__slider-image { max-width: 34rem; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { .welcome__slider-image { align-self: flex-end; width: 45%; } }
.welcome__slider-nav { bottom: 2.5rem; bottom: var(--gap-5); left: 3rem; left: var(--gap-6); position: absolute; z-index: 9; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { .welcome__slider-nav { bottom: 2rem; left: 2rem; } }
@media screen and (max-width: 1023px) { .welcome__slider-nav { bottom: 1.5rem; left: 1.5rem; } }
/*----------------------------------------*/
/* HOT OFFERS */
/*----------------------------------------*/
.hot-offers { position: relative; }
.hot-offers__toggle { margin-right: 2.5rem; margin-right: var(--gap-5); transition: color 0.25s; transition: color var(--anim-speed); }
@media screen and (max-width: 1023px) { .hot-offers__toggle { margin-right: 2rem; margin-right: var(--gap-4); } }
.hot-offers__toggle:last-child { margin: 0; }
.hot-offers__toggle.is-active { color: #9B2D30; color: var(--color-red-1); }
.hot-offers__slider { position: relative; }
@media screen and (min-width: 768px) { .hot-offers__slider { margin: 0 calc(-1 * 0.5rem); margin: 0 calc(-1 * var(--gap-1)); } }
.hot-offers__item { padding: 0 1.5rem; padding: 0 var(--gap-3); }
@media screen and (min-width: 1024px) { .hot-offers__item { padding-left: 0.5rem; padding-right: 0.5rem; } .hot-offers .catalog-item__button--cart { padding-left: 0; padding-right: 0; width: 3rem; } }
@media screen and (max-width: 767px) { .hot-offers__item { padding: 0 0.5rem; padding: 0 var(--gap-1); } }
.hot-offers__item.swiper-slide-visible { border-left: 1px solid rgba(55, 55, 55, 0.1); border-left: 1px solid var(--color-grey-3); }
.hot-offers__item.swiper-slide-visible:first-child { border-left: 0; }
.hot-offers__item:not(.swiper-slide-visible) + .swiper-slide-visible { border-left: 0; }
.hot-offers__nav { background: #FFF; background: var(--color-white); height: 4rem; margin: -2rem 0 0; padding: 0; position: absolute; top: 50%; width: 2rem; z-index: 99; }
@media screen and (max-width: 767px) { .hot-offers__nav { width: 1.25rem; } }
.hot-offers__nav--prev { border-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; left: 0.5rem; left: var(--gap-1); }
@media screen and (max-width: 767px) { .hot-offers__nav--prev { left: 0; } }
.hot-offers__nav--next { border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: 0; right: 0.5rem; right: var(--gap-1); }
@media screen and (max-width: 767px) { .hot-offers__nav--next { right: 0; } }
@media screen and (min-width: 768px) { .hot-offers .catalog-item.is-tile .catalog-item__visual { height: 12rem; max-height: none; padding: 0; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { .hot-offers .catalog-item.is-tile .catalog-item__visual { height: 11rem; } }
/*----------------------------------------*/
/* PROMO SLIDER */
/*----------------------------------------*/
.promo-slider { position: relative; }
.promo-slider .promo-slider__pager { margin: 1rem 0 0; margin: var(--gap-2) 0 0; }
@media screen and (min-width: 1280px) { .promo-slider .promo-slider__pager { bottom: 1rem; bottom: var(--gap-2); margin: 0; position: absolute; z-index: 9; } }
/*----------------------------------------*/
/* CATEGORY GROUP */
/*----------------------------------------*/
.category-group { background: linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: var(--gradient-primary); border-radius: 0.375rem; border-radius: var(--border-radius); min-height: 19.5rem; overflow: hidden; position: relative; }
.category-group:hover .category-group__content, .category-group:active .category-group__content { background: #E2C7C4; background: var(--color-beige-3); }
.category-group:hover .category-group__list, .category-group:active .category-group__list { opacity: 1; visibility: visible; }
.category-group:hover .category-group__image, .category-group:active .category-group__image { transform: scale3d(0, 0, 1); }
.category-group__content { border-radius: inherit; transition: background-color 0.25s; transition: background-color var(--anim-speed); }
.category-group__list { color: #9B2D30; color: var(--color-red-1); list-style: none; opacity: 0; transition: opacity 0.25s, visibility 0.25s; transition: opacity var(--anim-speed), visibility var(--anim-speed); visibility: hidden; }
.category-group__list-item:not(:last-child) { margin: 0 0 0.375rem; }
.category-group__image { bottom: 0; max-height: 13.875rem; max-width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: 100% 100%; object-position: 100% 100%; position: absolute; right: 0; transition: transform 0.25s, visibility 0.25s; transition: transform var(--anim-speed), visibility var(--anim-speed); transform-origin: 100% 100%; z-index: 1; }
@media (min-width: 992px) { .category-group--3 .category-group__image { bottom: -2rem; max-height: 13.875rem; max-width: none; right: -3.5rem; } }
.category-group--1 { background: url(../img/pattern-6.svg) 100% 0 repeat-y, linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: url(../img/pattern-6.svg) 100% 0 repeat-y, var(--gradient-primary); }
.category-group--2 { background: url(../img/pattern-7.svg) 100% 0 repeat-y, linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: url(../img/pattern-7.svg) 100% 0 repeat-y, var(--gradient-primary); }
.category-group--3 { background: url(../img/pattern-8.svg) 100% 0 repeat-y, linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: url(../img/pattern-8.svg) 100% 0 repeat-y, var(--gradient-primary); }
.category-group--4 { background: url(../img/pattern-9.svg) 100% 0 repeat-y, linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: url(../img/pattern-9.svg) 100% 0 repeat-y, var(--gradient-primary); }
.category-group--5 { background: url(../img/pattern-10.svg) 100% 0 repeat-y, linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: url(../img/pattern-10.svg) 100% 0 repeat-y, var(--gradient-primary); }
/*----------------------------------------*/
/* CATALOG LAYOUT */
/*----------------------------------------*/
.catalog-layout { border-top: 1px solid #D9D9D9; border-top: 1px solid var(--color-grey-2); padding: 1.5rem 0 0; padding: var(--gap-3) 0 0; }
/*----------------------------------------*/
/* CATALOG TAGS */
/*----------------------------------------*/
.catalog-tags { list-style: none; margin: 0 0 0 -0.375rem; padding: 0 0 1.125rem; }
.catalog-tags__item { margin: 0 0 0.375rem 0.375rem; }
.catalog-tags__button { background: #E2C7C4; background: var(--color-beige-3); height: 2.125rem; padding: 0 1rem; }
.catalog-tags__button:hover, .catalog-tags__button:active, .catalog-tags__button.is-active { background: #9B2D30; background: var(--color-red-1); color: #FFF; color: var(--color-white); }
.catalog-tags__toggle { height: 2.125rem; margin-left: 1rem; }
.catalog-tags__toggle.is-active .catalog-tags__toggle-text { border-bottom-color: currentColor; }
.catalog-tags__toggle.is-active .catalog-tags__toggle-image { transform: rotate3d(0, 0, 1, 180deg); }
.catalog-tags__toggle-image { transition: transform 0.25s; transition: transform var(--anim-speed); }
/*----------------------------------------*/
/* CATALOG FILTER */
/*----------------------------------------*/
.catalog-filter { max-width: 16rem; width: 100%; }
@media screen and (max-width: 1807px) { .catalog-filter { background: #FFF; background: var(--color-white); border-right: 1px solid #D9D9D9; border-right: 1px solid var(--color-grey-2); border-radius: 0 0.375rem 0.375rem 0; border-radius: 0 var(--border-radius) var(--border-radius) 0; box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.03); box-shadow: var(--shadow-primary); height: 100%; height: -webkit-fill-available; left: 0; max-width: 100vw; overflow: auto; position: fixed; top: 0; transition: transform 0.25s, opacity 0.25s; transition: transform var(--anim-speed), opacity var(--anim-speed); width: 21rem; z-index: 999; } }
@media screen and (max-width: 1807px) { .catalog-filter:not(.is-active) { box-shadow: none; opacity: 0; transform: translate3d(-100%, 0, 0); } }
.catalog-filter__section { border-bottom: 1px solid #D9D9D9; border-bottom: 1px solid var(--color-grey-2); margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); padding: 0 0 1.5rem; padding: 0 0 var(--gap-3); }
.catalog-filter__title { margin: 0 0 calc(0.75 * 1rem); margin: 0 0 calc(0.75 * var(--gap-2)); }
.catalog-filter__list { list-style: none; }
.catalog-filter__list .catalog-filter__list { font-size: 0.95em; }
.catalog-filter__link { color: #9B2D30; color: var(--color-red-1); }
.catalog-filter__link.is-active { color: #373737; color: var(--color-black); font-weight: 600; }
.catalog-filter__link.is-active .catalog-filter__link-text { border-bottom-color: transparent; }
.catalog-filter__link.is-active .catalog-filter__link-image { display: inline-block; }
.catalog-filter__link-image { display: none; margin-left: 0.2em; vertical-align: middle; }
.catalog-filter__link--toggle .catalog-filter__link-image { display: inline-block; transition: transform 0.25s; transition: transform var(--anim-speed); }
.catalog-filter__link--toggle .catalog-filter__link-image.is-active { transform: scale3d(1, -1, 1); }
/*----------------------------------------*/
/* CATALOG BAR */
/*----------------------------------------*/
.catalog-bar__filter { background: #EDE9EB; background: var(--color-grey-6); height: 3rem; }
.catalog-bar__filter:hover, .catalog-bar__filter:active, .catalog-bar__filter.is-active { border-color: rgba(55, 55, 55, 0.5); border-color: var(--color-grey-5); color: #373737; color: var(--color-black); }
.catalog-bar__sort { max-width: 100%; width: 17rem; }
@media screen and (max-width: 767px) { .catalog-bar__sort { order: 1; width: 100%; } }
.catalog-bar__sort .selectr-selected { background: #EDE9EB; background: var(--color-grey-6); height: 3rem; padding-left: 0.75rem; }
.catalog-bar__sort .selectr-option { padding: 0.75rem; }
.catalog-bar__sort .selectr-option::before { left: 0.75rem; right: 0.75rem; }
.catalog-bar__view-toggle { padding: 0; width: 2.75rem; }
.catalog-bar__view-toggle:not(.is-active) { opacity: 0.3; }
/*----------------------------------------*/
/* CATALOG RANGE */
/*----------------------------------------*/
.catalog-range__input-text { line-height: 3rem; left: 0; position: absolute; text-align: right; top: 0; width: 2rem; z-index: 2; }
.catalog-range__input-field { height: 3rem; padding-left: 2.25rem; position: relative; z-index: 1; }
.catalog-range__slider { background: #D9D9D9; background: var(--color-grey-2); border: 0; border-radius: 0.1875rem; box-shadow: none; height: 0.375rem; margin: 0 0.625rem; position: relative; z-index: 1; }
.catalog-range__slider .noUi-connects { border-radius: inherit; }
.catalog-range__slider .noUi-connect { background: #9B2D30; background: var(--color-red-1); }
.catalog-range__slider .noUi-handle { background: none; border: 0; border-radius: 100%; box-shadow: none; height: 1.25rem; right: -0.625rem; top: -0.5rem; width: 1.25rem; }
.catalog-range__slider .noUi-handle::before, .catalog-range__slider .noUi-handle::after { display: none; }
.catalog-range__slider .noUi-touch-area { background: #FFF; background: var(--color-white); border: 1px solid #9B2D30; border: 1px solid var(--color-red-1); border-radius: inherit; cursor: pointer; }
/*----------------------------------------*/
/* CATALOG ITEM */
/*----------------------------------------*/
.catalog-item__heading { margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); }
.catalog-item__available { margin-left: 1rem; margin-left: var(--gap-2); }
@media screen and (max-width: 479px) { .catalog-item__available { font-size: 0.5rem; } }
.catalog-item__actions { margin: 0 0.5rem 0 auto; margin: 0 var(--gap-1) 0 auto; }
.catalog-item__actions-item { border: 0; background: none; color: #9B2D30; color: var(--color-red-1); display: block; height: 1.5rem; padding: 0; width: 1.5rem; }
.catalog-item__actions-remove { margin: -0.25rem -0.25rem 0 0.75rem; }
.catalog-item__visual { position: relative; }
.catalog-item__labels { position: absolute; top: calc(-1 * 1rem); top: calc(-1 * var(--gap-2)); z-index: 9; }
.catalog-item.is-tile .catalog-item__labels { top: var(--gap-1); }
.catalog-item__labels-item { align-items: center; color: #FFF; color: var(--color-white); border-radius: 0.375rem 0 0 0.375rem; border-radius: var(--border-radius) 0 0 var(--border-radius); display: flex; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.03em; height: 1.4375rem; margin: 0 0 0.125rem; padding: 0 0.75rem 0 0.5rem; }
.catalog-item__labels-item--discount { background: linear-gradient(-90deg, transparent, transparent 0.3125rem, #9B2D30 0.3125rem, #9B2D30), url(../img/catalog-label-1.svg) 100% 0 no-repeat; background: linear-gradient(-90deg, transparent, transparent 0.3125rem, var(--color-red-1) 0.3125rem, var(--color-red-1)), url(../img/catalog-label-1.svg) 100% 0 no-repeat; background-size: auto auto, auto 100%; }
.catalog-item__labels-item--hit { background: linear-gradient(-90deg, transparent, transparent 0.3125rem, #A69987 0.3125rem, #A69987), url(../img/catalog-label-2.svg) 100% 0 no-repeat; background: linear-gradient(-90deg, transparent, transparent 0.3125rem, var(--color-beige-5) 0.3125rem, var(--color-beige-5)), url(../img/catalog-label-2.svg) 100% 0 no-repeat; background-size: auto auto, auto 100%; }
.catalog-item__info { padding: 2rem 0 0; padding: var(--gap-4) 0 0; position: relative; }
.catalog-item__info .catalog-item__available { display: none; }
.catalog-item__title { display: block; }
.catalog-item__side { padding: 2rem 0 0; padding: var(--gap-4) 0 0; position: relative; }
.catalog-item__discount { left: 0; position: absolute; top: 0; white-space: nowrap; width: 100%; }
.catalog-item__price { font-size: 1.5rem; font-weight: bold; white-space: nowrap; }
.catalog-item__tooltip { left: auto; right: 0; transform: none; }
.catalog-item__tooltip::before { left: auto; margin: 0; right: 0.5rem; }
.catalog-item__specs { max-width: 29rem; width: 100%; }
@media screen and (max-width: 479px) { .catalog-item__specs { display: block; } }
@media screen and (max-width: 479px) { .catalog-item__specs tbody, .catalog-item__specs tr, .catalog-item__specs th, .catalog-item__specs td { display: block; } }
@media screen and (max-width: 479px) { .catalog-item__specs tr { padding: calc(0.5 * 0.5rem) 0; padding: calc(0.5 * var(--gap-1)) 0; } }
.catalog-item__specs th, .catalog-item__specs td { vertical-align: top; }
@media screen and (min-width: 480px) { .catalog-item__specs th, .catalog-item__specs td { border-top: 1px solid #D9D9D9; border-top: 1px solid var(--color-grey-2); padding: 0.5rem 0; padding: var(--gap-1) 0; } }
.catalog-item__specs th { font-weight: normal; text-align: left; }
@media screen and (max-width: 479px) { .catalog-item__specs th { font-weight: bold; } }
.catalog-item.is-tile { display: flex; flex-direction: column; }
.catalog-item.is-tile.card { padding: 1.5rem 1rem 2rem; padding: var(--gap-3) var(--gap-2) var(--gap-4); }
@media screen and (min-width: 480px) and (max-width: 1439px) { .catalog-item.is-tile.card { padding: 1rem 0.5rem 1.5rem; padding: var(--gap-2) var(--gap-1) var(--gap-3); } }
@media screen and (max-width: 479px) { .catalog-item.is-tile.card { padding: 0.5rem 0.5rem 1rem; padding: var(--gap-1) var(--gap-1) var(--gap-2); } }
@media screen and (max-width: 479px) { .catalog-item.is-tile.card .catalog-item__available { margin-left: 0.5rem; margin-left: var(--gap-1); } }
@media screen and (max-width: 479px) { .catalog-item.is-tile.card .catalog-item__actions { margin-right: 0; } }
@media screen and (max-width: 479px) { .catalog-item.is-tile.card .catalog-item__labels { left: 0.5rem; left: var(--gap-1); } }
@media screen and (max-width: 479px) { .catalog-item.is-tile.card .catalog-item__info { padding: 0 0.5rem; padding: 0 var(--gap-1); } }
@media screen and (max-width: 479px) { .catalog-item.is-tile.card .catalog-item__discount, .catalog-item.is-tile.card .catalog-item__purchase { padding: 0 0.5rem; padding: 0 var(--gap-1); } }
.catalog-item.is-tile .catalog-item__labels { left: 1rem; left: var(--gap-2); }
.catalog-item.is-tile .catalog-item__visual { margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); max-height: 10rem; padding: 66.67% 0 0; }
@media screen and (min-width: 768px) { .catalog-item.is-tile .catalog-item__visual { margin: 0 0 2rem; margin: 0 0 var(--gap-4); } }
.catalog-item.is-tile .catalog-item__visual-image { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.catalog-item.is-tile .catalog-item__info { padding: 0 0 0 1rem; padding: 0 0 0 var(--gap-2); }
.catalog-item.is-tile .catalog-item__info .catalog-item__available, .catalog-item.is-tile .catalog-item__info .catalog-item__specs { display: none; }
.catalog-item.is-tile .catalog-item__side { margin: 1rem 0 0; margin: var(--gap-2) 0 0; padding: 0; }
.catalog-item.is-tile .catalog-item__discount { margin: 0 0 0.5rem; margin: 0 0 var(--gap-1); padding: 0 1rem; padding: 0 var(--gap-2); position: relative; }
@media screen and (max-width: 479px) { .catalog-item.is-tile .catalog-item__discount { font-size: 0.875rem; } }
.catalog-item.is-tile .catalog-item__purchase { align-items: center; padding: 0 1rem; padding: 0 var(--gap-2); }
@media screen and (max-width: 479px) { .catalog-item.is-tile .catalog-item__purchase { align-items: stretch; flex-direction: column; } }
@media screen and (min-width: 480px) { .catalog-item.is-tile .catalog-item__price { line-height: 3rem; } }
@media screen and (min-width: 480px) and (max-width: 767px) { .catalog-item.is-tile .catalog-item__price { font-size: 1.125rem; } }
.catalog-item.is-tile .catalog-item__button { height: 3rem; }
@media screen and (max-width: 479px) { .catalog-item.is-tile .catalog-item__button { margin: 0.5rem 0 0; margin: var(--gap-1) 0 0; width: 100%; } }
@media screen and (min-width: 480px) { .catalog-item.is-tile .catalog-item__button-text { display: none; } }
@media screen and (max-width: 479px) { .catalog-item.is-tile .catalog-item__button-text { font-size: 0.75rem; padding: 0 0.5rem; } }
.catalog-item.is-tile .catalog-item__button--1click { display: none; }
.catalog-item.is-tile .catalog-item__button--order { width: 100%; }
.catalog-item.is-tile .catalog-item__button--order .catalog-item__button-text { display: block; }
@media screen and (min-width: 480px) { .catalog-item.is-tile .catalog-item__button--order .catalog-item__button-text { font-size: 0.875rem; } }
.catalog-item.is-tile .catalog-item__button--cart { margin-left: auto; }
.catalog-item.is-tile .catalog-item__button--cart.is-active { background: none; border: 1px solid rgba(55, 55, 55, 0.5); border: 1px solid var(--color-grey-5); color: #373737; color: var(--color-black); }
.catalog-item.is-tile .catalog-item__button--cart.is-active:hover, .catalog-item.is-tile .catalog-item__button--cart.is-active:active { background: #9B2D30; background: var(--color-red-1); border-color: #9B2D30; border-color: var(--color-red-1); color: #FFF; color: var(--color-white); }
.catalog-item.is-list { align-items: flex-start; display: flex; grid-column: auto / span 12; position: relative; }
@media screen and (min-width: 1440px) { .catalog-item.is-list { grid-column: auto / span 10; } }
@media screen and (max-width: 767px) { .catalog-item.is-list { flex-wrap: wrap; } }
.catalog-item.is-list.card { padding: 2rem; padding: var(--gap-4); }
@media screen and (min-width: 768px) and (max-width: 1439px) { .catalog-item.is-list.card { padding: 1.5rem; padding: var(--gap-3); } }
@media screen and (min-width: 480px) and (max-width: 767px) { .catalog-item.is-list.card { padding: 1rem; padding: var(--gap-2); } }
@media screen and (max-width: 479px) { .catalog-item.is-list.card { padding: 0.5rem; padding: var(--gap-1); } }
@media screen and (max-width: 767px) { .catalog-item.is-list .catalog-item__heading { margin: 0 0 1rem; margin: 0 0 var(--gap-2); width: 100%; } }
@media screen and (min-width: 768px) { .catalog-item.is-list .catalog-item__available { display: none; } }
@media screen and (max-width: 767px) { .catalog-item.is-list .catalog-item__available { margin-left: 0.5rem; margin-left: var(--gap-1); } }
@media screen and (min-width: 768px) { .catalog-item.is-list .catalog-item__actions { margin: 0; position: absolute; right: 2rem; right: var(--gap-4); top: 2rem; top: var(--gap-4); z-index: 9; } }
@media screen and (min-width: 768px) and (max-width: 1439px) { .catalog-item.is-list .catalog-item__actions { right: 1.5rem; right: var(--gap-3); top: 1.5rem; top: var(--gap-3); } }
@media screen and (max-width: 767px) { .catalog-item.is-list .catalog-item__actions { margin-right: 0; } }
.catalog-item.is-list .catalog-item__visual { margin-right: 4.5%; max-width: 21rem; padding: 0; width: 24%; }
@media screen and (min-width: 768px) and (max-width: 1439px) { .catalog-item.is-list .catalog-item__visual { margin-right: 2rem; margin-right: var(--gap-4); } }
@media screen and (max-width: 767px) { .catalog-item.is-list .catalog-item__visual { margin-right: 1.5rem; margin-right: var(--gap-3); width: calc(40% - 0.5 * 1.5rem); width: calc(40% - 0.5 * var(--gap-3)); } }
.catalog-item.is-list .catalog-item__visual-image { position: relative; }
.catalog-item.is-list .catalog-item__labels { margin-left: calc(-1 * 1rem); margin-left: calc(-1 * var(--gap-2)); }
@media screen and (max-width: 767px) { .catalog-item.is-list .catalog-item__labels { margin-left: 0.5rem; margin-left: var(--gap-1); } }
.catalog-item.is-list .catalog-item__info { flex-grow: 1; margin-right: 7.8%; padding: 0; }
@media screen and (min-width: 768px) and (max-width: 1439px) { .catalog-item.is-list .catalog-item__info { margin-right: 2rem; margin-right: var(--gap-4); } }
@media screen and (max-width: 767px) { .catalog-item.is-list .catalog-item__info { margin: 0; padding-right: 0.5rem; padding-right: var(--gap-1); width: calc(60% - 0.5 * 1.5rem); width: calc(60% - 0.5 * var(--gap-3)); } }
@media screen and (min-width: 768px) { .catalog-item.is-list .catalog-item__info .catalog-item__available { display: block; margin: 1rem 0 0; margin: var(--gap-2) 0 0; } }
.catalog-item.is-list .catalog-item__title { font-size: 1.125rem; font-weight: bold; }
.catalog-item.is-list .catalog-item__side { max-width: 24rem; width: 27%; }
@media screen and (max-width: 1439px) { .catalog-item.is-list .catalog-item__side { width: 32%; } }
@media screen and (max-width: 1023px) { .catalog-item.is-list .catalog-item__side { padding: 2.5rem 0 0; padding: var(--gap-5) 0 0; } }
@media screen and (max-width: 767px) { .catalog-item.is-list .catalog-item__side { max-width: 100%; padding: 1rem 0.5rem 0.5rem; padding: var(--gap-2) var(--gap-1) var(--gap-1); width: 100%; } }
.catalog-item.is-list .catalog-item__discount { max-width: calc(100% - 3.5rem); }
@media screen and (max-width: 1023px) { .catalog-item.is-list .catalog-item__discount { position: relative; } }
.catalog-item.is-list .catalog-item__purchase { flex-wrap: wrap; }
.catalog-item.is-list .catalog-item__price { font-size: 2.5rem; width: 100%; }
@media screen and (max-width: 1023px) { .catalog-item.is-list .catalog-item__price { font-size: 2rem; } }
.catalog-item.is-list .catalog-item__button { margin: 1rem 0.5rem 0 0; margin: var(--gap-2) var(--gap-1) 0 0; width: calc(50% - 0.5 * 0.5rem); width: calc(50% - 0.5 * var(--gap-1)); }
@media screen and (min-width: 768px) and (max-width: 1279px) { .catalog-item.is-list .catalog-item__button { height: 3rem; margin: 0.5rem 0 0; margin: var(--gap-1) 0 0; width: 100%; } }
@media screen and (max-width: 767px) { .catalog-item.is-list .catalog-item__button { margin-top: 0.5rem; margin-top: var(--gap-1); } }
.catalog-item.is-list .catalog-item__button:last-child { margin-right: 0; }
@media screen and (max-width: 479px) { .catalog-item.is-list .catalog-item__button-text { font-size: 0.75rem; } }
.catalog-item.is-list .catalog-item__button--order { margin-right: 0; width: 100%; }
.catalog-item.is-list .catalog-item__button--cart.is-active { background: none; border: 1px solid rgba(155, 45, 48, 0.5); border: 1px solid var(--color-red-3); color: #9B2D30; color: var(--color-red-1); }
.catalog-item.is-list .catalog-item__button--cart.is-active:hover, .catalog-item.is-list .catalog-item__button--cart.is-active:active { background: #9B2D30; background: var(--color-red-1); border-color: #9B2D30; border-color: var(--color-red-1); color: #FFF; color: var(--color-white); }
/*----------------------------------------*/
/* PRODUCT DISCOUNT */
/*----------------------------------------*/
.product-discount__from { text-decoration: line-through; }
.product-discount__value { background: #9B2D30; background: var(--color-red-1); border-radius: 1em; color: #FFF; color: var(--color-white); font-size: 0.75em; height: 2em; }
/*----------------------------------------*/
/* PRODUCT GALLERY */
/*----------------------------------------*/
.product-gallery { position: relative; }
.product-gallery__thumbnails { position: relative; }
@media screen and (max-width: 479px) { .product-gallery__thumbnails { right: 100vw; position: absolute; top: 0; visibility: hidden; } }
.product-gallery__thumbnails-nav { align-items: center; background: none; border: 0; cursor: pointer; display: flex; justify-content: center; position: absolute; transition: color 0.25s; transition: color var(--anim-speed); }
.product-gallery__thumbnails-nav:not(:disabled):hover, .product-gallery__thumbnails-nav:not(:disabled):active { color: #9B2D30; color: var(--color-red-1); }
.product-gallery__thumbnails-item { border-radius: 0.375rem; border-radius: var(--border-radius); border: 1px solid #D9D9D9; border: 1px solid var(--color-grey-2); cursor: pointer; transition: border-color 0.25s; transition: border-color var(--anim-speed); }
.product-gallery__thumbnails-item.is-active { border-color: #9B2D30; border-color: var(--color-red-1); }
.product-gallery__preview { position: relative; text-align: center; width: 100%; }
.product-gallery__preview .swiper-horizontal, .product-gallery__preview .swiper-wrapper { height: 100%; }
.product-gallery__preview-item img, .product-gallery__preview-item picture, .product-gallery__preview-item video { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; }
.product-gallery__preview-nav { position: absolute; z-index: 99; }
.product-gallery__preview-nav:disabled { opacity: 0.1; }
.product-gallery__preview-pager { background: #373737; background: var(--color-black); border-radius: 0.625rem; color: #FFF; color: var(--color-white); display: inline-block; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; margin: 1.375rem 0 0.375rem; padding: 0 0.5rem; vertical-align: top; width: auto; }
@media screen and (min-width: 480px) { .product-gallery__preview-pager { display: none; } }
@media screen and (min-width: 1440px) { .product-gallery[data-type='vertical'] { border-bottom-right-radius: 0; border-top-right-radius: 0; width: calc(100% - 52rem); } }
@media screen and (max-width: 1439px) { .product-gallery[data-type='vertical'] { margin: 0 0 1rem; margin: 0 0 var(--gap-2); width: 100%; } }
.product-gallery[data-type='vertical'] .product-gallery__thumbnails { margin: 0 2rem 0 0; padding: 1.75rem 0; width: 5rem; }
@media screen and (min-width: 768px) and (max-width: 1023px) { .product-gallery[data-type='vertical'] .product-gallery__thumbnails { margin: 0 1.5rem 0 0; } }
@media screen and (max-width: 767px) { .product-gallery[data-type='vertical'] .product-gallery__thumbnails { margin: 0 1rem 0 0; width: 4rem; } }
.product-gallery[data-type='vertical'] .product-gallery__thumbnails .swiper-vertical { height: calc(20rem + 24px); overflow: hidden; }
@media screen and (max-width: 767px) { .product-gallery[data-type='vertical'] .product-gallery__thumbnails .swiper-vertical { height: calc(12rem + 16px); } }
.product-gallery[data-type='vertical'] .product-gallery__thumbnails-item { height: 5rem; }
@media screen and (max-width: 767px) { .product-gallery[data-type='vertical'] .product-gallery__thumbnails-item { height: 4rem; } }
.product-gallery[data-type='vertical'] .product-gallery__thumbnails-nav { left: 0; height: 1.5rem; width: 100%; }
.product-gallery[data-type='vertical'] .product-gallery__thumbnails-nav--prev { top: 0; }
.product-gallery[data-type='vertical'] .product-gallery__thumbnails-nav--next { bottom: 0; }
.product-gallery[data-type='vertical'] .product-gallery__preview { cursor: pointer; max-width: 33rem; width: calc(100% - 7rem); }
@media screen and (min-width: 768px) and (max-width: 1023px) { .product-gallery[data-type='vertical'] .product-gallery__preview { width: calc(100% - 6.5rem); } }
@media screen and (min-width: 480px) and (max-width: 767px) { .product-gallery[data-type='vertical'] .product-gallery__preview { width: calc(100% - 6rem); } }
@media screen and (max-width: 479px) { .product-gallery[data-type='vertical'] .product-gallery__preview { width: 100%; } }
.product-gallery[data-type='vertical'] .product-gallery__preview:only-child { max-width: 29rem; width: 100%; }
.product-gallery[data-type='vertical'] .product-gallery__preview-item .plyr { width: 100%; }
.product-gallery[data-type='vertical'] .product-gallery__preview-nav { bottom: 0; }
@media screen and (min-width: 480px) { .product-gallery[data-type='vertical'] .product-gallery__preview-nav { display: none; } }
.product-gallery[data-type='vertical'] .product-gallery__preview-nav--prev { left: 0; }
.product-gallery[data-type='vertical'] .product-gallery__preview-nav--next { right: 0; }
.product-gallery[data-type='horizontal'] .product-gallery__thumbnails { height: 5rem; padding: 0 1.75rem; }
.product-gallery[data-type='horizontal'] .product-gallery__thumbnails .swiper-horizontal { overflow: hidden; }
.product-gallery[data-type='horizontal'] .product-gallery__thumbnails .swiper-horizontal, .product-gallery[data-type='horizontal'] .product-gallery__thumbnails .swiper-wrapper { height: 100%; }
.product-gallery[data-type='horizontal'] .product-gallery__thumbnails-nav { height: 100%; top: 0; width: 1.5rem; }
.product-gallery[data-type='horizontal'] .product-gallery__thumbnails-nav--prev { left: 0; }
.product-gallery[data-type='horizontal'] .product-gallery__thumbnails-nav--next { right: 0; }
.product-gallery[data-type='horizontal'] .product-gallery__preview-item .plyr { height: 100%; }
.product-gallery[data-type='horizontal'] .product-gallery__preview-nav { margin: -1.75rem 0 0; top: 50%; }
@media screen and (max-width: 1439px) { .product-gallery[data-type='horizontal'] .product-gallery__preview-nav { height: 2rem; width: 2rem; } }
@media screen and (min-width: 480px) and (max-width: 1439px) { .product-gallery[data-type='horizontal'] .product-gallery__preview-nav { margin: -1rem 0 0; } }
@media screen and (max-width: 479px) { .product-gallery[data-type='horizontal'] .product-gallery__preview-nav { margin: 1rem 0 0; top: 100%; } }
@media screen and (max-width: 1439px) { .product-gallery[data-type='horizontal'] .product-gallery__preview-nav .button__image { height: 1.25rem; width: 1.25rem; } }
.product-gallery[data-type='horizontal'] .product-gallery__preview-nav--prev { left: -1.75rem; }
@media screen and (min-width: 480px) and (max-width: 1439px) { .product-gallery[data-type='horizontal'] .product-gallery__preview-nav--prev { left: -1rem; } }
@media screen and (max-width: 479px) { .product-gallery[data-type='horizontal'] .product-gallery__preview-nav--prev { left: 0; } }
.product-gallery[data-type='horizontal'] .product-gallery__preview-nav--next { right: -1.75rem; }
@media screen and (min-width: 480px) and (max-width: 1439px) { .product-gallery[data-type='horizontal'] .product-gallery__preview-nav--next { right: -1rem; } }
@media screen and (max-width: 479px) { .product-gallery[data-type='horizontal'] .product-gallery__preview-nav--next { right: 0; } }
/*----------------------------------------*/
/* PRODUCT STATS */
/*----------------------------------------*/
.product-stats { position: relative; width: 23rem; }
@media screen and (min-width: 1808px) { .product-stats { min-height: 30rem; } }
@media screen and (min-width: 1440px) { .product-stats { border-bottom-left-radius: 0; border-top-left-radius: 0; } }
@media screen and (min-width: 768px) and (max-width: 1439px) { .product-stats { width: calc(50% - 0.5 * 1rem); width: calc(50% - 0.5 * var(--gap-2)); } }
@media screen and (max-width: 767px) { .product-stats { margin: 0 0 1rem; margin: 0 0 var(--gap-2); width: 100%; } }
.product-stats::before { background: #FFF; background: var(--color-white); content: ''; display: block; height: 100%; left: -0.25rem; pointer-events: none; position: absolute; top: 0; width: 0.25rem; }
@media screen and (max-width: 1439px) { .product-stats::before { display: none; } }
.product-stats__list > li:not(:last-child) { margin: 0 0 0.5rem; margin: 0 0 var(--gap-1); }
.product-stats__buttons-item { font-size: 0.875rem; height: 2.5rem; margin-right: 0.5rem; margin-right: var(--gap-1); padding: 0 0.5rem; padding: 0 var(--gap-1); max-width: calc(50% - 0.5 * 0.5rem); max-width: calc(50% - 0.5 * var(--gap-1)); }
.product-stats__buttons-item:last-child { margin: 0; }
@media screen and (min-width: 768px) and (max-width: 1023px) { .product-stats__buttons-item:not(:only-child) { max-width: unset; } }
@media screen and (max-width: 479px) { .product-stats__buttons-item:not(:only-child) { max-width: unset; } }
.product-stats__buttons-text { padding: 0 0.5rem; padding: 0 var(--gap-1); }
/*----------------------------------------*/
/* PRODUCT ACTIONS */
/*----------------------------------------*/
.product-actions { margin-left: 1rem; width: 26rem; }
@media screen and (min-width: 1808px) { .product-actions { min-height: 30rem; } }
@media screen and (min-width: 768px) and (max-width: 1439px) { .product-actions { margin-left: 1rem; margin-left: var(--gap-2); width: calc(50% - 0.5 * 1rem); width: calc(50% - 0.5 * var(--gap-2)); } }
@media screen and (max-width: 767px) { .product-actions { margin: 0; width: 100%; } }
@media screen and (max-width: 1023px) { .product-actions__article, .product-actions__available { width: 50%; } }
.product-actions__available { text-align: right; }
.product-actions__overprice { border-radius: 0.75rem; font-size: 0.75rem; height: 1.5rem; padding: 0 0.75rem; }
.product-actions__option .selectr-container.native-open .selectr-selected, .product-actions__option .selectr-container.open .selectr-selected, .product-actions__option .selectr-container.native-open.inverted .selectr-selected, .product-actions__option .selectr-container.open.inverted .selectr-selected { border-color: #9B2D30; border-color: var(--color-red-1); }
.product-actions__option .selectr-container:not(.open) .selectr-selected { border-color: rgba(55, 55, 55, 0.2); border-color: var(--color-grey-4); }
.product-actions__price { font-size: 2.5rem; font-weight: bold; }
@media screen and (max-width: 1023px) { .product-actions__price { font-size: 2rem; } }
.product-actions__count { max-width: 10.75rem; width: 50%; }
.product-actions__count input { border: 0; }
.product-actions__buttons-item { margin-right: 0.5rem; margin-right: var(--gap-1); width: 100%; }
.product-actions__buttons-item:last-child { margin: 0; }
.product-actions__buttons-text { padding: 0 0.5rem; }
/*----------------------------------------*/
/* PRODUCT OPTION */
/*----------------------------------------*/
.product-option .selectr-selected { background: transparent; }
.product-option .selectr-selected .selectr-label { line-height: 1; white-space: normal; }
.product-option .selectr-option.disabled { opacity: 1; }
.product-option .selectr-option.disabled .product-option__text { opacity: 0.5; }
.product-option__link { display: inline-block; margin-top: 0.25rem; }
/*----------------------------------------*/
/* PRODUCT TOOLTIP */
/*----------------------------------------*/
.product-tooltip { left: auto; margin: 0.75rem 0 0; right: -2rem; transform: none; width: 20rem; }
@media screen and (min-width: 768px) and (max-width: 1023px) { .product-tooltip { right: -1.5rem; } }
@media screen and (max-width: 767px) { .product-tooltip { right: -1rem; } }
@media screen and (max-width: 479px) { .product-tooltip { width: 18rem; } }
.product-tooltip::before { border-color: transparent transparent #373737 transparent; border-color: transparent transparent var(--color-black) transparent; border-width: 0 0 0.75rem 0.75rem; left: auto; margin: 0; right: 2.75rem; }
@media screen and (min-width: 768px) and (max-width: 1023px) { .product-tooltip::before { right: 2.25rem; } }
@media screen and (max-width: 767px) { .product-tooltip::before { right: 1.75rem; } }
.product-tooltip.tooltip__content--light::before { border-color: transparent transparent #FFF transparent; border-color: transparent transparent var(--color-white) transparent; }
/*----------------------------------------*/
/* PRODUCT DESCRIPTION */
/*----------------------------------------*/
.product-description { max-width: 62rem; }
.product-description__section:not(:last-child) { margin: 0 0 2.5rem; margin: 0 0 var(--gap-5); }
@media screen and (max-width: 767px) { .product-description__section:not(:last-child) { margin: 0 0 2rem; margin: 0 0 var(--gap-4); } }
/*----------------------------------------*/
/* PRODUCT SHORT */
/*----------------------------------------*/
.product-short__content { height: 6rem; white-space: nowrap; }
.product-short__image { max-height: 100%; -o-object-fit: contain; object-fit: contain; width: 6rem; }
.product-short__title { margin: 0 0 calc(0.75 * 1rem); margin: 0 0 calc(0.75 * var(--gap-2)); }
.product-short__discount { margin: 0 0 calc(0.25 * 0.5rem); margin: 0 0 calc(0.25 * var(--gap-1)); }
.product-short__price { margin: 0 0 calc(0.5 * 0.5rem); margin: 0 0 calc(0.5 * var(--gap-1)); }
@media screen and (min-width: 768px) and (max-width: 1807px) { .product-short--slide .product-short__content { height: 5rem; } }
@media screen and (max-width: 767px) { .product-short--slide .product-short__content { height: auto; } }
.product-short--slide .product-short__image { margin-right: 1.5rem; margin-right: var(--gap-3); }
@media screen and (min-width: 768px) and (max-width: 1279px) { .product-short--slide .product-short__image { margin-right: 1rem; margin-right: var(--gap-2); } }
@media screen and (min-width: 768px) and (max-width: 1807px) { .product-short--slide .product-short__image { width: 4rem; } }
@media screen and (max-width: 767px) { .product-short--slide .product-short__image { height: 6rem; margin: 0.5rem auto 0; width: auto; } }
.product-short--slide .product-short__text { position: relative; }
@media screen and (max-width: 767px) { .product-short--slide .product-short__text { margin: 1rem 0 0; margin: var(--gap-2) 0 0; padding: 1.5rem 0 0; padding: var(--gap-3) 0 0; } }
@media screen and (max-width: 767px) { .product-short--slide .product-short__discount { left: 0; position: absolute; top: 0; width: 100%; } }
/*----------------------------------------*/
/* PRODUCT SPECS */
/*----------------------------------------*/
.product-specs { --grid-gap-h: var(--gap-8); --grid-gap-v: 0; }
@media screen and (max-width: 1279px) { .product-specs { --grid-gap-h: 0; } }
.product-specs__item { border-top: 1px solid #D9D9D9; border-top: 1px solid var(--color-grey-2); margin: -1px 0 0; width: 100%; }
.product-specs.catalogue-properties-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--gap-8); }
.catalogue-property-row { display: grid; grid-template-columns: minmax(0, 62%) minmax(0, 38%); border-bottom: 1px solid var(--color-grey-2); padding: calc(.75 * var(--gap-2)) 0; }
.catalogue-property-name { padding-right: var(--gap-4); }
.catalogue-properties-rich { grid-column: 1 / -1; }
.catalogue-property-list { column-count: 2; column-gap: var(--gap-8); margin: 0; padding-left: 1.25rem; }
.catalogue-property-list > li { break-inside: avoid; }
@media screen and (max-width: 767px) { .catalogue-property-list { column-count: 1; } }
@media screen and (max-width: 767px) { .product-specs.catalogue-properties-grid { grid-template-columns: 1fr; } .catalogue-property-row { grid-template-columns: minmax(0, 45%) minmax(0, 55%); } }
@media screen and (min-width: 768px) { .product-specs.catalogue-properties-grid { gap: 0 var(--gap-4); } .catalogue-property-row { grid-template-columns: minmax(0, 48%) minmax(0, 52%); } .catalogue-property-name { padding-right: var(--gap-2); } .catalogue-property-value { overflow-wrap: anywhere; } }
.product-specs th, .product-specs td { border-bottom: 1px solid #D9D9D9; border-bottom: 1px solid var(--color-grey-2); padding: calc(0.75 * 1rem) 0; padding: calc(0.75 * var(--gap-2)) 0; vertical-align: top; }
.product-specs th { font-weight: normal; padding-right: 4rem; padding-right: var(--gap-8); text-align: left; width: 62%; }
@media screen and (min-width: 768px) and (max-width: 1439px) { .product-specs th { padding-right: 2rem; padding-right: var(--gap-4); } }
@media screen and (max-width: 767px) { .product-specs th { padding-right: 1.5rem; padding-right: var(--gap-3); } }
.product-specs td { font-weight: 600; }
.hot-offers .catalog-item__price { font-size: 1.5rem; font-weight: bold; white-space: nowrap; }
.hot-offers .catalog-item.is-tile .catalog-item__price .product-item-price-current { font-size: 1.5rem; }
@media screen and (min-width: 480px) { .hot-offers .catalog-item__price { line-height: 3rem; } }
#bx-soa-basket[data-expanded-by-default="true"] .bx-soa-section-content { display: block !important; }
.checkout-basket-actions .button { min-height: 3rem; }
.checkout-basket-one-click { display: inline-flex; font-size: .875rem; min-height: 2.25rem; }
/*----------------------------------------*/
/* ABOUT INTRO */
/*----------------------------------------*/
.about-intro { position: relative; }
.about-intro::before { background: url(../img/pattern-11.svg) 100% 100% no-repeat; background-size: contain; bottom: 0; content: ''; display: block; height: 33.75rem; margin-left: 22.5rem; pointer-events: none; position: absolute; left: 50%; width: 37.5rem; z-index: 1; }
@media screen and (min-width: 1280px) and (max-width: 1439px) { .about-intro::before { left: -6.5rem; margin-left: 0; transform: scaleX(-1); } }
@media screen and (min-width: 768px) and (max-width: 1279px) { .about-intro::before { left: auto; margin: 0; right: -6.5rem; } }
@media screen and (max-width: 767px) { .about-intro::before { display: none; } }
.about-intro__media { border-radius: 0.375rem; border-radius: var(--border-radius); max-width: 53rem; overflow: hidden; position: relative; z-index: 99; }
.about-intro__text { position: relative; max-width: 32rem; z-index: 11; }
.about-intro__logo { max-width: 24.125rem; position: relative; }
.about-intro__logo::before, .about-intro__logo::after { background-size: 100% 100%; content: ''; display: block; pointer-events: none; position: absolute; z-index: 9; }
.about-intro__logo::before { background-image: url(../img/about-decor-1.svg); height: 17rem; margin-right: -2.55rem; right: 100%; top: -7.25rem; width: 65.9375rem; }
.about-intro__logo::after { background-image: url(../img/about-decor-2.svg); height: 13.1875rem; margin-left: -2.35rem; left: 100%; top: 0.35rem; width: 34.8125rem; }
.about-intro__logo img { width: 100%; }
.about-intro__button { font-size: 1.125rem; height: 3.5rem; width: 100%; }
@media screen and (min-width: 768px) { .about-intro__button { height: 4.5rem; } }
@media screen and (min-width: 480px) { .about-intro__button { max-width: 23rem; } }
.about-intro__button-image { height: 2.5rem; width: 2.5rem; }
@media screen and (min-width: 768px) { .about-intro__button-image { height: 3rem; width: 3rem; } }
/*----------------------------------------*/
/* ABOUT BENEFIT */
/*----------------------------------------*/
.about-benefit--1 { background: url(../img/pattern-7.svg) 100% 0 repeat-y, linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: url(../img/pattern-7.svg) 100% 0 repeat-y, var(--gradient-primary); }
@media screen and (max-width: 479px) { .about-benefit--1 { background-position: right -52px top 0, 0 0; } }
.about-benefit--2 { background: url(../img/pattern-8.svg) 100% 0 repeat-y, linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: url(../img/pattern-8.svg) 100% 0 repeat-y, var(--gradient-primary); }
@media screen and (max-width: 479px) { .about-benefit--2 { background-position: right -52px top 0, 0 0; } }
.about-benefit--3 { background: url(../img/pattern-6.svg) 100% 0 repeat-y, linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: url(../img/pattern-6.svg) 100% 0 repeat-y, var(--gradient-primary); }
@media screen and (max-width: 479px) { .about-benefit--3 { background-position: right -52px top 0, 0 0; } }
.about-benefit__content { max-width: 22rem; }
.about-benefit__image { background: rgba(155, 45, 48, 0.1); background: var(--color-red-2); border-radius: 100%; height: 4.5rem; padding: calc(0.75 * 1rem); padding: calc(0.75 * var(--gap-2)); width: 4.5rem; }
.about-benefit__title { margin: 0; }
@media screen and (min-width: 768px) { .about-benefit__title { font-size: 2.25rem; } }
.about-benefit__brief { max-width: 19rem; }
@media screen and (max-width: 479px) { .about-benefit__brief { padding-right: 2.25rem; } }
/*----------------------------------------*/
/* ABOUT GALLERY */
/*----------------------------------------*/
.about-gallery .about-gallery__item { border-radius: 0.375rem; border-radius: var(--border-radius); height: 21.66vw; max-height: 26rem; max-width: 26rem; min-height: 12rem; overflow: hidden; width: auto; }
.about-gallery .about-gallery__item img, .about-gallery .about-gallery__item picture { border-radius: inherit; }
/*----------------------------------------*/
/* ABOUT SOCIALS */
/*----------------------------------------*/
.about-sns { background: url(../img/pattern-12.svg) 0 -7rem repeat-x, url(../img/pattern-12.svg) left 0 bottom -7rem repeat-x, linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: url(../img/pattern-12.svg) 0 -7rem repeat-x, url(../img/pattern-12.svg) left 0 bottom -7rem repeat-x, var(--gradient-primary); }
@media screen and (min-width: 480px) and (max-width: 767px) { .about-sns { background-position: 0 -5.65rem, left 0 bottom -5.65rem, 0 0; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { .about-sns { background-position: 0 -4rem, left 0 bottom -4rem, 0 0; } }
@media screen and (min-width: 1280px) { .about-sns { background-position: 100% 0, 0 0, 0 0; background-repeat: repeat-y, repeat-y, no-repeat; } }
.about-sns__container { max-width: 53rem; text-align: center; }
@media screen and (max-width: 767px) { .about-sns__buttons { --grid-gap-v: 0.5rem; max-width: 23rem; } }
/*----------------------------------------*/
/* ARTICLE */
/*----------------------------------------*/
.article__container-1 { max-width: 62rem; }
.article__container-2 { max-width: 51rem; }
.article__media { border-radius: 0.375rem; border-radius: var(--border-radius); overflow: hidden; width: 100%; }
.article__media img, .article__media picture, .article__media video { width: 100%; }
.article__subtitle { margin: 0 0 1.5rem; margin: 0 0 var(--gap-3); }
@media screen and (min-width: 1280px) { .article__subtitle { font: 1rem/1.4 'Manrope', sans-serif; font: 1rem/1.4 var(--font-primary); text-transform: none; } }
.article__icon { background: linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: var(--gradient-primary); border-radius: 100%; height: 5.5rem; padding: 1.25rem; width: 5.5rem; }
@media screen and (max-width: 767px) { .article__icon { height: 4rem; padding: 0.75rem; width: 4rem; } }
.article__icon--sm { height: 4rem; padding: 0.75rem; width: 4rem; }
.article__label { background: #E6CECB; background: var(--color-beige-4); border-radius: 0.375rem; border-radius: var(--border-radius); display: inline-block; font-weight: 600; line-height: 1.2; padding: 0.35rem 1rem; }
.article--blog { border-top: 1px solid #D9D9D9; border-top: 1px solid var(--color-grey-2); padding: 1.5rem 0 0; padding: var(--gap-3) 0 0; }
/*----------------------------------------*/
/* ARTICLE ITEM */
/*----------------------------------------*/
.article-item__image { border-radius: 0.375rem; border-radius: var(--border-radius); padding: 57.69% 0 0; position: relative; }
.article-item__image img, .article-item__image picture { left: 0; position: absolute; top: 0; }
/*----------------------------------------*/
/* CONTACTS MAP */
/*----------------------------------------*/
.contacts-map { border-radius: 0.375rem; border-radius: var(--border-radius); overflow: hidden; position: relative; }
@media screen and (min-width: 1024px) { .contacts-map { padding: 32px; } }
.contacts-map__scheme { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 11; }
@media screen and (max-width: 1023px) { .contacts-map__scheme { height: 30rem; position: relative; } }
.contacts-map__info { background: #F5F5F5; position: relative; width: 336px; z-index: 99; }
@media screen and (max-width: 1023px) { .contacts-map__info { width: 100%; } }
.contacts-map__group { border-bottom: 1px solid #D9D9D9; border-bottom: 1px solid var(--color-grey-2); border-left: 0.25rem solid transparent; transition: background-color 0.25s, border-color 0.25s; transition: background-color var(--anim-speed), border-color var(--anim-speed); width: 100%; }
@media screen and (min-width: 768px) and (max-width: 1023px) { .contacts-map__group { border-right: 1px solid #D9D9D9; border-right: 1px solid var(--color-grey-2); width: 50%; } }
@media screen and (min-width: 1024px) { .contacts-map__group:last-child { border-bottom: 0; } }
@media screen and (min-width: 768px) and (max-width: 1023px) { .contacts-map__group:nth-child(2n) { border-right: 0; } }
.contacts-map__group.is-active { background: #FFF; background: var(--color-white); border-left-color: #9B2D30; border-left-color: var(--color-red-1); }
.contacts-map__group.is-active .contacts-map__toggle { color: #9B2D30; color: var(--color-red-1); }
.contacts-map__group.is-active .contacts-map__toggle-image { opacity: 1; }
.contacts-map__toggle { margin: 0; transition: color 0.25s; transition: color var(--anim-speed); }
.contacts-map__toggle-image { opacity: 0; transition: opacity 0.25s; transition: opacity var(--anim-speed); }
.contacts-map__item { line-height: 1.375rem; }
.contacts-map__item-image { margin-top: 0.1875rem; }
/*----------------------------------------*/
/* CONTACTS REQUISITES */
/*----------------------------------------*/
.contacts-requisites { padding: 5rem 0; }
@media screen and (min-width: 768px) and (max-width: 1279px) { .contacts-requisites { padding: 3rem 0; padding: var(--gap-6) 0; } }
@media screen and (max-width: 767px) { .contacts-requisites { padding: 2rem 0; padding: var(--gap-4) 0; } }
.contacts-requisites__container { max-width: 93rem; }
@media screen and (min-width: 1280px) { .contacts-requisites__container { padding: 0 2rem; padding: 0 var(--gap-4); } }
.contacts-requisites__heading { width: 100%; }
@media screen and (min-width: 1024px) { .contacts-requisites__heading { width: 16rem; } }
@media screen and (min-width: 1024px) { .contacts-requisites__button { width: 100%; } }
.contacts-requisites__table { border-top: 1px solid #D2CAC8; border-top: 1px solid var(--color-grey-7); margin: -1px 0 0; }
.contacts-requisites__table th, .contacts-requisites__table td { border-bottom: 1px solid #D2CAC8; border-bottom: 1px solid var(--color-grey-7); padding: 1rem 0; padding: var(--gap-2) 0; }
.contacts-requisites__table th { font-weight: normal; padding-right: 1rem; padding-right: var(--gap-2); text-align: left; }
@media screen and (max-width: 1439px) { .contacts-requisites__table th { padding-right: 0.5rem; padding-right: var(--gap-1); } }
.contacts-requisites__table td { font-weight: 600; }
.contacts-requisites__table--1 { width: 100%; }
@media screen and (max-width: 767px) { .contacts-requisites__table--1 { display: block; } }
@media screen and (max-width: 767px) { .contacts-requisites__table--1 tbody, .contacts-requisites__table--1 tr, .contacts-requisites__table--1 td, .contacts-requisites__table--1 th { display: block; } }
@media screen and (max-width: 767px) { .contacts-requisites__table--1 tr { border-bottom: 1px solid #D2CAC8; border-bottom: 1px solid var(--color-grey-7); padding: 1rem 0; padding: var(--gap-2) 0; } }
@media screen and (max-width: 767px) { .contacts-requisites__table--1 td, .contacts-requisites__table--1 th { border: 0; padding: 0; } }
.contacts-requisites__table--1 th { width: 36.3%; }
@media screen and (max-width: 767px) { .contacts-requisites__table--1 th { margin: 0 0 0.5rem; margin: 0 0 var(--gap-1); width: 100%; } }
.contacts-requisites__table--2 th, .contacts-requisites__table--3 th { width: 5.5rem; }
@media screen and (min-width: 480px) and (max-width: 1439px) { .contacts-requisites__table--2 th, .contacts-requisites__table--3 th { width: 36.3%; } }
@media screen and (max-width: 479px) { .contacts-requisites__table--2 th, .contacts-requisites__table--3 th { width: 33.3%; } }
.contacts-requisites__table--2 { margin-right: 4rem; width: calc(36.3% - 4rem); }
@media screen and (min-width: 1440px) and (max-width: 1807px) { .contacts-requisites__table--2 { width: calc(45% - 4rem); } }
@media screen and (max-width: 1439px) { .contacts-requisites__table--2 { margin-right: 0; width: 100%; } }
.contacts-requisites__table--3 { width: 63.7%; }
@media screen and (min-width: 1440px) and (max-width: 1807px) { .contacts-requisites__table--3 { width: 55%; } }
@media screen and (max-width: 1439px) { .contacts-requisites__table--3 { width: 100%; } }
/*----------------------------------------*/
/* CART ITEM */
/*----------------------------------------*/
.cart-item { margin: 0 0 1rem; margin: 0 0 var(--gap-2); position: relative; }
.cart-item:last-child { margin: 0; }
.cart-item__image { display: block; max-width: 15rem; margin-right: 2rem; margin-right: var(--gap-4); width: 20%; }
@media screen and (max-width: 1279px) { .cart-item__image { margin-right: 1rem; margin-right: var(--gap-2); } }
@media screen and (min-width: 480px) and (max-width: 767px) { .cart-item__image { margin-right: 0; width: 5rem; } }
@media screen and (max-width: 479px) { .cart-item__image { margin: 0 0 1rem; margin: 0 0 var(--gap-2); width: auto; } }
.cart-item__text { padding: 0 2rem; padding: 0 var(--gap-4); }
@media screen and (max-width: 1279px) { .cart-item__text { padding: 0 1rem; padding: 0 var(--gap-2); } }
@media screen and (min-width: 768px) and (max-width: 1023px) { .cart-item__text { width: calc(80% - 1rem); width: calc(80% - var(--gap-2)); } }
@media screen and (min-width: 480px) and (max-width: 767px) { .cart-item__text { width: calc(100% - 5rem); } }
@media screen and (max-width: 479px) { .cart-item__text { margin: 0; padding: 0; width: 100%; } }
.cart-item__count { max-width: 14.75rem; min-width: 12rem; padding: 0 2rem; padding: 0 var(--gap-4); width: 20%; }
@media screen and (max-width: 1279px) { .cart-item__count { padding: 0 1rem; padding: 0 var(--gap-2); } }
@media screen and (min-width: 768px) and (max-width: 1023px) { .cart-item__count { margin: 1rem 0 0 calc(20% + 1rem); margin: var(--gap-2) 0 0 calc(20% + var(--gap-2)); width: 12rem; } }
@media screen and (max-width: 767px) { .cart-item__count { margin-top: 1rem; margin-top: var(--gap-2); padding: 0; min-width: 10rem; width: 10rem; } }
@media screen and (max-width: 479px) { .cart-item__count { min-width: 9rem; width: 9rem; } }
.cart-item__sum { margin-left: 2rem; margin-left: var(--gap-4); max-width: 12rem; width: 16%; }
@media screen and (max-width: 1279px) { .cart-item__sum { margin-left: 1rem; margin-left: var(--gap-2); } }
@media screen and (min-width: 768px) and (max-width: 1023px) { .cart-item__sum { max-width: unset; margin-top: 1rem; margin-top: var(--gap-2); width: calc(80% - 12rem - 3 * 1rem); width: calc(80% - 12rem - 3 * var(--gap-2)); } }
@media screen and (max-width: 767px) { .cart-item__sum { margin-top: 1rem; margin-top: var(--gap-2); width: calc(100% - 10rem - 1rem); width: calc(100% - 10rem - var(--gap-2)); } }
@media screen and (max-width: 479px) { .cart-item__sum { width: calc(100% - 9rem - 1rem); width: calc(100% - 9rem - var(--gap-2)); } }
.cart-item__remove { position: absolute; right: 1rem; right: var(--gap-2); top: 1rem; top: var(--gap-2); z-index: 9; }
@media screen and (max-width: 767px) { .cart-item__remove { right: 0.5rem; right: var(--gap-1); top: 0.5rem; top: var(--gap-1); } }
.cart-item--sm:not(:last-child) { border-bottom: 1px solid rgba(55, 55, 55, 0.1); border-bottom: 1px solid var(--color-grey-3); padding: 0 0 1rem; padding: 0 0 var(--gap-2); }
.cart-item--sm .cart-item__image { margin-right: 0; }
@media screen and (min-width: 480px) { .cart-item--sm .cart-item__image { width: 5rem; } }
@media screen and (min-width: 480px) and (max-width: 1279px) { .cart-item--sm .cart-item__text { padding: 0 1rem; padding: 0 var(--gap-2); width: calc(100% - 5rem); } }
.cart-item--sm .cart-item__count { margin-left: 1rem; margin-left: var(--gap-2); min-width: 8rem; padding: 0; width: 8rem; }
@media screen and (max-width: 1279px) { .cart-item--sm .cart-item__count { margin: 1rem 0 0 1.5rem; margin: var(--gap-2) 0 0 var(--gap-3); } }
.cart-item--sm .cart-item__sum { margin: 0; padding: 0 1rem; padding: 0 var(--gap-2); text-align: right; width: 9rem; }
@media screen and (max-width: 1279px) { .cart-item--sm .cart-item__sum { margin: 1rem 0 0 calc(5rem + 1rem); margin: var(--gap-2) 0 0 calc(5rem + var(--gap-2)); padding: 0; width: auto; } }
@media screen and (max-width: 479px) { .cart-item--sm .cart-item__sum { margin-left: 0; } }
/*----------------------------------------*/
/* CART BONUS */
/*----------------------------------------*/
.cart-bonus { position: relative; }
.cart-bonus__input { padding-right: 9.25rem; }
@media screen and (min-width: 768px) and (max-width: 1023px) { .cart-bonus__input { padding-right: 6.5rem; } }
@media screen and (max-width: 479px) { .cart-bonus__input { padding-right: 6.5rem; } }
.cart-bonus__button { height: 3rem; position: absolute; right: 0.25rem; top: 0.25rem; width: 8.75rem; z-index: 9; }
@media screen and (min-width: 768px) and (max-width: 1023px) { .cart-bonus__button { width: 6rem; } }
@media screen and (max-width: 767px) { .cart-bonus__button { height: 2.5rem; } }
@media screen and (max-width: 479px) { .cart-bonus__button { width: 6rem; } }
/*----------------------------------------*/
/* CART TOTAL */
/*----------------------------------------*/
.cart-total { width: 100%; }
.cart-total th, .cart-total td { border-bottom: 1px solid #D9D9D9; border-bottom: 1px solid var(--color-grey-2); border-top: 1px solid #D9D9D9; border-top: 1px solid var(--color-grey-2); padding: 1rem 0; padding: var(--gap-2) 0; vertical-align: top; }
.cart-total th { font-weight: normal; text-align: left; }
.cart-total td { width: 42%; }
@media screen and (max-width: 1023px) { .cart-total td { width: 50%; } }
.cart-total--main th { padding-right: 22%; width: 66.66%; }
@media screen and (max-width: 1439px) { .cart-total--main th { padding-right: 12%; } }
@media screen and (max-width: 767px) { .cart-total--main th { padding-right: 0; width: auto; } }
.cart-total--main td { padding-left: calc(0.75 * 1rem); padding-left: calc(0.75 * var(--gap-2)); white-space: nowrap; width: auto; }
.cart-total--side th, .cart-total--side td { border-bottom: 0; padding: calc(0.75 * 1rem) 0; padding: calc(0.75 * var(--gap-2)) 0; }
/*----------------------------------------*/
/* CART COMPLETE */
/*----------------------------------------*/
.cart-complete { background: url(../img/pattern-13.svg) 0 -1.85rem repeat-x, url(../img/pattern-13.svg) left 0 bottom -1.925rem repeat-x, linear-gradient(180deg, #F3EBE6 0%, #F2E5E1 49.48%, #E1DEDF 100%); background: url(../img/pattern-13.svg) 0 -1.85rem repeat-x, url(../img/pattern-13.svg) left 0 bottom -1.925rem repeat-x, var(--gradient-primary); text-align: center; }
@media screen and (min-width: 480px) and (max-width: 767px) { .cart-complete { background-position: 0 -1.65rem, left 0 bottom -1.675rem, 0 0; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { .cart-complete { background-position: 0 0, 0 100%, 0 0; } }
@media screen and (min-width: 1280px) { .cart-complete { background-position: 100% 0, 0 0, 0 0; background-repeat: repeat-y, repeat-y, no-repeat; } }
.cart-complete__container { max-width: 35rem; }
.cart-complete__image { background: rgba(155, 45, 48, 0.1); background: var(--color-red-2); border-radius: 100%; height: 4.5rem; padding: 0.75rem; width: 4.5rem; }
/*----------------------------------------*/
/* CART PICKUP */
/*----------------------------------------*/
.cart-pickup { padding: 3rem 3rem 0.5rem; padding: var(--gap-6) var(--gap-6) var(--gap-1); }
@media screen and (min-width: 480px) and (max-width: 767px) { .cart-pickup { padding: 2rem 2rem 0.5rem; padding: var(--gap-4) var(--gap-4) var(--gap-1); } }
@media screen and (max-width: 479px) { .cart-pickup { padding: 1.5rem 1.5rem 0.5rem; padding: var(--gap-3) var(--gap-3) var(--gap-1); } }
@media screen and (min-width: 480px) { .cart-pickup { width: 53rem; } }
.cart-pickup__view { width: 14rem; }
@media screen and (max-width: 767px) { .cart-pickup__view { order: -1; } }
.cart-pickup__map { height: calc(100vh - 16rem); padding: 0 0 2.5rem; padding: 0 0 var(--gap-5); }
@media screen and (min-width: 480px) and (max-width: 767px) { .cart-pickup__map { height: calc(100vh - 18rem); padding: 0 0 1.5rem; padding: 0 0 var(--gap-3); } }
@media screen and (max-width: 479px) { .cart-pickup__map { height: calc(100vh - 18rem); padding: 0 0 1rem; padding: 0 0 var(--gap-2); } }
.cart-pickup__map-scheme { height: 100%; }
.cart-pickup__balloon { position: relative; width: 20rem; }
@media screen and (min-width: 480px) and (max-width: 767px) { .cart-pickup__balloon { width: 18rem; } }
@media screen and (max-width: 479px) { .cart-pickup__balloon { width: 16rem; } }
.cart-pickup__balloon-close.button { height: 1.5rem; position: absolute; right: calc(0.5 * 0.5rem); right: calc(0.5 * var(--gap-1)); top: calc(0.5 * 0.5rem); top: calc(0.5 * var(--gap-1)); width: 1.5rem; z-index: 9; }
.cart-pickup__balloon-arrow { height: 14px; left: 50%; margin-left: -12px; pointer-events: none; position: absolute; top: 100%; width: 24px; }
.cart-pickup__balloon-image { margin-top: 0.125rem; }
.cart-pickup__balloon-text { line-height: 1.25rem; }
.cart-pickup__list { margin-right: calc(-1 * 2.5rem); margin-right: calc(-1 * var(--gap-5)); max-height: calc(100vh - 16rem); overflow-x: hidden; overflow-y: auto; overflow: hidden auto; padding-right: 2.5rem; padding-right: var(--gap-5); }
@media screen and (min-width: 480px) and (max-width: 767px) { .cart-pickup__list { margin-right: calc(-1 * 1.5rem); margin-right: calc(-1 * var(--gap-3)); max-height: calc(100vh - 18rem); padding-right: 1.5rem; padding-right: var(--gap-3); } }
@media screen and (max-width: 479px) { .cart-pickup__list { margin-right: calc(-1 * 1rem); margin-right: calc(-1 * var(--gap-2)); max-height: calc(100vh - 18rem); padding-right: 1rem; padding-right: var(--gap-2); } }
.cart-pickup__list-item { border-bottom: 1px solid #D9D9D9; border-bottom: 1px solid var(--color-grey-2); }
.cart-pickup__list-item:first-child { border-top: 1px solid #D9D9D9; border-top: 1px solid var(--color-grey-2); }
@media screen and (max-width: 1023px) { .cart-pickup__list-info { --grid-gap-v: 0; } }
/*----------------------------------------*/
/* COMPARE LAYOUT */
/*----------------------------------------*/
.compare-layout { position: relative; }
@media screen and (min-width: 1280px) { .compare-layout { display: flex; } }
@media screen and (min-width: 1280px) { .compare-layout__side { width: 18.125rem; } }
@media screen and (min-width: 1280px) { .compare-layout__main { width: calc(100% - 18.125rem); } }
/*----------------------------------------*/
/* COMPARE SPECS */
/*----------------------------------------*/
.compare-specs__item { align-items: center; border-top: 1px solid #D9D9D9; border-top: 1px solid var(--color-grey-2); display: flex; pointer-events: auto; }
@media screen and (max-width: 1279px) { .compare-specs__item { border: 0; } }
.compare-specs__item:first-child { border-top: 0; }
.compare-specs__text { display: block; font-weight: 600; padding: 0.75rem 1rem 0.75rem 0; width: 100%; }
@media screen and (max-width: 1279px) { .compare-specs__text { font-weight: normal; padding: 0.75rem 0.75rem; } }
@media screen and (max-width: 1279px) { .compare-specs--heading { left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } }
@media screen and (max-width: 1279px) { .compare-specs--heading .compare-specs__item { border: 0; align-items: flex-start; } }
.compare-specs--heading .compare-specs__text { font-weight: normal; }
@media screen and (max-width: 1279px) { .compare-specs--heading .compare-specs__text { background: #EDE9EB; background: var(--color-grey-6); font-weight: 600; } }
/*----------------------------------------*/
/* COMPARE NAV */
/*----------------------------------------*/
.compare-nav { margin-bottom: 1.5rem; margin-bottom: var(--gap-3); position: relative; z-index: 99; }
@media screen and (min-width: 768px) and (max-width: 1279px) { .compare-nav { margin-bottom: -3.5rem; } }
@media screen and (max-width: 767px) { .compare-nav { margin-bottom: 1rem; margin-bottom: var(--gap-2); } }
/*----------------------------------------*/
/* PROFILE LAYOUT */
/*----------------------------------------*/
.profile-layout { display: flex; }
@media screen and (min-width: 1280px) { .profile-layout__side { margin-right: 1rem; width: 17rem; } }
@media screen and (min-width: 1280px) { .profile-layout__main { width: calc(100% - 18rem); } }
.profile-layout__container { max-width: 64rem; }
@media screen and (max-width: 1023px) { .profile-layout__container { max-width: 30rem; } }
.profile-layout__container.grid { --grid-gap-h: 4rem; --grid-gap-v: 0; }
@media screen and (max-width: 1023px) { .profile-layout__container.grid { --grid-gap-h: 0; --grid-gap-v: 3rem; } }
/*----------------------------------------*/
/* PROFILE BONUS */
/*----------------------------------------*/
@media screen and (min-width: 1024px) { .profile-bonus { padding: 0.9rem 0 0.5rem; } }
.profile-bonus__count-value { font-size: 2.5rem; font-weight: bold; }
@media screen and (max-width: 767px) { .profile-bonus__count-value { font-size: 2rem; } }
.profile-bonus__text { max-width: 18rem; }
/*----------------------------------------*/
/* PROFILE ORDER */
/*----------------------------------------*/
.profile-order:last-child { margin: 0; }
.profile-order__status { padding-left: calc(0.75 * 1rem); padding-left: calc(0.75 * var(--gap-2)); position: relative; }
.profile-order__status::before { background: currentColor; border-radius: 100%; content: ''; height: 0.5rem; left: 0; margin: -0.25rem 0 0; position: absolute; top: 50%; width: 0.5rem; }
.profile-order__status--active { color: #82A92E; color: var(--color-green); }
.profile-order__status--cancel { color: #9B2D30; color: var(--color-red-1); }
.profile-order__product-image { margin-right: calc(0.75 * 1rem); margin-right: calc(0.75 * var(--gap-2)); width: 2rem; }
@media screen and (min-width: 1024px) { .profile-order__info { min-width: 9rem; width: 15%; } }
@media screen and (min-width: 1024px) { .profile-order__delivery { min-width: 10rem; width: 22%; } }
@media screen and (max-width: 1023px) { .profile-order__delivery-item { width: 50%; } }
@media screen and (max-width: 1023px) { .profile-order__goods { width: 100%; } }
@media screen and (min-width: 1024px) { .profile-order__price { min-width: 10rem; text-align: right; width: 16%; } }
.profile-order--complete .profile-order__status, .profile-order--complete .profile-order__delivery-text, .profile-order--complete .profile-order__product-text { color: rgba(55, 55, 55, 0.5); color: var(--color-grey-5); }
/*----------------------------------------*/
/* ORDER PRODUCT */
/*----------------------------------------*/
.order-product { border-bottom: 1px solid #D9D9D9; border-bottom: 1px solid var(--color-grey-2); border-top: 1px solid #D9D9D9; border-top: 1px solid var(--color-grey-2); margin: -1px 0 0; }
.order-product__image { max-width: 10rem; width: 15%; }
@media screen and (max-width: 767px) { .order-product__image { margin-right: 1rem; width: 6rem; } }
@media screen and (max-width: 767px) { .order-product__text { width: calc(100% - 7rem); } }
.order-product__price { min-width: 11rem; width: 17%; }
@media screen and (max-width: 767px) { .order-product__price { margin: 0.5rem 0 0; max-width: 100%; padding: 0 0 0 7rem; width: 100%; } }
/*----------------------------------------*/
/* ORDER TOTAL */
/*----------------------------------------*/
.order-total th, .order-total td { padding: 0.5rem 0 0; padding: var(--gap-1) 0 0; vertical-align: top; }
.order-total th { font-weight: normal; text-align: left; padding-right: 4rem; padding-right: var(--gap-8); }
@media screen and (min-width: 480px) and (max-width: 767px) { .order-total th { padding-right: 2.5rem; padding-right: var(--gap-5); } }
@media screen and (max-width: 479px) { .order-total th { padding-right: 1.5rem; padding-right: var(--gap-3); width: 50%; } }
/*----------------------------------------*/
/* ORDER INFO */
/*----------------------------------------*/
.order-info { margin: 1.5rem 0 0; margin: var(--gap-3) 0 0; }
@media screen and (min-width: 1024px) { .order-info { margin: 0 0 0 1rem; margin: 0 0 0 var(--gap-2); width: 17rem; } }
.order-info__history { list-style: none; }
.order-info__history-item { padding: 0 0 2.5rem 2rem; padding: 0 0 var(--gap-5) var(--gap-4); position: relative; }
@media screen and (max-width: 767px) { .order-info__history-item { padding-bottom: 1.5rem; padding-bottom: var(--gap-3); } }
.order-info__history-item:last-child { padding-bottom: 0; }
.order-info__history-item:last-child::before { display: none; }
.order-info__history-item::before { background: #D9D9D9; background: var(--color-grey-2); bottom: 0.5rem; bottom: var(--gap-1); content: ''; display: block; left: calc(0.75 * 1rem); left: calc(0.75 * var(--gap-2)); position: absolute; top: 2rem; top: var(--gap-4); width: 1px; }
.order-info__history-image { left: 0; position: absolute; top: 0; }
.order-info__history-title { line-height: 1.5rem; }

/* Catalogue media containment: keep source proportions inside every visual frame. */
.product-gallery,
.product-gallery__preview,
.product-gallery__preview-item,
.js-product-gallery-preview-items,
.js-product-gallery-preview-items .swiper-wrapper,
.catalog-item__visual,
.catalog-item__visual-image { min-width: 0; max-width: 100%; }
.product-gallery__preview,
.product-gallery__preview-item,
.catalog-item__visual { overflow: hidden; }
.product-gallery__preview-item { align-items: center; display: flex; justify-content: center; }
.product-gallery__preview-item img,
.product-gallery__preview-item picture,
.product-gallery__preview-item video,
.catalog-item__visual-image > img,
.catalog-item__visual-image > picture { display: block; height: 100%; max-height: 100%; max-width: 100%; object-fit: contain; width: 100%; }